把你的照片,
做成一本翻页相册。
一项帮你筛选照片、设计相册页面、制作交互网站的 Codex 技能。准备好照片,告诉 Codex 你想做一本怎样的相册,就可以开始。
探索 Visual Experiences 视觉体验平台 ,发现并使用新的视觉体验。
在 Codex 中使用技能,完成后将相册网站发布到你自己的托管平台。
死亡谷 · 3D Book 2点击箭头,或拖动书页翻阅。
全套独立模板矩阵
所有模板均已接入全局联动导航与本地统一服务,支持直接在上方窗口即时预览,或一键全屏开启沉浸式体验:
📖 3D 精装翻页相册
Three.js
自带柔和动态阴影、真实纸张曲度形变与正交视角适配。
📚 互动相册书架
联动枢纽
优雅的书脊排布、鼠标拖拽调序、自适应书本高度与封面浮现。
🎨 2D 画册图文编辑器
所见即所得
自由添加图片文字区块、定制各页背景色与整本高质量 PDF 导出。
📘 2D 纯净双页翻书
经典对开
轻量纯粹的经典双页展开式摄影排版与平滑翻书引擎。
🎞️ 胶片底片透光册
负片档案
5×7 半透明胶片册装、悬停角标预览、整条底片拖拽交换与放大镜。
🗂️ 多维卡片流画廊
3种形态
通过滚动在环形、弧形、叠放与展开长条之间流畅切换卡片形态。
🪐 生命的年轮 · 空间图谱
时间年轮
按年份同心圆立体环绕排布的时间长河,支持单图聚焦与搜索。
🎡 4维立体照片环
多维视角
平铺 (Flat)、倾斜 (Tilt)、立体环 (Ring)、画廊 (Gallery) 自由变换。
🌊 3D 照片光流瀑布
Undertow
将照片汇成光的瀑布,每条光纤皆是一段故事,倾泻而下的视觉盛宴。
制作流程
挑选照片
提供照片、本地文件夹或已经设计好的页面。和 Codex 一起选出照片,安排它们在书中的顺序。
设计相册
描述你喜欢的风格。可以保留原始照片,也可以搭配其他照片技能,做出更有表现力的画面与排版。
生成并发布
使用自带的 2D 阅读器生成适配不同屏幕的翻页相册。先在本地预览、修改文件,满意后再发布。
开始制作
在 Codex 中安装技能,添加照片,然后试试这样描述:
使用 $create-photo-flipbook-ui,把这些照片制作成一本相册。安排有叙事感的照片顺序,保留原始照片,并生成一个可以翻页浏览的网站。
适合旅行记录、家庭相册、摄影故事和作品集。
常见问题
- 可以直接在这里上传照片吗?
- 这里是项目介绍和演示网站。制作自己的翻页相册时,请在 Codex 中使用这项技能,并提供照片或本地文件夹。
- 项目包含什么?
- 包含 2D 翻页阅读器、照片编排指导,以及用于照片总览图和照片库工作流的工具。仓库还提供可选的 3D 阅读器、书架和画廊模板。上方演示使用的是 3D Book 2 模板。
- 可以修改和发布自己的相册吗?
- 可以。你会得到可自行编辑和托管的网站文件。调整照片顺序、字体、配色和排版后,即可发布到 GitHub Pages 或其他静态网站托管平台。
- 项目是开源的吗?
- 项目原创代码和技能采用 MIT 许可证,第三方组件保留各自的许可证。除非另有明确说明,改编的 3D Book 1 代码和所有媒体内容不在此授权范围内。查看许可证说明。