Wiki 知识库

全部文档 / 作者: 卡尔森

2 篇
清除

小白也能看懂:iPhone Duo 网页交互效果是怎么制作的?

作者受苹果 iPhone Duo 官网折叠手机交互动效吸引,借助 Codex 复刻并拆解其实现原理。通过网页源码和网络请求证据,确认核心是实时 3D 渲染(Lotus 架构封装 Three.js),而非视频或图片序列。文章讲解了模型、贴图、场景配置、渲染引擎的组成,滑块 0 到 1 数值如何驱动铰链折叠与运镜,以及弹簧回弹、端点磁吸等物理拟真细节带来的「苹果高级感」,并分享了用 AI 辅助翻源码、复现交互和排错的完整学习方法。

技术 › 前端 卡尔森 2026-09-1013.9 KB 4.2K 18 83

Codex + Remotion 动画制作从入门到真熟练!

作者分享了使用 Codex 结合 Remotion 制作动画的实战经验。文章指出写代码反而是最简单的部分,难点在于动画的节奏、连续性和可读性等细节判断。作者介绍了 Remotion 的帧驱动原理、useCurrentFrame 和 interpolate 等核心 API,以及如何通过 Remotion 官方 Agent Skills 让 Codex 更高效地生成动画代码。文章还系统讲解了时间、状态、Keyframe、Easing、Spring 等动画基础概念,并结合自媒体口播视频的 A-roll、B-roll、动画三类画面整合需求,说明了构建完整视频生产工作流的方法与踩坑经验。

技术 › Codex 卡尔森 2026-09-0231.6 KB 11.6K 23 81