秋葉秀樹個人ブログ

CSS Nite in KANSAI, LP1が終わりました

Sun, 07 Mar 2010 13:47:32 +0900

半年近く前から計画していたCMS特集勉強会、CSS Nite in KANSAI, LP1〜POWER USER'S SUMMIT 2010〜が終わりました。

参加者総勢240人！

今までそんな規模のセミナーはやった事が無いのでとても心配があり、胃が痛かったこともありましたが、スタッフのみんな、会場の皆さんのお陰でなんとか無事（？）成功する事ができました。

でも、なにより今回苦労されたのはパーワーユーザのみなさんではないでしょうか？ cremaさん、太田さん、勝又さん、藤井さん。
事前準備はものすごく大変だったと思います、こんな無茶、本当に引き受けてくれて。
お疲れさまでした、そしてありがとうございました。

フォローアップ記事は徐々に上がってくるそうです。
CSS Nite in OSAKA公式サイトのほうで確認してください。

なお、CSS Nite公式サイトの方では早くも参加者の方のレポートが紹介されています。 http://cssnite.jp/archives/post_1771.html

アンケートには色んなご意見をいただきました。
厳しい意見ももらいました。
で、司会者である僕に対する意見も、好評と批評をいただくという、まあそれだけこのイベントは関心を持っている人が多かったんだな、と思います。

で、僕をはじめとする主催者側にもらったご意見として。。

・出演者の顔が見えない、声が聞き取りにくい、スクリーンが見えにくい　→キャンセル待ち70名以上の方がいらっしゃって、なるべく参加していただきたく、会場を急遽変更しました、後ろの方のためにスクリーンを調達してきましたが、やはりそういった声が聞こえると言う事で、次回からの会場選びはしっかり考えていこうと思います。

・司会者（つまり僕です）が上から目線、出演者にプレッシャーを与え過ぎ
　→すいません。
　　でも・・・スタンスはこのままで行こうと思います。

リハーサル風景とかの写真。　撮影：おかだよういち（s-style-arts）

会場となったTKP大阪梅田ビル。なんと、阪神高速道路がビルの中を貫通しています。

リハーサル準備中、顔が手で隠れているけど、鳥取から実行委員として駆けつけていただいた丸山章さん（兄さん！）、テクニカル・機材周辺を担当。こんどCSS Nite in KYOTO, Vol.2に出演されます。各出演者、持ち込みマシンを入念にチェック中。

会場の準備風景、スタッフは12時入り、CPIの方やファーストサーバの方も会場設営を手伝ってくださいました。

怪しい人、わたくしでございます！

IT CIRCUS 2010 OSAKAでしゃべってきました

Fri, 19 Feb 2010 03:20:21 +0900

平日の昼間にも関わらず、100名近い業界関係者の方にお集りいただきました、ありがとうございました。

正直、僕の業種のお話として、デザイナーさんが少なく、超アウェーな状態でのスタートでした。
でも何だか、新鮮かも、どう思われるかなんてどうでもよく、自分の持ってるものをいろんなジャンルからネタを出させていただきました。

で、終演したあとに、多くの方にお声をかけていただき、「資料が欲しいです」ということでしたので、遅くなりましたが、フォローアップさせていただきます。

他の地域の方のためにスライドは、端折っています。（実演の方が多かったので）

IT CIRCUS 2010のスライド抜粋（PDF:8.2MB）

もちろん、地域毎に変えていきますが、伝えたい事も共通してあるので、そこはご了承ください。
当日のスライドの内容です。

【Illustrator編】
・手作業で大変なアートワークをJavaScriptで楽に作ってみよう
【CIデザイン編】
・トレンド！？はき違えないで！！顧客が全て受け入れるワケがない！
　というわけで、「こんなCIデザインを求められたときに持っておきたいテクニック」
【Photoshop編】
・Adobe Configuratorで自分カスタマイズ
・地方ごとに実演、その地方の企業サイトのナビゲーションをPhotoshopで真似る実演
【Flash編】
・Flash CS5でiPhoneのタッチイベントって！？
【HTML5編】
・ちょっとでも触れておくべき、とりあえずHTMLのデータをcanvasでグラフに図式化。

