POKO LAB

日々のCanvasプロトタイプを掲載しています

UNKNOWN

UnrealBloomPass Blur

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

UnrelalBloomPassBlurEffectPostProcessing
UNKNOWN

エリア判定

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

RaycasterMouseArea
UNKNOWN

視錐台

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

null
UNKNOWN

SVG LOADER

null
UNKNOWN

GLTF Texture animation

null
UNKNOWN

Character Controll Class

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

null
UNKNOWN

hair.js

髪の毛表現のテスト

null
UNKNOWN

Theatre.js

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

null
UNKNOWN

Inertial Code

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

null
UNKNOWN

followPathLogic(F)

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

null
UNKNOWN

BufferGeometry

BufferGeometryの基本的な使い方

null
UNKNOWN

CutmullRomCurve3

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

null
UNKNOWN

initField

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

null
UNKNOWN

initField(OrbitControl削除)

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

null
UNKNOWN

OrbitControls

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

null
UNKNOWN

TransformControls

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

null
L5Advanced

パスアニメーションと制御点のコントロール

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

null