加载中...
BACKDROP

背景星幕试验场

全站每页背景的星象层。它出生自首页「站台」的一句吐槽——虚线轨道环挂在一张张栏目卡上,线条属于天空,不属于栏目;于是解耦成独立背景令牌 bg.art,铺进每一页的页缘留白,与页面内容再无绑定。本页两侧留白就是舞台:点下方任意星幕,整页(乃至全站)当场换装;点完到底部「应用」才写进这台浏览器。没有保存过偏好时,每次进页在六款星幕里随机开局。返回 Playground。

观星窗 · 本页预览

读取中

自检读取中…

窗里与全站页缘留白是同一层同一源——同一组 CSS 画作搬进窗内;点下方任意星幕,窗内当场换装。窗口较窄时内容卡会吃掉页缘留白,这扇窗就是你的取景器。Errai 天象仪被点中时,窗里跑的是时间快进的小天象仪(一夜约 26 秒),指针在窗内上下移动可拨视角。看真页面效果:开 /posts/ 的天象仪直达——上下滚动就是夜色流转,或底部「应用」后刷新任意页面看两侧留白。

星幕切换

背景星幕 bg.art读取中

点选只是试穿:写 <html> 的 data-mc-bg-art 属性、背景层当场换装,但不落盘;到底部点「应用」才写进本浏览器偏好。随机开局只在六款星幕里掷——「无星幕」不进随机池,访客随机是换装,不是消失。

六款星幕与它们的星

Thuban · 轨道环默认

右枢,天龙座 α——金字塔时代的北极星,四千年前的整片星空绕它旋转。三组虚线轨道系统分布整幅背景——右上主环系、左中次环系、下中单环组,各组绕各自的极轴,环上各坐一颗四角星,环心的亮星即右枢本星。首页站台那些轨道环退休后的新家:不再绕卡片,绕天极,且铺满全天。

Deneb · 星图线可切变体

天津四,天鹅座 α——夏季大三角的第三角。织女(Vega Card 诗笺)与牵牛(Altair Card 票根)早已入册成卡,背景层由天津四补齐三角:天鹅座十字跨页铺开,虚线夏季大三角自左上拉到右下横贯整页,三角的另外两角是无名暗点——名字留给那两张卡;左下再缀一个小星群。

Mira · 星点幕可切变体

刍蒿增二,鲸鱼座 ο——「不可思议之星」,史上第一颗被认出的长周期变星,十一个月里从肉眼可见淡出、消失、再归来。满页细星与三颗四角星,整层缓慢呼吸明暗——它十一个月的周期,压成十秒。

Capella · 经天弧可切变体

五车二,御夫座 α——北天拱极星,整夜不落,每晚绕天极画一整圈大弧。四道同心大弧自左下页缘外扫向右上(天极在地平线下),一实一虚相间,r760 弧上一颗四角星正沿它的周日圈走。

Albireo · 银河带可切变体

辇道增七,天鹅座 β——小望远镜里的金蓝双星,许多天文爱好者的第一课。一道 118° 斜贯页面的微光星带,蓝星为主、缀几粒琥珀金;带心一对紧挨的金蓝四角星即双星本尊——两种颜色织进同一条带。

Errai · 天象仪canvas 引擎 · 随机池

Errai(仙王座 γ,阿拉伯语「牧羊人」)——岁差的下一站:约公元 4000 年,它将接替勾陈一成为北极星;而四千年前的极星右枢(Thuban)正是上一款轨道环的星。过去的极星与未来的极星在同一层背景守望——天象仪就是这颗星的性格:星空从来不是静止的。设计原型是盛夏时分的杭州午夜星空:约一百一十颗亮星按真实星表定位(杭州纬度观测),银心低悬正南,银河自南低空斜贯天顶,夏季大三角高悬。上下滚动即深夜里的时间流转(21:00 → 03:30)——星辰绕天极东升西落、星起星没,全程深夜,无黄昏无黎明;鼠标轻移即观察视角缓转,变化不剧烈。黑夜模式星辉满天,日间模式是墨水蓝星点的「白昼天象仪」;不可滚动的页面自动流转一夜,深夜偶有流星。观星窗里是时间快进的小天象仪。

无星幕off · 仅显式可选

背景留白。只在点上它时生效,不进随机池(随机开局永远在五款星幕里掷),与看板娘「无」同一语义:消失必须是自己的选择。

与主站的联动

分段选择器 → 令牌 bg.art(enum:orbits / chart / veil / arcs / band / planetarium / off → <html> 的 data-mc-bg-art)→ 主站落点 source/css/backdrop.css:Thuban 轨道环为无闸门基座(也是无 JS 时的兜底形态),其余四制与 off 走闸门。层本体是 #mc-backdrop 真实节点(<body> 首位注入,检查器里可见)——固定定位、z-index:-1,坐在 Anime 底图与四角渐变之上、内容卡之下,全站每页生效。Errai 天象仪(planetarium)是唯一的 canvas 引擎(source/js/bg-planetarium.js):三块 .mc-plnt canvas 由引擎注入(背景层 + 内容区镜像 + 观星窗),滚动=时间流转、鼠标=视角缓转;引擎失效时轨道环基座自然透出兜底。命名沿用拉丁星名册(本层已启用六颗:Thuban、Deneb、Mira、Capella、Albireo、Errai,与卡名册不重复)。

生效路径:本页点选即时写 <html>(试穿);点「应用」写 localStorage,全站刷新后生效;URL 直达(如 /posts/?bg.art=planetarium)不持久化,可用于验收分享。默认值为 orbits;本令牌 random:true——没存过偏好的访客每次加载都在六款星幕里随机开局。首页站台的卡挂轨道环已于同日退役(site-polish.css §21.3 存档于 git 历史)。

avatar
Martian Cats
个人博客,记录生活与技术点滴。
Follow Me
最新文章
网站信息
文章数目 :
27
本站访客数 :
本站总浏览量 :
最后更新时间 :