冷蔵庫の中を分解する

【作りたいもの】
対象：［ここに対象名を入れる］（例：冷蔵庫、車、カメラ、コーヒーメーカー）
参考にしたいメーカー・機種：［任意。おまかせなら、資料が揃う実在の製品を選んで］

この対象を、スライダーで組み立て状態から分解状態へ変化させて、中の仕組みを探れる3DのWebサイトにしてください。専門知識のない人でも「中はこうなっているんだ」と楽しめるものにしたいです。説明だけで終わらず、動くものを作り、確認まで進めてください。

■ 見た目
実物の写真や図面を参考に、シルエット、比率、角の丸み、部品の厚み、継ぎ目、操作部まで作り込んでください。箱や円柱を並べただけの、のっぺりした見た目にはしないでください。金属・ガラス・樹脂・ゴムなどの質感を分け、反射、透け感、光と影で立体感を出してください。まず組み立て状態で「本物らしい」と感じられることを重視します。

■ 操作
・最初はスライダー0%の組み立てた状態を表示し、100%で分解状態になる。
・スライダーを右へ動かすほど部品が分かれ、左へ戻すと元の位置に正しく戻る。スライダーの位置と部品の位置は常に対応させ、途中で止めればその中間状態で止まるようにする。
・外装、内部ユニット、細かい機構を、重なりすぎない見やすい方向へ段階的に分解する。
・外装を含む全体表示と、内部だけを見る表示を切り替えられるようにする。外装は扉・カバー・外側パネルなど、内部を隠す外側の部品を指す。
・正面・背面・側面へ視点を切り替えられるようにする。ドラッグで自由に回転し、スマートフォンのタッチ操作にも対応する。
・部品を選ぶと、その部品を大きく見られ、名前と役割を短い日本語で表示する。
・全体表示へ戻せるようにする。細かい機構を拡大しても画面からはみ出さない。
・右上に縮小・倍率・拡大・自動のズーム操作を置く。自動では分解した全パーツが入るよう全体を一様に縮小する。手動ではスライダーを動かしても倍率を保つ。分解で部品の大きさを変更せず、奥行きによる縮尺差も生じない投影を使う。

■ 内部の再現
作り始める前に、資料に基づいて再現する主要ユニットと、その中で分ける部品・分解の順序を整理してください。対象が動く仕組みをたどれるよう、主要な機能ごとの部品と接続関係を揃えてください。部品数を増やすためだけの分割は不要ですが、主要ユニットを単なる箱で置き換えないでください。

外側だけでなく、主要な内部部品と接続関係も再現してください。実在の製品を参考にし、公式資料、組立図、整備資料、利用条件が明確な3Dデータなどを、確認できる範囲で調べてください。形状だけでなく、部品の位置や前後関係にも注意してください。

資料で確かめられない部分を「実機と同じ」と断定しないでください。内部が分からない部品は、内部を省略するか、一般的な仕組みを示す簡略表現にしてください。出典と推定箇所は作業記録に残し、画面には「仕組みをわかりやすくするため、一部を簡略化しています」と短く添えてください。メーカー名は必要なら表示し、具体的な型番・部品番号・マニュアル一覧は画面に出さないでください。ただし、利用する素材に必須のクレジット表記は守ってください。

■ 画面と品質
主役は3Dモデルです。長い説明や宣伝ページを挟まず、すぐ触れる画面にしてください。パソコンとスマートフォンで、文字と操作部分が読みやすく、部品の説明も理解しやすい配置にしてください。

実際に開いて、3Dの読み込み、スライダー0%・50%・100%、全体／内部切替、部品選択、全体への復帰、視点切替と自由回転を確認してください。パソコン幅とスマートフォン幅（360px）で、主要部品が不自然に貫通していないか、分解時に隠れたままの主要部品がないか、画面外へのはみ出しや文字・操作部の重なりがないかを確認し、スクリーンショットを残してください。不具合と、見た目の違和感を直してから完成としてください。確認できなかった項目は未確認と報告してください。完全な製造用CADや修理用データとは扱わないでください。

GPT Sitesなど、サイトを作成・公開できる環境ならサイトを作成・デプロイしてURLを渡してください。誰に見せるかの指定がなければ、自分だけが見られる設定にしてください。公開環境が利用できない場合は、HTML・JS・CSS・必要な3Dデータを揃えた静的サイト一式と、必要な環境・起動手順を渡してください。できるだけビルド不要にし、ローカルサーバーが必要ならその起動方法も省略せずに書いてください。実際に確認した起動方法と、未確認の方法を区別してください。