作業の進め方
キューは物を溜めて放出する仕組みに、しきい値は上限の目盛りがあるゲージにできます。重要なのは対応付けです。何が動き、何を測り、見る人に何を学んでほしいのかを明確にします。このスキルは、部品を描く前にそのモデルを確立するようエージェントに求めます。
付属のキットは、陰影のある面と明示的な奥行き順序を持つ立体的なアイソメトリック形状を作ります。図はSVG、単体のHTML、またはReactコンポーネントとして提供できます。インタラクティブ版では、操作、動き、表示値を同じモデルに接続します。任意のWebGLでは、SVGシーン内で水や光などの効果を追加できます。
期待される成果物
- 編集可能なSVG図、単体のHTMLページ、またはReactコンポーネント
- キャプション。インタラクティブな図では、操作部とモデル駆動の表示値も含む
- 対象環境で実行した場合のジオメトリチェックとブラウザのキャプチャ
依頼からレビューまで
- 01アイデアを物体に対応付ける
実際の挙動を示し、それを説明する仕組みを一つ選びます。装飾を加える前に、各動きと表示値の意味を定義します。
- 02部品とカメラを計画する
支持構造、動作する仕組み、操作部を列挙します。筐体の陰に関係が隠れず、見える視点を選びます。
- 03ジオメトリと挙動を構築する
立体形状と奥行き順序にはキットを使います。静的なジオメトリは一度だけ計算し、インタラクティブな部品と表示値は同じモデルに接続します。
- 04文脈の中で図を確認する
関連するジオメトリチェックと線のチェックを実行し、両方のテーマでブラウザのキャプチャを確認します。監査に成功しても、説明が正確であることや構図が読みやすいことは保証されません。