Oculus Riftの仮想空間でプログラミングしてリアルタイムで3Dアニメーションを作成
没入型3Dヘッドアップディスプレイの「Oculus Rift」向けに、JavaScriptライブラリーのthree.jsを使い仮想空間内で3Dアニメーションをリアルタイムで作成可能なライブコーディングWebアプリが開発されました。開発者のBrian Peirisさんは、実際にアプリを使って仮想空間内で3Dアニメーションを作成している様子をYouTubeに公開しています。 Live coding in VR with the Oculus Rift, Firefox WebVR, JavaScript and Three.js - YouTube 仮想空間にさっそうと現われたコードエディター。 カタカタカタとコードが入力されると…… 仮想空間の上の方に黒いボックスが出現しました。 黒いボックスは小型化して、色が赤に変化。 さらにコードが入力されていき…… 赤い立方体は9つに増えました。 位置
GeckoのReflowをアニメーションにする - 最速チュパカブラ研究会
MDCの記事用にGeckoのReflow（レイアウトを組み立てる処理）の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
