Build me a Saturn V rocket in interactive 3D, in one HTML file with Three.js.
Make it look real: the white and black rocket standing on the launch pad, and inside it the parts you never get to see. The five giant F-1 engines at the bottom, the fuel and oxygen tanks in each stage, the second and third stages with their own engines, the lunar lander tucked in under the nose, the command module where the astronauts sit, and the escape tower on top. The engines glow and roar with fire and smoke. I can drag to orbit around it and scroll to zoom.
Add an Explode button. When I press it, every part slides apart along the rocket with its name on a label. Press it again and it all snaps back together. When I hover a part, it lights up and shows one line on what it does.
No images. Do not ask me any questions. Just build it.
中文译文
用 Three.js 在一个 HTML 文件里,为我构建一枚可交互 3D 的 Saturn V 火箭。
让它看起来真实:白黑相间的火箭矗立在发射台上,以及它内部那些你从没机会看到的部件。底部的五台巨大的 F-1 发动机,每一级中的燃料和氧气储箱,带有各自发动机的第二级和第三级,收在箭鼻下方的登月舱,宇航员乘坐的指令舱,以及顶部的逃逸塔。发动机带着火焰和烟雾发光、轰鸣。我可以拖动来环绕它旋转,滚动来缩放。
加一个 Explode 按钮。我按下它时,每个部件沿着火箭滑开,并带有一个写着它名称的标签。再按一次,所有部件就啪地拼回一起。当我把鼠标悬停在某个部件上时,它会亮起,并显示一行关于它作用的说明。
不要使用图片。不要问我任何问题。直接把它做出来。