さて、次は福岡会場。
新しいネタを用意します、福岡の方、お楽しみに！（またアウェーかも・・・）

今後ともよろしくお願いします。

アウェーな状態でスタート！宣戦布告！！

CIデザイン編、このあと、Shadeによる、ブランドロゴの手法を実演させていただきました。

「コミュニケーションとは？」というパネルディスカッションでお話させていただきました。

森川氏とちょっとした意見の出し合い。

女体をwonderflで。

Fri, 12 Feb 2010 03:55:38 +0900

ParticleGirl !? - wonderfl build flash online

ちょっと前の投稿です。
実はこのデータ、POSERを元にLIGHTWAVEでデフォルメしまして、それをPapervision 3Dフレームワークで読み取りました。

頂点のデータだけにしたかったので、全部ポリゴンを外しました。
ああっ、、、ってアホな妄想をしながらColladaファイルに書きだしたんですが、中身を3次元座標データだけにまとめてあとは削除、もはやDAEではなくなって、読み込みソースも自前で作る羽目になりました。

ボディ、髪、オッパイ

この3つの3D座標を別々に読み取り、オッパイ部分は先に向かうほど揺れるようにしてみました。
しかしこれ、結構めんどうなのは、オッパイの先の座標から付け根の座標に向かって、Z座標の配列をソートしないといけなくて、まあ、もっと揺らしたい場合、あるパラメータを書き換えてFORKしてください、妄想しながら。。。
正直気持ち悪いくらい、ぶるんぶるん揺れてたのでわざと大人しくしてしまいました。
だめだなあ、ってか、、バカだなあ。

canvasに3000個のドット、Processing.jsを使わないと...

Fri, 12 Feb 2010 01:46:29 +0900

processing_no_use.html ←クリックして見てください、Safari,Chromeあたりが速いです、Mac版でしか見てませんが...

この前書いたブログ記事のあと、「Flashとcanvasを比べるなんておかしい」なんて声をいただきました、、、すいませんすいません。。。

ただし、最近どこかのサイトで「Flashに取って代わる」、とか「Flashが要らなくなる」、とか、ずいぶんはっきりした書き方をしている所もあるから。。

で、、そのときの記事でJavaScriptのフレームワーク、「Processing.js」を使って1000個のドットを動かしたんですが、システムエンジニアの方に「フレームワークを使ったら処理も影響されるんじゃない？」って言われて、良く分かんない僕は「え？」って思いました。

で、1000個のドットを動かすのもやっとこさのProcessing.js+canvasだったんですが、（初めてProcessingを書いたに等しいので書き方としてソースの善し悪しがわからず。）結構重たい。そんなものかと思っていましたが、Processing.jsナシで書いてみると、、

え？

割と軽快でした。

今回はブラウザでパフォーマンス比較、もうFlashとの比較はしません。。
今このマシンにあるブラウザの中で軽快な順番だと

1位がSafari
2位がChrome
3位がOpera
4位がFirefox
（全てMac版）

やっぱりSafariが軽快でした。 JavaScript、あんまりわからずに書いてみたけど、一応動きました、こんな感じで書いてみました。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>canvas prosessing.js not use</title>
<style type="text/css" media="all">
</style>

</head>

<body>
<canvas id="canvasID" width="600" height="600"></canvas>
<p>パーティクルの数 : <span id="point">3000</span></p>
<script type="text/javascript">
<!--
var r = 0.75;
var width = document.getElementById('canvasID').width;
var height = document.getElementById('canvasID').height;
var ctx;
var timer;
var len;
var pList = [];

window.onload = function() {
	len = document.getElementById('point').innerHTML;
	init();
};

