Spaces:
Running
Running
Commit ·
feb55ac
1
Parent(s): 54f5e5b
aries: 第1步 计划/大纲/步骤写入 README
Browse files- README.md +6 -0
- aries/README.md +62 -0
README.md
CHANGED
|
@@ -8,6 +8,12 @@ app_file: index.html
|
|
| 8 |
pinned: false
|
| 9 |
---
|
| 10 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
<!-- libra-scales:start -->
|
| 12 |
# ♎ 项目七(全新制作):天秤座 · 星空中的一杆秤(libra-scales/)
|
| 13 |
|
|
|
|
| 8 |
pinned: false
|
| 9 |
---
|
| 10 |
|
| 11 |
+
<!-- aries:start -->
|
| 12 |
+
# ♈ 项目八(全新制作):白羊座 · 春天从这里出发(aries/)
|
| 13 |
+
|
| 14 |
+
> 含可署名的「白羊座 · 先锋荣耀铭牌」。完整计划、大纲、步骤与进度看板见 **[`aries/README.md`](aries/README.md)**,打开 `aries/index.html` 观看。
|
| 15 |
+
<!-- aries:end -->
|
| 16 |
+
|
| 17 |
<!-- libra-scales:start -->
|
| 18 |
# ♎ 项目七(全新制作):天秤座 · 星空中的一杆秤(libra-scales/)
|
| 19 |
|
aries/README.md
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# ♈ 项目八(全新制作):白羊座 · 春天从这里出发(aries/)
|
| 2 |
+
|
| 3 |
+
> 一支 **约 3 分 40 秒** 的华丽网页动画,讲解黄道第一宫 **白羊座(Aries)**:为什么它排第一、怎样在夜空找到它、星星名字的来历、金羊毛神话、♈ 符号的含义、占星文化里的白羊性格,
|
| 4 |
+
> 并在高潮处为白羊座观众颁发一枚 **「白羊座 · 先锋荣耀铭牌」**——可以填写自己的名字,铭牌会出现在视频里、导出的 MP4 里,也能单独保存为手机壁纸/头像卡。
|
| 5 |
+
>
|
| 6 |
+
> **理念**:不否定星座不是科学,但把它当作一份浪漫、有趣、值得骄傲的文化来讲,让白羊座的观众看完有 **归属感、认可感、荣耀感**。
|
| 7 |
+
>
|
| 8 |
+
> **全新制作**:文案、分镜、渲染架构、着色器、配乐、音效、旁白全部从零编写,**不参考**仓库内任何旧目录(包括 `libra/`、`libra-scales/`),也 **不删除** 任何已有文件,只新增 `aries/` 并在首页/根 README 增加入口。
|
| 9 |
+
|
| 10 |
+
---
|
| 11 |
+
|
| 12 |
+
## 0. 进度看板(每完成一个大动作推送一次到 Ethscriptions/POLS)
|
| 13 |
+
|
| 14 |
+
| # | 阶段 | 状态 |
|
| 15 |
+
|---|---|---|
|
| 16 |
+
| 1 | 计划 / 大纲 / 步骤(本文件) | ✅ 完成 |
|
| 17 |
+
| 2 | 旁白文案定稿 + 男声 TTS(热血少年音)+ 时间轴 | ⏳ |
|
| 18 |
+
| 3 | 渲染引擎:WebGL2 火焰星云着色器 + Canvas2D 矢量层 + 10 个场景(横/竖屏) | ⏳ |
|
| 19 |
+
| 4 | 荣耀铭牌系统:动态金属质感铭牌 + 个性化署名 + 单独导出 PNG | ⏳ |
|
| 20 |
+
| 5 | 史诗配乐(太鼓 + 弦乐 + 铜管号角)+ 音效,离线渲染 | ⏳ |
|
| 21 |
+
| 6 | 浏览器本地导出 MP4(24/30/60 fps,横/竖屏,1080p/720p) | ⏳ |
|
| 22 |
+
| 7 | 四平台标题/描述/话题 + 8 张封面 | ⏳ |
|
| 23 |
+
| 8 | 首页入口、全片自检、最终推送 | ⏳ |
|
| 24 |
+
|
| 25 |
+
## 1. 技术方案(与以往作品不同的新架构)
|
| 26 |
+
|
| 27 |
+
| 模块 | 方案 |
|
| 28 |
+
|---|---|
|
| 29 |
+
| 模块化 | 原生 **ES Modules**(`src/*.js`),无构建工具 |
|
| 30 |
+
| 背景 | **WebGL2 片元着色器**:分形噪声(fBm)火焰星云 + 星尘 + 体积光,按场景切换色调(烈焰红金 / 深海蓝 / 圣林翠金 / 皇家紫金);无 WebGL 时自动降级为 Canvas 渐变 |
|
| 31 |
+
| 前景 | Canvas2D 矢量绘制:金色公羊、羊角黄金螺线、星图、神话剪影、铭牌、粒子(火星余烬、金粉、光点) |
|
| 32 |
+
| 时间 | `draw(t)` 为时间纯函数 → 实时播放与逐帧导出画面一致 |
|
| 33 |
+
| 旁白 | 中文神经网络 TTS(男声 `zh-CN-YunxiNeural`),句级字幕时间戳,自动生成 `src/timeline.js` |
|
| 34 |
+
| 配乐 | WebAudio 离线合成:E 小调英雄进行(Em–C–G–D),太鼓、定音鼓、弦乐 Pad、铜管号角、竖琴,铭牌段落全奏高潮;预渲染为 mp3,缺失时浏览器现场合成 |
|
| 35 |
+
| 导出 | WebCodecs(H.264 + AAC/Opus)+ mp4-muxer,**24 / 30 / 60 fps**,横屏 1920×1080 / 竖屏 1080×1920 |
|
| 36 |
+
| 铭牌 | 输入名字 → 视频第 9 幕的铭牌署名同步更新;可单独下载 **铭牌卡片 PNG(9:16 壁纸 / 1:1 头像)** |
|
| 37 |
+
| 发布 | 小红书 / 抖音 / B 站 / 视频号 的标题、描述、话题(字数校验 + 一键复制)与 8 张封面 |
|
| 38 |
+
|
| 39 |
+
## 2. 分镜大纲(10 幕)
|
| 40 |
+
|
| 41 |
+
| 幕 | 标题 | 画面 |
|
| 42 |
+
|---|---|---|
|
| 43 |
+
| 1 | 序章 · 第一缕春光 | 火星余烬汇聚,金色公羊从烈焰中显形、低头蓄力;“白羊座 ARIES 3.21–4.19” |
|
| 44 |
+
| 2 | 为什么排第一 | 黄道环与太阳轨迹,春分点亮起;♈ 作为“白羊座第一点”的天文标记 |
|
| 45 |
+
| 3 | 找到它 | 真实坐标星图:双鱼—白羊—金牛,三颗亮星连成羊角弧线,昴星团闪烁;娄宿 / 胃宿 |
|
| 46 |
+
| 4 | 星星的名字 | 哈马尔(“羊”)橙色巨星;娄宿二在望远镜中一分为二(胡克 1664) |
|
| 47 |
+
| 5 | 金羊毛 · 飞越大海 | 金羊驮着兄妹飞越海面,赫勒坠海 → 赫勒斯滂 |
|
| 48 |
+
| 6 | 金羊毛 · 升上星空 | 圣林中的金羊毛与巨龙、阿尔戈号远航,公羊升空化为星座 |
|
| 49 |
+
| 7 | ♈ 的秘密 | 羊角黄金螺线 ↔ 破土嫩芽,两者融合成 ♈ |
|
| 50 |
+
| 8 | 火象 · 火星 | 火焰、♂ 火星、四张特质卡(热情 / 勇敢 / 直率 / 行动派),春雷闪光 |
|
| 51 |
+
| 9 | 荣耀铭牌 | 金属铭牌从烈焰中锻造成形:羊角徽记、月桂、星图蚀刻、守护星/元素/关键词、署名,扫光与礼花 |
|
| 52 |
+
| 10 | 尾声 · 出发 | 公羊奔向晨光,星座收束成标题,“愿你的每一次出发,都被星光照亮” |
|
| 53 |
+
|
| 54 |
+
## 3. 步骤
|
| 55 |
+
1. 写本计划并推送。
|
| 56 |
+
2. 旁白文案 → `tools/build_voice.py` 生成 mp3 与 `src/timeline.js` → 推送。
|
| 57 |
+
3. `src/gl.js`(着色器背景)、`src/kit.js`(绘图工具)、`src/scenes/*.js` → 截图逐幕自检 → 推送。
|
| 58 |
+
4. `src/badge.js` 铭牌 + 个性化 → 推送。
|
| 59 |
+
5. `src/score.js` 配乐音效 → 预渲染 `audio/score.mp3` → 推送。
|
| 60 |
+
6. `src/export.js` 导出(24/30/60)→ 实测 → 推送。
|
| 61 |
+
7. `src/publish.js` 文案 + 封面 → 推送。
|
| 62 |
+
8. 首页卡片、根 README、全片扫描 → 最终推送。
|