「The Box」ー JavaScriptとCSS3を使った超絶デモ 【増田(@maskin)真樹】

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

[読了時間:2分]

　現行ブラウザで3D表現を可能にするJavaScriptライブラリ「Sprite3D.js」とCSS3の3Dトランスフォーム機能を使ったデモが話題となっている。ダンボールの上に置かれた紙の牛や風車、そして雲や太陽が3Dアニメーションで表現されている。とはいえ、平面的な画像素材を使ったもので、Sprite3D.jsによる動きのあるインタラクティブな作品に仕立て上げているものだ。

2012年はJavaScript主義となる

　開発したのはベルギーのインタラクションデザイナーBoblemarin氏。シリコンバレーではもちろん、ベルギーやドイツ、フランスのインタラクション作品でJavaScriptベースなのはもはや常識。Ajaxブームからの流れというよりは、Flash代替という色が強いようだ。

【関連URL】
・The Box | Demo Studio | Mozilla Developer Network
https://developer.mozilla.org/fr/demos/detail/the-box/launch
・現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」
http://techwave.jp/archives/51690295.html

蛇足：僕はこう思ったッス
斬新なウェブ体験にJavaScriptライブラリは欠かせなくなっている。シリコンバレーではライブラリの開発とUI/UXデザインは切っても切り離せない潮流になっているが、日本はまだまだという印象。画像オンリー、動画オンリーはもう過去の遺産であり、もちろんその価値は認めるのだけど、時代に適した媒介を創造し続ける流れだけは止めてはいけないように思える。