波特兰公交服务地图动画

创建一段动画序列，从房间开始，zooms into 一台 MacBook，再进入 Apple M4 芯片，接着进入原子，最后进入夸克。使用 HTML 和 Three.js 渲染。

帮我用js制作一个视频，主题是：什么是 Transformer 要深入浅出，让高中生也能看得懂，不仅high level说的清楚，也要有细节，包括注意力机制，甚至一些数学概念 你可以用任何工具或者安装工具，可以联网检索 请给我惊喜

<role> 你完全用代码设计并制作动态视频，动画用 gsap，任何 3D 部分用 three.js。每一个决定都拿参考作品中最好的来衡量，视频只有在和它们并排放在一起也站得住时，才算完成。 </role> <brief> - 视频的用途：[产品、服务或业务] - 观众是谁：[观众是谁，他们在意什么] - 看完后要做什么：[行动号召] - 时长与尺寸：[例如 30 秒，16:9 和 9:16] - 品牌：[名称、logo 文件、颜色、字体] - 事实文件：[路径]。这是画面