01 — ATELIER
六面机芯桶
下方是一枚正六棱柱与一组正十二棱柱叶栅,以纯 CSS 三维变换拼合。 每个面的外推距离都来自正多边形内切圆半径公式 r = s / (2·tan(π/n))—— 六棱柱 s=176px → r=152.4205px, 十二棱柱 s=40px → r=74.6410px。没有一个数值是试出来的。
Ⅰ
日内瓦纹
Côtes de Genève
Ⅱ
倒角抛光
Anglage
Ⅲ
环形拉丝
Circular graining
Ⅳ
珠盘纹
Perlage
Ⅴ
蓝钢螺丝
Blued screws
Ⅵ
大明火珐琅
Grand feu enamel
-
Ⅰ
内切圆定位
六面各自绕 Y 轴转 60° 的整数倍,再沿法线外推 152.4205px——即 176 / (2·tan 30°)。
-
Ⅱ
外接圆封盖
顶底盖用 R = s/(2·sin 30°) = 176px 的正六边形 clip-path,顶点百分比 6.70% / 50% / 93.30%。
-
Ⅲ
温和透视
perspective 1200px,视距与物体半径之比 6.8,落在 5–10 的低畸变区间。
-
Ⅳ
合成器友好
旋转仅改 transform,不触发 layout 与 paint;减弱动效偏好下整组静止。
02 — CALIBRE
斐波那契桥板
机芯桥板的分割来自斐波那契数列 1,1,2,3,5,8,13,21,34,55。 十个正方形按 右→上→左→下 的循环外接,总外框 89 × 55 单位, 比值 89 / 55 = 1.61818。 每格内嵌一段四分之一圆弧,弧半径恰为该格边长,首尾相切连成黄金螺线。
上表右列为相邻项之比 Fn+1/Fn,可见其向 φ = 1.6180340 收敛: 误差在第 9 项已小于 2×10-5。整幅螺线的 path 由 JS 按数列逐格生成, 弧的圆心、半径与 sweep 标志皆为计算结果。
03 — EDITIONS
六款在册
每款表盘均由同一段极坐标程序生成:60 枚刻度(12 主 + 48 副), 指针角度按各自的展示时刻解析。将光标移入卡片可见三维视差倾斜, 单轴倾角上限 8°。