ai21.net
言語

単一のHTMLファイルでインタラクティブな枯山水シミュレーションを作成…

単一のHTMLファイルでインタラクティブな枯山水シミュレーションを作成… — 1

プロンプト

Create an interactive zen garden simulation in a single HTML file. Implement a 1536px heightmap on a 440x440 grid for the sand. Allow users to drag across the sand to cut grooves (5 grooves and 6 ridges per stroke) along their path. Include 5 mossy rocks, 2 stone lanterns, and a maple tree with 420 leaves. Add a time-of-day toggle; when set to golden hour, drop the sun low so every groove throws a shadow. Ensure the rendering handles moss visibility through sand and prevents blocky rocks or out-of-frame lanterns.

日本語訳

単一のHTMLファイルでインタラクティブな枯山水のシミュレーションを作成してください。砂には440x440グリッド上の1536pxのハイトマップを実装してください。ユーザーが砂の上をドラッグすると、その軌跡に沿って溝を刻めるようにしてください(1ストロークあたり5本の溝と6本の畝)。苔むした石を5つ、石灯籠を2つ、葉を420枚持つカエデの木を含めてください。時間帯の切り替えを追加し、ゴールデンアワーにすると太陽を低く落として、すべての溝が影を落とすようにしてください。レンダリングは砂越しの苔の見え方を扱い、ブロック状の石やフレーム外の灯籠が生じないようにしてください。

出典

原作者
arixxbt
公開日
2026-10-09(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
yihui-dev/awesome-opus5-5-videos · arixxbt-292438 · MIT