function init() {
	var canvas = document.getElementById('canvasID');
	ctx = canvas.getContext('2d');
	pList = [];
	ctx.fillStyle = "black";
	ctx.rect(0,0,width,height);
	ctx.fill();
	for (i = 0 ; i<len ; i++){
		var myX = rand(width);
		var myY = rand(height);
		var vx = rand(1)*10-5;
		var vy = rand(1)*10-5;
		pList[i]=[myX,myY,vx,vy];
		ctx.beginPath();
		ctx.fillStyle = "red";
		ctx.arc(myX,myY,r,0,Math.PI*2,true);
		ctx.fill();
		}
	timer = setInterval(draw,33);
}

function rand(num){
	return Math.random()*num;
}

function draw() {
	ctx.fillStyle = "black";
	ctx.rect(0,0,width,height);
	ctx.fill();
	for (i = 0 ; i<len ; i++){
		var myX = pList[i][0];
		var myY = pList[i][1];
		var vx = pList[i][2];
		var vy = pList[i][3];
		myX += vx;
		myY += vy;
		if(myX<0) myX = width;
		if(myX>width) myX = 0;
		if(myY<0) myY = height;
		if(myY>height) myY = 0;
		
		pList[i]=[myX,myY,vx,vy];
		ctx.beginPath();
		ctx.fillStyle = "red";
		ctx.arc(myX,myY,r,0,Math.PI*2,true);
		ctx.fill();
		}
}

-->
</script>
</body>
</html>

僕が編曲しています。

Tue, 09 Feb 2010 07:00:17 +0900

ちょっとハズカシいけど、、、昔の音楽の仕事。
リピート山中さんってシンガーソングライターがいます。
その方、昭和のフォークソングを今も唄い続けている、素敵なおじさんなのですが、数年前、彼の曲を僕がアレンジしたことがあります、
その曲が最近アマゾンで見つかって、どういうわけだか僕の名前までクレジットされています。

http://www.amazon.co.jp/s/ref=pd_rhf_s_1?ie=UTF8&search-alias=aps&keywords=%E7%A7%8B%E8%91%89%E7%A7%80%E6%A8%B9

なぜか僕の名前が入っています。

それにしても昭和だなあ。
http://www.amazon.co.jp/%E4%BA%8C%E5%BA%A6%E7%9B%AE%E3%81%AE%E9%9D%92%E6%98%A5%E8%A1%8C%E9%80%B2%E6%9B%B2-%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E5%B1%B1%E4%B8%AD/dp/B000GALCMO/ref=sr_1_1?ie=UTF8&s=music&qid=1265665286&sr=8-1
に入ると、
「曲目リスト」って見出しがあるので、
「夢見ることを忘れていないか」
という曲、良かったら試聴してください、多分みなさんの趣味にあうか保証出来ませんが。。

ドラムは僕が打ち込み
ピアノ、ベース、ギターは僕が実際に弾いています。

ほんと、昭和だなあ、ある意味新鮮。。。

大阪DTPの勉強部屋、開催！！

Tue, 09 Feb 2010 06:25:03 +0900

大阪でDTP関係のイベント、「大阪DTPの勉強部屋」が開催されます！
今回のテーマは「出力」。
この内容はかなり興味あり、僕も行きます。

でも、この日午前からデジハリで講義があり、途中参加です。

最近のDTP事情を知りたい方、
是非参加されてみては？

■勉強会
　3月6日　土曜日
　14時～19時
　受付　13時から

■場所
　TKP大阪淀屋橋カンファレンスセンター　
　〒530-0005 大阪府大阪市北区中之島2-2-2
　大阪中之島ビル　(旧ニチメンビル)
　B1F ホールA

【アクセス】
　地下鉄御堂筋線淀屋橋駅より徒歩3分
　地下鉄四つ橋線肥後橋駅より徒歩3分
　京阪中之島線大江橋駅より徒歩20秒
　地図
　
■参加費　2,000円（領収書の発行有）

■内容（予定）

Session 1「DTP完全データでトラブル回避」
　Illustrator 8からCS以降になって出力はどう変わったか。
　モニター・プリンタ・印刷間の色ズレを最小限に
　実際の印刷物を用意してトラブルの事例や出力のルールを解説します。
　クラッシックOS9とOSX、ハイブリッドで使える実機で説明します。（G5（PowerPC））
　スピーカー：柴田勉（株）ノア・デジタル
　mixiコミュ「DTP完全データへの道」管理人

