手続き生成した列車の分解アニメーション
寸法、断面形状、ジオメトリ関数から、Three.js 内で直接 2 台の列車を生成してください。車輪を動かし、分解表示と再組み立てのシーケンスを用意してください。
アニメーション
動き、粒子、遊び心のある物理表現を探索しましょう。試したい効果を見つけ、タイミング、動き方、見た目をアレンジできます。
寸法、断面形状、ジオメトリ関数から、Three.js 内で直接 2 台の列車を生成してください。車輪を動かし、分解表示と再組み立てのシーケンスを用意してください。
橋を閉鎖するとトラックの経路が変わる 3D 配送シミュレーションを作成してください。到達不能な配送先を検出し、経路が再開したら配達を復旧させてください。
素の WebGL と GLSL を使い、一つの HTML ファイルに進化する 3D 生態系を作成してください。突然変異、自然選択、捕食、エネルギー消費、多細胞の結合を相互に作用させてください。
Three.js と WebGPU で、おいしそうに弾むゼリーを作成してください。触れると自然に変形して静まり、半透明の素材と形が分かる照明で表現してください。
単独で動く Three.js の HTML ファイルで、ルーブ・ゴールドバーグ装置を作成してください。機械的な相互作用が次々につながり、最後にボタンを押して演出的な爆発を起こすようにしてください。
HTML と Three.js で『ラーマーヤナ』に着想を得た映画的作品を作成してください。忘れられた密林の神殿で巨大なヴァーナラの守護者が目覚めます。舞台、アニメーション、背景音楽をコードで制作してください。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
生産の流れが分かる、ビー玉と機械が動く Three.js 工場シミュレーションを作成してください。一つのビー玉を工程に沿って追えるようにしてください。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
素の WebGL2 を使い、一つの HTML ファイルで映画的なブラックホールを作成してください。レイマーチングによる重力レンズ、手続き生成の降着円盤、ドップラービーミング、周回する粒子を含めてください。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者がリンク先の X 投稿で公開した指示文の日本語訳です。元の文章は句読点と書式のみ軽く整えています。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
Kimi K3 で、リアルな破壊物理を備えた自己完結型 HTML シーンを生成する 3 つのプロンプトです。
Kimi K3、Claude Opus 5、GPT 5.6 の比較に使われた、再利用可能な 3D シミュレーションのプロンプトです。
何が動くのか、何によって動くのか、どう始まり繰り返すのかを説明します。速度、重さ、衝突やタッチへの反応を加え、挙動を判断しやすくしましょう。
作例で使われているテクニックを学びましょう。