头图宝宝换母婴作图 v8 动图(摇摆+蹬脚,4 秒循环)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
BIN
assets/img/250bb167b0f1.gif
Normal file
BIN
assets/img/250bb167b0f1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
@@ -7,7 +7,7 @@
|
|||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<title>兜爸心选 · 孕育陪伴</title>
|
<title>兜爸心选 · 孕育陪伴</title>
|
||||||
<!-- V:26100117 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
<!-- V:26100118 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||||
<link rel="stylesheet" href="mama-box.css">
|
<link rel="stylesheet" href="mama-box.css">
|
||||||
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||||||
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
|
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
|
||||||
@@ -61,9 +61,10 @@
|
|||||||
<div class="petals" id="petals"></div>
|
<div class="petals" id="petals"></div>
|
||||||
<!-- 2026-09-30:头图背景 = 孕 25 周动图(母婴作图 v7)的静帧,这里只叠一张截了羊水囊的同源 GIF .hero-kid:
|
<!-- 2026-09-30:头图背景 = 孕 25 周动图(母婴作图 v7)的静帧,这里只叠一张截了羊水囊的同源 GIF .hero-kid:
|
||||||
镜头固定、同一帧起步,所以和背景严丝合缝;宝宝侧身闭眼睡、小手在嘴边自己动,囊和脐带不动。
|
镜头固定、同一帧起步,所以和背景严丝合缝;宝宝侧身闭眼睡、小手在嘴边自己动,囊和脐带不动。
|
||||||
GIF 没加载出来就停在背景那一帧。(v6 起嘴边的小气泡去掉了,v7 没加回来。) -->
|
GIF 没加载出来就停在背景那一帧。(v6 起嘴边的小气泡去掉了,v7 没加回来。)
|
||||||
|
2026-10-01 换 v8:静帧不变,动作加大——整体轻摇±1.8°+微浮、呼吸、点头、小手、每周期蹬一下脚,4 秒一圈。 -->
|
||||||
<div class="hero-baby" aria-hidden="true">
|
<div class="hero-baby" aria-hidden="true">
|
||||||
<img class="hero-kid" id="heroKid" src="assets/img/91cf003e93b3.gif" alt="" decoding="async">
|
<img class="hero-kid" id="heroKid" src="assets/img/250bb167b0f1.gif" alt="" decoding="async">
|
||||||
</div>
|
</div>
|
||||||
<!-- 右上角原来有个消息圆钮,点开只弹「暂无新消息」——一个永远没有内容的入口,
|
<!-- 右上角原来有个消息圆钮,点开只弹「暂无新消息」——一个永远没有内容的入口,
|
||||||
还顶着一颗红点天天提示。整个删掉;这一排现在只剩左边的品牌字。
|
还顶着一颗红点天天提示。整个删掉;这一排现在只剩左边的品牌字。
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
(function () {
|
(function () {
|
||||||
'use strict';
|
'use strict';
|
||||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||||
var VER = '26100117';
|
var VER = '26100118';
|
||||||
const $ = (s, c) => (c || document).querySelector(s);
|
const $ = (s, c) => (c || document).querySelector(s);
|
||||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||||
|
|
||||||
|
|||||||
@@ -293,9 +293,9 @@ a.skip:focus{left:16px;top:16px}
|
|||||||
下移之后圆心 (屏宽−25−94.75, 134.75)、下缘 40+189.5=229.5,
|
下移之后圆心 (屏宽−25−94.75, 134.75)、下缘 40+189.5=229.5,
|
||||||
必须留在「宝宝来信」卡顶(234)之上 —— 这就是橙区高必须 ≥250 的来源。
|
必须留在「宝宝来信」卡顶(234)之上 —— 这就是橙区高必须 ≥250 的来源。
|
||||||
改 top 前先读 .home-hero 里那笔竖列账。 */
|
改 top 前先读 .home-hero 里那笔竖列账。 */
|
||||||
/* 会动的宝宝(2026-09-30,v7):GIF assets/img/91cf003e93b3.gif = 原 GIF(800×450,16fps,3 秒无缝循环)
|
/* 会动的宝宝(2026-10-01,v8,静帧同 v7):GIF assets/img/250bb167b0f1.gif = 原 GIF(800×450,12fps,4 秒无缝循环)
|
||||||
截 x185 y0 起 450×450(整高),不缩放,1.8MB。v7 宝宝动作实测在原 GIF x310..515 y105..365,
|
截 x185 y0 起 450×450(整高),不缩放,按首帧原调色板无抖动重映射,2.1MB。v8 动作加了整体摇摆,
|
||||||
离截块中心最远 ≈168px,遮罩 80% 实心半径 = 180px,包得住。
|
宝宝区域约在原 GIF x290..530 y95..390;实测运动像素全在遮罩 80% 实心半径 180px 内(之外只有囊壁极淡噪点),包得住。
|
||||||
摆位:背景里静帧缩了 .88(静帧是 GIF 的 1.6 倍),这块 = 静帧 720 → 634 画布像素,左上角落在 (923,58),
|
摆位:背景里静帧缩了 .88(静帧是 GIF 的 1.6 倍),这块 = 静帧 720 → 634 画布像素,左上角落在 (923,58),
|
||||||
换算成橙区高 H:宽高 634/750 = .8453H,顶 58/750 = .0773H,右 (1560−1557)/750 ≈ .004H。
|
换算成橙区高 H:宽高 634/750 = .8453H,顶 58/750 = .0773H,右 (1560−1557)/750 ≈ .004H。
|
||||||
背景就是同一画面的静帧、镜头固定,所以只需一圈宽羽化遮罩(80%→100%)把方块边化掉,
|
背景就是同一画面的静帧、镜头固定,所以只需一圈宽羽化遮罩(80%→100%)把方块边化掉,
|
||||||
|
|||||||
Reference in New Issue
Block a user