Session 2「出力・印刷の現場から」
　出力データを受け取った現場ではナニが起こっているのか？
　現場からの声をお届けします。
　スピーカー：村上良日
　　　　　　　坂口礼治
　　　　　　　柴田勉

HTML5 canvasのブラウザ別描画処理速度の比較をパーティクルで。

Tue, 09 Feb 2010 04:32:01 +0900

最近特に、Apple iPadが発表されるニュースより、AppleがFlashをどんどん淘汰していくような動きの方がよっぽど気になります。
Appleはどうやら HTML5を推進しているとのこと。確かにAppleのサイトはだいぶ前からリッチコンテンツな部分にもJavaScriptを導入していましたね。
最初は「どっちも良い所あるから仕様をしっかりと見据えて使い分けるべき」と捉えていました。
でもどうやらHTML5のcanvasという要素が、Flashみたいな表現も可能ということで、色々調べてみたら、どうもスゴい所までいってるらしい。
で、色々と試していたんですが、やはりブラウザで動くわけなので、当然描画速度ってブラウザによって違うんじゃないかな？って思います。

どれに優劣を付ける訳じゃないけど、パフォーマンスがどんなものか知っておきたかった。ついでにFlashでも作ってみた。

canvasで1000個のパーティクル（重たくなります）
Flashで10000個のパーティクル

canvasの方はprocessing.jsを使って書きました、基本Javaベースで書くんですね、型の記述とかちょっと手惑いました。
1000個のパーティクルを、それぞれ移動距離をランダムに設定してランダムな向きに移動、一気に1000個を動かすというものです。
ブラウザは今Mac環境で作ってますが、Firefox3.6, Safari4.0.4, Chrome4.0.249.49betaでそれぞれ確認しました。
結果、Safariが一番速い、ように見えました、Chromeでも同じ位だけど。
頑張れ、Firefox。ってかんじでした。
ところが、パーティクルを5000個に増やすともう、コマ送りのような重さ、とても動いてるという表現は無理でした。

で、Flashですが、全然問題ないです、やはりこのあたり、ブラウザと比較しちゃいけないんだろうけど、このあたりは断然Flashに軍配あり、といった感じでしょう。
一気に1000個から10万個に増やしても全くと言って良いほど処理落ちを感じさせないので、~~1000個でなんとかの状態のHTML5+canvasの描画APIは今後の課題になってくるんじゃないかな？~~と思います、Flashにとって代わる、というのであれば、ですが。

※【修正記事】　こういう場合はprocessing.jsを使わずに、フレームワークを使わないで書く方が結構高速に処理しました。補足記事はこちらです、惑わせてしまってすいません！

canvas用（processing.js使用）
Flash用（ActionScript 3.0使用）

package  {
	
	import flash.display.*;
	import flash.events.*;
	
	[SWF(width="300", height="300", backgroundColor="#FFFFFF", frameRate="30")]
	
	public class ParticleTest extends Sprite {
		var _width:uint = 300;
		var _height:uint = 300;
		var len:uint = 10000; //パーティクル1万個
		var pList:Array = [];
		var canvas:BitmapData;
		public function ParticleTest() {
			// constructor code
			if(stage) init();
			else this.addEventListener(Event.ADDED_TO_STAGE, init);
		}
		
		private function init (e:Event=null):void {
			canvas = new BitmapData(_width, _height, false, 0x00000000);
			addChild(new Bitmap(canvas));
			for (var i:uint = 0 ; i<len ; i++){
				var particle:Particle = new Particle();
				particle.x = rand(_width);
				particle.y = rand(_height);
				particle.vx = rand(1)*10-5;
				particle.vy = rand(1)*10-5;
				particle.col = rand(0xFFFFFF);
				pList.push(particle);
			}
			this.addEventListener(Event.ENTER_FRAME, enterframeHandler);
		}
		
		private function enterframeHandler (e:Event):void {
			canvas.fillRect(canvas.rect,0x00000000);
			for (var i:uint = 0 ; i<len ; i++){
				var pt:Particle = pList[i];
				pt.x+=pt.vx;
				pt.y+=pt.vy;
				if(pt.x <0) pt.x=_width;
				if(pt.x >_width) pt.x=0;
				if(pt.y <0) pt.y=_height;
				if(pt.y >_height) pt.y=0;
				canvas.setPixel(pt.x,pt.y,pt.col);
			}
		}
		
		private function rand(num:Number):Number {
			return Math.random()*num;
		}
	}
}

