選択されているタグ :  Color

タグを絞り込む : as3 IAMAS デザイン

昨日の夜、ちょい絶技巧発表会というASの勉強会があって(超絶じゃなくてちょい絶)、ちょい絶については ll_koba_ll さんのブログ(ActionScript 的ちょい絶技巧発表会 in Nagoya (Unknown Quality))にあるので、そちらをみてほしいんですが、僕は、「ASでの12色環へのアプローチ・序」というタイトルで発表をしました。


ヨハネス・イッテン12色環というものがあるんですが、IAMASでお世話になった永原さんの『デザイン・ウィズ・コンピュータ』の2章に、ヨハネス・イッテンの12色環の1次色をCMY、RGBに当てはめたものの話がでてきて、一度これをASで描いてみたいと前々から思っていました。ディスプレイで見るもの(ウェブとか)をデザインする上で、RBGの色の扱いを論理的に導きだせるようになりたくて、この色環はいい勉強になるかなと思ったわけです。


ソースはいろいろハズカシい感じになってますが、ver.1.0.0ということで、最後にちょろっと載せました。1次色をR:0xff0000、G:0x00ff00、B:0x0000ffとした場合、このように表示されます。ポイントは1次色である3色を与えてやる事で、2次色である三角形の部分の色をそれぞれ加法混色で求めてやって、1次色とその求めた2次色のそれぞれ間の色を出す事によって12色を表示しています。


したがって、キーになる色を与えてやる事で、様々なバリエーションのカラーサークルを表示してくれます。これをもう少し発展させてツールっぽいものができないかなと思っていて、それを次回どこかで発表できたらなと、タイトルに序とつけました。今回色の計算の部分よりもこの図形をASで描くことにえらい時間がかかってしまいました。バームクーヘンの部分とかかなり悩んだけど、わかってしまえばたいした事なかったりするもんですね。


ちょい絶はそれぞれが興味ある事をいろいろ実験しているサンプルを見せ合うという、完成されたものではなくてその途中経過を見せてもらえるという感じで、それはそれで興味深かったです。内容としては、TSI-P さんがサーバー連携方法ネタ、ll_koba_ll さんがカメラネタ、kimucha さんが「Bitmapフィルタでアニメーション」、occhii105 さんが3Dネタ、アダムスパンダさんが「Socketで機械としゃべってみよう」、bigchu さんんが3Dネタという感じでした。(すいません、タイトルとかちゃんとメモってなかった。)個人的にはkimucha さんのBitmapフィルタネタが興味深かったです。多分それぞれのブログとかで今回の勉強会のネタがそのうち上がってくると思います。


以下、ソース。for文とか使えよって感じですが、、、。


import ColorCircle;
var cC1:ColorCircle = new ColorCircle(66,66, 43, 0xffe500, 0xe32322, 0x2671b2);
var cC2:ColorCircle = new ColorCircle(198,66, 43, 0x094da0, 0xd18cc3, 0xfef155);
var cC3:ColorCircle = new ColorCircle(330,66, 43, 0x60997e, 0xe27473, 0xded1cb);
var cC4:ColorCircle = new ColorCircle(66,198, 43, 0xebd59c, 0x1c525e, 0xacad9b);
var cC5:ColorCircle = new ColorCircle(198,198, 43, 0xff0000, 0x00ff00, 0x0000ff);
var cC6:ColorCircle = new ColorCircle(330,198, 43, 0xb25d1c, 0xf1cb5c, 0xe0b44b);
var cC7:ColorCircle = new ColorCircle(66,330, 43, 0x479fb3, 0xc7a333, 0x021f3d);
var cC8:ColorCircle = new ColorCircle(198,330, 43, 0x36353a, 0xf2039c, 0x06aff2);
var cC9:ColorCircle = new ColorCircle(330,330, 43, 0xee1d23, 0xeeeeee, 0x111111);
addChild(cC1);
addChild(cC2);
addChild(cC3);
addChild(cC4);
addChild(cC5);
addChild(cC6);
addChild(cC7);
addChild(cC8);
addChild(cC9);

tags:as3 Color IAMAS デザイン