Build me a camera lens in interactive 3D, in one HTML file with Three.js.
Make it look real: a big black pro zoom lens with its glass front, the rubber focus and zoom rings, the red stripe and the white numbers, and inside it the parts you never get to see. The stack of glass elements in their groups, the aperture blades that open and close, the focus motor, the image stabilizer, the zoom cams, and the gold contacts on the mount. Cut it open down the side so I can see the glass inside, with light passing through it as colored beams that bend and meet on the camera sensor behind it. The aperture blades open and close slowly. 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 lens 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 相機鏡頭。
讓它看起來像真的：一支黑色的大型專業變焦鏡頭，帶前組鏡片、橡膠對焦環和變焦環、紅色環帶和白色數字，還有內部那些你平時永遠看不到的部件。成組排列的鏡片組、可開合的光圈葉片、對焦馬達、圖像穩定器、變焦凸輪，以及卡口上的金色觸點。從側面把它剖開，讓我能看到裏面的鏡片，光線化作彩色光束穿過鏡片，彎折後在它後方的相機傳感器上匯聚。光圈葉片緩緩開合。我可以拖動環繞觀察，滾動縮放。
加一個 Explode 按鈕。按下時，每個部件沿鏡頭滑開分離，並帶着寫有名稱的標籤。再按一次，全部咔噠一聲復位。懸停某個部件時，它會亮起，並顯示一行說明它有什麼作用的文字。
不要用圖片。不要問我任何問題。直接做。
