実用シーン
軌道回転ビューア
視点を周囲から回して、照明器具の輪郭・支柱・背面の細部を確かめる
MOTION PALETTE / LIBRARY
動きにも、選ぶ理由を。
使う場所から探して、動かして、比べる。あなたのデザインに合うモーションを。
つくりたい動き、技法名、技法IDで検索できます。入力欄の外では / キーで検索欄へ移動できます。
検索例と用途別のおすすめ
検索例
モーションライブラリ464件 / 1–12
実用シーン
360°パノラマビュー
展示室の内側から上下左右を見回し、4つの建築作品を選ぶ。方向指定・回転の停止・作品詳細への往復ができる。
実用シーン
流体シミュレーション背景
苔色と土色のインクを置くと、速度・粘性・圧力を更新する2D流体の中で混ざりながら流れる。なぞる方向、粘り、筆の太さを変え、止めた状態でもインクを置いて比較できる
実用シーン
無限ドラッググリッド
8枚の高解像度写真を全方向へドラッグして探す、端のないWebGL一覧。写真を選ぶと全体と説明が開き、元の位置へ戻って続けられる
実用シーン
WebGPU/TSLノードマテリアル
TSLで組んだ同じ素材をWebGPUまたはWebGL 2で描く。円形の陶器の起伏と陰影を調整し、平らな面と比較する
実用シーン
深度マップ疑似3D写真
一枚の静物画像を奥行きマップと組み合わせ、手前と奥を異なる量で動かす。元画像・視差・奥行きを比較できる
実用シーン
メタボール有機体
3つの球の影響が3D空間で重なり、近づくと一続きの表面になり、離すと3つに分かれる。離す量、視点、石灰・ブロンズの仕上げを変えて、融合する境目を比較できる
実用シーン
マウス併用パララックス
スクロールに合わせた写真の上下移動に、マウス位置による視点の動きが重なる。固定して元の配置と比較でき、スマホやキーボードでは位置を指定して試せる。
実用シーン
背景動画クロスフェード
2つの本物の動画が、動いたまま静かに溶け替わる。切り替える位置と時間を変え、途中で停止して続きから確認できる。
技法の概要
3D押し出し文字
文字の輪郭を押し出して厚みと側面を作る。向き・厚み・仕上げを変え、照明による陰影を比較できる
実用シーン
タブ・インジケータ滑走
タブ切替時、下線や背景ピルが選択位置へぬるっと滑走移動する
実用シーン
比較スライダー
つまみをドラッグすると施工前/施工後などの2画像が境界線で入れ替わる