class Particle {
	var x:Number, y:Number, vx:Number, vy:Number, col:uint;
}

グローバルナビゲーションの「溝」を簡単にカッコよく作るTips.

Sun, 31 Jan 2010 15:20:06 +0900

最近、Webデザインのトレンドとか言って、立体的なナビゲーションじゃなくて、平面でシンプルなナビゲーションがトレンド、なんて言う人が多いですね。
で、そうなりつつあるのはわかるんですが、だからといって、今の企業サイトもそうだし、クライアントが全てトレンドを求めてる訳ではなく、テイストは案件によって出し方を柔軟にする事が大事なんです、と思っています。

今回、アップルのサイトのグローバルナビゲーションをマネしてみましょう。シンプルだけど、拡大してみると案外細かい線が凹凸感を出していて、心地よい立体感を演出してくれています。

ここで大事なのが、「溝」。だと感じました。
地味な存在で目立たないけど、ここもこだわってデザイナーとしてのクオリティを上げてみたいな、と。

新規レイヤーを作り、同じ大きさの「土台」を作ります、塗りはわかりやすく赤で、何でもいいんです。

選択範囲を残したまま「レイヤーマスクを追加」で「土台」の外は黒くマスキングされます。

レイヤースタイルでベベルとエンボスを設定。これだけでOKです。

ペンツールに持ち替え、黒い線で1pxの線を「溝」となる縦線を1本引いてください。

このレイヤーの「塗り」を0％へ。

場合によっては溝がキツすぎる、ということもあるので、そういう場合は、「ベベルとエンボス」の「テクニック」を「ジゼルハード」へ。だいぶ自然な「切り込まれた溝」の質感が出来ました。

web creators vol.99にIllustratorの記事を寄稿しました

Sat, 30 Jan 2010 03:25:36 +0900

99号目となるweb creatorsの特集記事「WEBの作業が楽になるテクニック総まとめ」に寄稿しました。

題して「Illustrator内で完全にシンボル化しFlashにインポートする」というものですが、年末年始激務に追われ、編集部に「もうだめ〜」って言って今回は甘えて1記事だけ書かせていただきました。すいません、編集部の方、次からはなるべく貢献します。。

しかし今まで寄稿してきた内容、振り返ってみると色んなジャンルの記事書いてるな、何が得意な人と思われているのか、実は自分が一番わかってない。。。

宮崎で公演します。[CSS Nite in MIYAZAKI]

Sat, 30 Jan 2010 00:26:29 +0900

2010年5月22日（土）、宮崎産業経営大学にて、CSS Niteの宮崎版の初開催に出演させていただく事になりました。
宮崎は母の実家が日南市にあるのですが、実行委員会のイチゴちんさんは都城在住の方で、一度もお会いした事がないんですが、たまたま僕のことを知ってくれてたらしく、呼んで下さいました。
そういうのってなんだかウレシいですね。
罰当たりにも、墓参りに行ってなかった。。。ちゃんと行かねば。

【出演者紹介】

鷹野雅弘さん　（株式会社スイッチ）
安藤直紀さん（デジタルハリウッド大学院　産学官連携センター研究推進室）
イラスティックコンサルタンツ株式会社の方
中島道さん（Webデザイナー）
津曲智英さん（TNETPRO　代表取締役）

と、僕を予定しているとのことです。
何を話するかは、ちょっと考えていますし、決まりましたらまたお知らせします。

