代码渲染讲解动画

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

担任专业动态设计师。用单个 HTML 页面，为我的业务制作一段 30 秒动画解说。共 5 个场景：客户的问题、我做什么、分 3 步说明运作方式、一项佐证，以及结尾出现我的名字。使用醒目的文字、流畅的转场和我的品牌配色。我的业务 {argument name="business_description" default="[DESCRIBE WHAT YOU SELL, WHO IT'S FOR AND YOUR COLOURS]"}

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

制作一段视频，展示 Portland, OR 在任意一个周二的公交服务！先从整体上展示 Portland 的各个社区，再 zoom in 到每个象限的具体线路（为简洁起见，将 North Portland 并入 NE，South Portland 并入 SW）。使用浅色主题。zoom in 时放慢公交车动画的速度，但不要过多增加总时长，让观众能欣赏公交车在一轮循环中途经的部分景观和街道。

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

创作一部 20.00 秒的动态口语诗电影，片名为“BUILD THE FLOOR”。将其视为一段完全通过字体排版呈现的原创微型演讲。每一句话都会改变画面的建筑结构。最终的宣言必须立于此前文字实际构建的结构之上。交付一个独立完整的 HTML 文件，尺寸为 1080×1080，目标帧率为 60fps，使用 SVG 和/或 Canvas。嵌入所有必需的素材。 艺术指导 背景色 #102820。纸张色 #F4E9D5。结构强调色 #F2B544。营造具有文学气质的编辑设计世界，同时

SpaceX Starship 黄昏时降落火星的落地页首屏区域设计，柔和温暖的米白色与浅石色画布，超大幅干净摄影图像并配以柔和自然光，优雅低调的香槟色和柔灰色调，辅以细腻的青色点缀，极致简洁的构图，精致高端的字体排印，细腻的悬浮玻璃元素，充足的留白，柔和的漫射光照，极简的技术细节，精致的奢华产品美学，平静雅致的氛围，超高细节 12k 画质，具备电影感纵深，可用于流畅的视频动态效果