2010のレポートをお届けする。2009に参加された方はご存知のとおり,スクリプティングによるアートワークで世界的に高い評価を得ているデザイナーであり,本イベントのメインアートワークにも採用されている。Framework(以下HYPE)について解説した。Davis氏HYPEはドローイング・レイアウトに徹したフレームワークである。2.0の時代では"BAD"だった」と率直に述べた。エラーも発生せず,何回も何回も試す必要があり,処理速度は遅く,ドローイングやビットマップ操作のAPIも充実までには時間がかかった。3.0になり,デザイナーは去らざるを得なかった。難解になったスクリプト言語は,今までデザイナーが自由に模索できる場所ではなくなってしまったという。そこで氏は,デザイナーが手軽に使えるドローイングフレームワークとして,HYPEを開発。HYPEは,非常にシンプルな構文を組み合わせることで,複雑な表現できることが言及された。HPYEの基礎的な部分について取り上げた。HYPEの要となるのがレイアウトだ。オブジェクトの配置を決定づけるこの要素は,HYPEでは一つのクラスオブジェクトとして表現されており,GridLayoutクラスとShapeLayoutクラスが紹介された。GridLayoutクラスはその名の通り,グリッドレイアウトを簡単に実現するもので,プールから引き渡されたオブジェクトをレイアウトに適用して使用する。以下は,HYPEフレームワークに沿ってグリッドレイアウトを表現するサンプルコードだ。{layout.applyLayout(clip);addChild(clip);}pool.requestAll();HYPEはオブジェクトプールによってオブジェクトを管理しており,再利用することでオブジェクト生成にかかるコストを最小限に抑えている。オブジェクトプールを作成し,アートワークとなるオブジェクトを引き渡す。次にレイアウトオブジェクトを設定し,ObjectPool.requestAll()メソッドを実行すると,ObjectPool.onRequestObject()ハンドラにプール内で生成されたアートワークのインスタンスが引き渡される。このインスタンスを,先に用意したレイアウトに適用させる。次にShapeLayoutクラスだ。これはタイポグラフなどに効果的なLayoutクラスで,あるシェイプを基準にアートワークをレイアウトするものである。使い方は至ってシンプルで,先ほど変数layoutにGridLayoutを生成したところをShapeLayoutにするだけである。ShapeLayoutのコンストラクタには基準となるシェイプを渡す。ShapeLayoutクラスを利用したタイポグラフすこし話は変わるが,氏はHYPEをWEB以外のプロダクトで活用している。パンフレットやポスター,さらにはバッグのデザインとしてアートワークが採用されて紹介されている。ジョシュア氏の"デザイン"だからというのが第一にあるが,こうしたWEBを,モニターを飛び出たFlashの活用事例はFlash開発者にとっては嬉しいことだろう。HYPEを使ってデザインされたバッグHYPEはレイアウトだけではない。氏は「色には特別のこだわりがある」と語り,ColorPoolクラス,PixelColoristクラスを紹介。ColorPoolクラスは,コンストラクタか,もしくはColorPool.addColor()メソッドを使って,使いたい色を引き渡し,ObjectPool.onRequestObjectハンドラ内でColorPoolとアートワークを関連付けることで,レイアウトされるアートワークに自動で色が設定される。PixelColoristクラスは,写真から色を取り出して,それをアートワークのレイアウトとして使用できるクラスだ。モザイク画のような表現が得られるほか,スケーリングをランダム化することで写真と絵の中間のような微妙な表現も可能となる。この2つのクラスについての詳細は,オフィシャルのドキュメントを参照してほしい。ほかに,クリエイティブを加速させる機能として,マウス座標の状態によって振る舞いを変化させるSimpleProximityクラス,波形の状態をそのままアートワークにあてはめることができるOscillatorクラス,サウンドからサンプリングされたデータを活用できるSoundAnalyzerクラス,"群"のようにアートワークが不規則,またはなにかに沿って描画されていくSwarmクラスなどの活用事例を紹介。これらの詳しいクラスの使い方は解説されなかったが,HYPEの一通りの機能について,一通り触れられた。マウスの動きとも連携できるさらに,自身が携わったプロジェクトについて紹介。あるバンドのアルバムジャケットのアートワークでは,何千回というパブリッシュを経て作成されたという。あるプロジェクトでは,人が作品の前を通過すると検知して絵が回転して切り替わるロジック自分だけではなく,他者の介在による新しいアートが見えたという。人が自分が作品をコントロールしていることに気づくこと,それによって開発者が思いもよらないもに成型されていく過程。そのすべてが彼の作品なのだ。人が作品の前を通過すると検知して絵が回転して切り替わる氏は,最後に「プロジェクトとして機会があれば是非,あらゆる人を巻き込めるインスタレーションをやってみてほしい」と語った。HYPEによって,デザイナーにとって新しいチャンスが与えられたのではないだろうか。AR著者プロフィール加茂雄亮(かもゆうすけ)株式会社ロクナナにて,ActionScriptを伴うFlashコンテンツや,AjaxコンテンツなどRIA開発に従事するフロントエンドエンジニア。イベントやセミナーでの講演など,精力的に活動している。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。