IT CIRCUS 2010に出演します。

Thu, 28 Jan 2010 03:16:05 +0900

デジタルハリウッド大学院　客員教授の塩見政春さんが主催する全国行脚のセミナーイベント「IT CIRCUS 2010」が大阪を皮切りに全国行脚スタートします。

大阪主導で動くこのイベントに、僕が関わらせてもらっているCSS Nite in OSAKA実行委員会も参加していき、実行委員を代表してスピーチをさせてもらうことになりました。

公式サイトはこちら。
http://www.it-circus.com/?p=21

出演は、日本ウェブ協会理事長の森川眞行さん、ファーストサーバの森下源一さん、そして仲良くさせてもらっているInVogueのFlashチームのメンバーさんなど。

IT/Webに関わることであれば、特に境目のないジャンルでのセッションとなりそうです。

じゃあ、僕は何をしゃべるかというと・・・
公演タイトル　「フリーで生き抜くデザイナーでガンバろう！」　秋葉秀樹
自分で名付けておいて、ちょっとおバカっぽいな、と思いきや、マジメにやろうっと。

結構フリーでやってきて、別にフリーが良いってワケじゃないんだけど、まあ、生きてこれたわけだし、そんな中で思っているデザイナーとして心がけていることとか、実技も出しながらお話させてもらおうかな、と思っています。

で、公式サイトにはIllustrator、Photoshop　、Flash、CG、HTML5と、色々な内容を話すって書いてますが、詳しく言うとこんな感じ。

Illustratorでは、僕も経験があるんですが、デザインしていると、背景に無数のオブジェクトを作ることがあります、手作業でも出来るんですが、例えば、水玉を500個ほど、ちょっと色違いで描いたりするのって、大変ですよね？

そんな時によく使う手段がこちら。
ExtendScript ToolKitです。

書きます、JavaScriptで。。

こんな表現が出来ます。
ブレンドツールだと結構簡単に出来そうで簡単には出来ない。

・・・といった、色んな表現が出来ます。
またここで他のセッションの内容も告知していきます、一緒に勉強しましょう〜w

Adobe Edgeに告知させてもらいました。

Thu, 28 Jan 2010 02:39:44 +0900

アドビさんが配信しているニュースレター「Adobe Edge」に僕が講師をしているイメディオのセミナーが告知されました。

http://www.adobe.com/jp/newsletters/edge/january2010/articles/article8/index.html#seminar37

2/5(金)13:00〜18:00
これが出来たら脱・初心者！　はじめてのIllustrator［講師：秋葉秀樹氏］
2/19(金)13:00〜18:00
『脱・やらず嫌い！』デザイナーのためのFlash AS3.0入門前編［講師：秋葉秀樹氏］
2/20(土)13:00〜17:00
Webデザインスキルアップ講座〜サイトデザインの改善編〜［講師：森和恵氏］
2/25(木)10:00〜17:00
ビギナーのためのDreamweaverで学ぶCSS〜基礎編〜［講師：森和恵氏］
2/26(金)10:00〜18:00
動きで表現力をアップ Flashコンテンツ制作入門［講師：森和恵氏］

、、、とのことです。（って他人事？）

今、講師業やセミナー、通常のお仕事でお世話になっている森和恵さんの講座もあります。
僕の講座は割とデザイナーさんが多く来てくださいますし、女性でも安心して（！？）参加出来ます、と、思います・・・。
http://www.imedio.or.jp/seminar/

ありがとう、アドビさん。

グラフィック作品「Eco Les Paul」

Thu, 14 Jan 2010 16:23:24 +0900

ワコムのペンタブレット、Intuos4を購入しました。
2048という筆圧レベルを関知するということですが、なんとなく、押した後にじわ〜っとにじんでくる感覚がスムーズでいい感じだと思いました。

作品を作りたくなって、Intuos4を使ってさっそく夜なべして創作したのがこのギター。
愛機、ギブソン・レスポールのボディをカスタマイズ・・・？

