style(首页): 孕囊里的宝宝缩小到 85%,孕囊不变;去掉水波光影 (v26100416)
- 9 个阶段静图 + GIF 重做:抠出宝宝缩小后贴回空孕囊,孕囊外形/大小不动 - GIF 每帧底图用静图,羊水不晃,只有宝宝自己在动;帧差透明压缩,1~3MB → 250~490KB - hero-fx.js 不再画水波层(光束、微粒保留) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
Before Width: | Height: | Size: 2.8 MiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 2.7 MiB |
BIN
assets/img/18022a7d97d3.jpg
Normal file
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 2.9 MiB |
|
Before Width: | Height: | Size: 1.1 MiB |
BIN
assets/img/30163971ab67.gif
Normal file
|
After Width: | Height: | Size: 277 KiB |
|
Before Width: | Height: | Size: 21 KiB |
BIN
assets/img/482d0a3043b9.gif
Normal file
|
After Width: | Height: | Size: 251 KiB |
BIN
assets/img/55c1e3d20b6d.gif
Normal file
|
After Width: | Height: | Size: 434 KiB |
|
Before Width: | Height: | Size: 22 KiB |
BIN
assets/img/677339874dd7.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
assets/img/6bd1f87ff5ab.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 22 KiB |
BIN
assets/img/87dac10fb33c.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 2.5 MiB |
BIN
assets/img/99cf27ee651e.jpg
Normal file
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 2.4 MiB |
BIN
assets/img/9d1908a2aff3.gif
Normal file
|
After Width: | Height: | Size: 490 KiB |
BIN
assets/img/a0e633273ab4.gif
Normal file
|
After Width: | Height: | Size: 444 KiB |
BIN
assets/img/a59fd5aa0f28.gif
Normal file
|
After Width: | Height: | Size: 293 KiB |
|
Before Width: | Height: | Size: 21 KiB |
BIN
assets/img/b6fdd2c43538.gif
Normal file
|
After Width: | Height: | Size: 441 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 20 KiB |
BIN
assets/img/c878649c8fee.gif
Normal file
|
After Width: | Height: | Size: 491 KiB |
|
Before Width: | Height: | Size: 2.1 MiB |
BIN
assets/img/d86caa477171.jpg
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
assets/img/d8eb9eb12eee.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
assets/img/ece5fb854939.gif
Normal file
|
After Width: | Height: | Size: 358 KiB |
BIN
assets/img/eed131630ed3.jpg
Normal file
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 2.5 MiB |
BIN
assets/img/fdcdef9ad731.jpg
Normal file
|
After Width: | Height: | Size: 26 KiB |
@@ -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:26100415 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
<!-- V:26100416 缓存版本标记:改 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 第四节) -->
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
(function () {
|
(function () {
|
||||||
'use strict';
|
'use strict';
|
||||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||||
var VER = '26100415';
|
var VER = '26100416';
|
||||||
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));
|
||||||
|
|
||||||
|
|||||||
@@ -13,15 +13,15 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
// [起始孕周, 静图, GIF, 孕囊倍数 k]
|
// [起始孕周, 静图, GIF, 孕囊倍数 k]
|
||||||
const STAGES = [
|
const STAGES = [
|
||||||
[0, '6fff51c80fe6.jpg', '2ad895e978db.gif', .42], // 1 4–7 周 胚芽 + 卵黄囊
|
[0, 'd86caa477171.jpg', '482d0a3043b9.gif', .42], // 1 4–7 周 胚芽 + 卵黄囊
|
||||||
[8, 'a75f4970478c.jpg', '90bd965c9c20.gif', .52], // 2 8–10 周 小豆芽胚胎
|
[8, '677339874dd7.jpg', '30163971ab67.gif', .52], // 2 8–10 周 小豆芽胚胎
|
||||||
[11, '42d00e242622.jpg', 'd7eda80e7d45.gif', .62], // 3 11–13 周 刚有人形
|
[11, 'eed131630ed3.jpg', 'a59fd5aa0f28.gif', .62], // 3 11–13 周 刚有人形
|
||||||
[14, '23302f9bfb42.jpg', 'f8252c0c0c22.gif', .72], // 4 14–17 周 身子拉长、吮手
|
[14, 'fdcdef9ad731.jpg', 'b6fdd2c43538.gif', .72], // 4 14–17 周 身子拉长、吮手
|
||||||
[18, '7e6c3509097a.jpg', '993c4174c867.gif', .86], // 5 18–23 周 比例接近新生儿、偏瘦
|
[18, '18022a7d97d3.jpg', 'ece5fb854939.gif', .86], // 5 18–23 周 比例接近新生儿、偏瘦
|
||||||
[24, 'c0cbdd749ab0.jpg', '9c682de32bc3.gif', 1], // 6 24–27 周 原来那个宝宝
|
[24, '87dac10fb33c.jpg', '55c1e3d20b6d.gif', 1], // 6 24–27 周 原来那个宝宝
|
||||||
[28, 'bbaebc03aaf7.jpg', '01529c30ecc6.gif', 1.01], // 7 28–31 周 大一圈、有胎发
|
[28, 'd8eb9eb12eee.jpg', 'a0e633273ab4.gif', 1.01], // 7 28–31 周 大一圈、有胎发
|
||||||
[32, '086e4e001a89.jpg', '11061c1c24c1.gif', 1.02], // 8 32–35 周 肉嘟嘟、抱腿
|
[32, '99cf27ee651e.jpg', '9d1908a2aff3.gif', 1.02], // 8 32–35 周 肉嘟嘟、抱腿
|
||||||
[36, '66b149335975.jpg', '291f74fb9d03.gif', 1.03] // 9 36 周起 足月、撑满羊水囊(头朝上:10-04 用户说头朝下看着不舒服)
|
[36, '6bd1f87ff5ab.jpg', 'c878649c8fee.gif', 1.03] // 9 36 周起 足月、撑满羊水囊(头朝上:10-04 用户说头朝下看着不舒服)
|
||||||
];
|
];
|
||||||
const DEFAULT = 5;
|
const DEFAULT = 5;
|
||||||
const IMG = 'assets/img/';
|
const IMG = 'assets/img/';
|
||||||
@@ -171,8 +171,7 @@
|
|||||||
const t = now / 1000;
|
const t = now / 1000;
|
||||||
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
|
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
|
||||||
ctx.clearRect(0, 0, W, H);
|
ctx.clearRect(0, 0, W, H);
|
||||||
if ((tick ^= 1)) water(t); // 水波 15fps 算一次就够,每帧照画
|
// 2026-10-04 用户:「水波纹那一层先去掉,动的是宝宝自己(腿脚、嘴角),不是水」→ 不再画水波
|
||||||
drawWater();
|
|
||||||
rays(t);
|
rays(t);
|
||||||
dots(t, dt);
|
dots(t, dt);
|
||||||
}
|
}
|
||||||
|
|||||||