日々のCanvasプロトタイプを掲載しています
ブラーにブルーム処理を入れることで、滑らかなブラーを再現

ブラーにブルーム処理を入れることで、滑らかなブラーを再現

カーソルがオブジェクトに重なっているかどうかを判定する

カメラに映っているかどうかを判定する



Characterを生成し、アニメーションを制御するクラスを作る

髪の毛表現のテスト

Theatre.jsは3D空間上のアニメーションタイムライン・カメラワークを制御するライブラリです。Theatre.jsを使って、3D空間上でのアニメーションを制御する方法を知る。

ボタンを押すと既存のアニメーションに加え、加速->徐々に減速するアニメーションが追加される

軌道に沿うアニメーションの最低限のコード(完成版)。BufferGeometryでカーブを動かし、動いているカーブに沿って物体が移動するアニメーション

BufferGeometryの基本的な使い方

曲線を滑らかにするカーブ方式. B

検証空間用の初期フィールド

検証空間用の初期フィールド。orbitControlは削除され、最低限なコードが書かれている

視点のコントロールをするための拡張機能

オブジェクトの移動・回転・拡縮を直感的に操作するためのマニピュレータを表示させる

曲線に沿ってオブジェクトを移動。制御点もカーソルで移動できます。