右利きでも、左利きでも、利き手の反対の手でショートカットの操作が出来ると言う点がとてもユーザに優しいなと思います。
ただ、ホイール部分で拡大／縮小をやるのは慣れていないので、キーボードのショートカットと併用して使います、それでも全然ストレスにならなかった。

自然に影の濃淡をかぶせるときは、やっぱりゴシゴシした方がやりやすい、今回の製品付属の「芯」がよかった。
フェルトや筆の感触がシミュレートされているのかな？
ちょっと柔らかいタッチで書きたい場合はこっち、カタい鉛筆風の場合はこっちとか、あ、これはあくまで手の味わえる感触の話ですよ。

作ったのはエコギターってイメージ、もうちょっと手を加えたい。
使用ソフト：Photoshop CS4, VUE5

というわけでちょっとまだ作りかけだけど、早くこのサイトデザインをリニューアルしたいので、がんばってパーツを作る。

やっぱりVUEのEcoSystemってすごいな。

Wed, 13 Jan 2010 02:33:06 +0900

↑MacBook Pro 2.4GHz Intel Core2 Duoでレンダリング6時間・・・

まだ、VUE5だけど、このEcoSystemって、無限に木や草を生やしてくれる機能、ホントスゴい。
数百万の草木でコンピュータのパフォーマンスに影響しないって画期的で、実はCG屋さんでもないのに、いろんなビジュアル制作ではお世話になってる。
使い方は難しいけど、時代はとっくにEcoSystem ジェネレーションIII、もっと凄いことができる。
このページを見るとそのすごさが期待できる。
http://graphic.e-frontier.co.jp/vue/7_xstream/page03.html

EcoSystemペイントって、好きな場所にブラシでゴシゴシする感覚で草木を生やすことが出来る。
VUE5では、それを関数とかで位置を決めていかないといけないので、若干難しく、想い通りにならない事もしばしば。

EcoSystemペイントだと、直感的に「ここに生やしたい」をピンポイントに実現してくれそうで期待出来る。

じつはこれもEcoSystemを使ってます。
↓↓↓↓

ある物体が近くにあったら、それを避けてくれる機能もあるので、中央のロゴが埋もれずに済むってやつ。
これだけでも便利だったんだけど、今作ってるプライベート作品はかなり苦戦。
やっぱりEcoSystem ジェネレーションIIIに頼る方が効率上がるかな？
VUE7の最高グレードはVue 7 xStream、もう昔のバージョンはアップグレード対象外、なので
価格は・・・標準価格：228,900円。

う〜ん、がんばって買うか・・・。
悩む。

CSS Nite in OSAKA, Vol.19 フォローアップ【秋葉秀樹】

Mon, 28 Sep 2009 00:57:09 +0900

2009年9月27日、アップルストア心斎橋で開催されたCSS Nite in OSAKA, Vol.19で、HTML5のcanvasを使った入門講座ということでスピーチしてきました。

canvasというのは、HTMLタグで、直接ブラウザに図形を表示させるためのタグで、まずは「線を引く」とか「塗りを入れる」など、シンプルな絵を描く方法を説明させていただいたあと、「HTML内のリスト化された数値を抜き取り、折れ線グラフを描画させる」とか、「ポイントをドラッグさせてベジェ曲線を操作する」など、canvasで出来る初歩的な仕様のご紹介をしました。

全てが自作のJavaScriptなので、勉強し始めて半月くらいしかない僕にとって「まだまだ」だとは思いますが、まだ知らない人にとって、お役に立てたら光栄です。

今日公開したスライドです、ダウンロードしてお使いください。
http://www.akibahideki.com/html5/cssnite0927/slide_0927.pdf
[PDF: 3.3MB]

HTML5とcanvasとJavaScriptが同一ファイルになっていて1ファイルで完結しているのでサンプルファイルも参考にしてください。

■HTML5 canvasに関する入門講座 ~CSS Nite in OSAKA, Vol.19~
http://www.akibahideki.com/html5/cssnite0927/

【内容】

秋葉秀樹 個人ブログ