wpy/rhinelab-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: RHINE LAB · ANALYSIS OS：三维界面与动效实验（本仓库不含个人归档索引数据）

Browse Source
This commit is contained in:
WpyQwq
2026-09-19 13:04:56 +08:00
commit 3f422218a5
1098 changed files with 39410 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
reference/boot-check.html
+55
View File
@@ -0,0 +1,55 @@
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><title>前段动效检查</title>
<style>body{font:15px system-ui;background:#e8e5e1;padding:20px}iframe{width:640px;height:360px;border:0}pre{white-space:pre-wrap}</style>
<h1>前段动效检查</h1><pre id="result">正在检查…</pre><iframe id="app" src="/?time=1.76&freeze=1&review=1"></iframe>
<script type="module">
import {bootMotion} from '/src/boot-motion.ts';
const result=document.querySelector('#result'), app=document.querySelector('#app'), checks=[];
const check=(name,condition)=>{checks.push({name,passed:!!condition});if(!condition)throw Error(name)};
const state=frame=>bootMotion(frame/25-5);
const wait=async predicate=>{const start=performance.now();while(!predicate()){if(performance.now()-start>30000)throw Error('等待页面超时');await new Promise(r=>setTimeout(r,40))}};
try {
check('白场后第一帧为空，下一帧开始输入 A',state(169).access===''&&state(170).access==='A');
check('ACCESS 在第 175 帧完成，整句在第 187 帧完成',state(175).access==='ACCESS'&&state(187).access==='ACCESS PERMISSION REQUIRED');
check('身份确认先停顿，再输入姓名',state(300).auth==='ID CONFIRMED'&&state(339).auth==='ID CONFIRMED : JOYCE MOORE');
check('请求接收与开始处理之间确实清空',state(389).auth==='REQUEST RECEIVED'&&state(421).auth===''&&state(440).auth==='START PROCESSING');
check('圆环收拢中保留第 525、526、528、529 帧跳变',state(525).ringScale>1&&state(526).ringScale>1&&state(527).ringScale===1&&state(528).ringScale>1&&state(530).ringScale===1);
check('圆环中心切换与欢迎页切换各自落在指定帧',!state(545).ornament&&state(546).ornament&&state(568).scanVisible&&!state(569).scanVisible&&state(569).welcomeVisible);
check('欢迎闪切、黑底长尾扫过、第三行分三次出现',state(569).welcomePanel===1&&state(570).welcomePanel===0&&!state(587).companyVisible&&state(588).companyVisible&&state(601).highlight<1&&state(610).highlight===1&&state(625).databaseOpacity===0&&state(626).databaseOpacity===1);
check('品牌三行间隔两帧、分别移动与显现',state(278).brand[0].opacity>0&&state(278).brand[1].opacity===0&&state(280).brand[1].opacity>0&&state(280).brand[2].opacity===0&&state(282).brand[2].opacity>0&&state(283).brand[0].x<state(283).brand[1].x&&state(283).brand[1].x<state(283).brand[2].x);
check('品牌先加速后减速，并延续至第 305 帧',state(280).brand[0].x-state(281).brand[0].x>state(278).brand[0].x-state(279).brand[0].x&&state(291).brand[2].x>state(301).brand[2].x&&state(305).brand.every(line=>line.x===0));
check('遮罩快速扫过后长尾收束，灰闪帧仍保留层',state(592).highlight>.5&&state(600).highlight<.95&&state(594).companyVisible&&state(594).companyMask);
check('内环与橙点分别减速，白环独立收拢',state(505).scan.innerStart-state(500).scan.innerStart>state(540).scan.innerStart-state(535).scan.innerStart&&Math.abs(state(505).scan.orbit-state(510).scan.orbit)>Math.abs(state(535).scan.orbit-state(540).scan.orbit)&&state(500).scan.whiteRadius/state(500).scanRadius<state(530).scan.whiteRadius/state(530).scanRadius);
check('两侧小弧提前出现，逐渐补全到近完整圆',!state(543).scanOrbit.sideVisible&&state(544).scanOrbit.sideVisible&&state(544).scanOrbit.sides[0].sweep<.1&&state(551).scanOrbit.sides[0].sweep>Math.PI&&state(568).scanOrbit.sides.every(side=>side.sweep>5.7&&side.sweep<Math.PI*2));
check('两侧小弧反向自转，后段角速度降低',state(552).scanOrbit.sides[0].start>state(551).scanOrbit.sides[0].start&&state(552).scanOrbit.sides[1].start<state(551).scanOrbit.sides[1].start&&state(552).scanOrbit.sides[0].start-state(551).scanOrbit.sides[0].start>state(568).scanOrbit.sides[0].start-state(567).scanOrbit.sides[0].start);
check('大圆点闪变后缩小并缓慢稳定，文字渐退至 551 帧',state(546).coreRadius>42&&state(548).coreRadius<9&&state(549).coreRadius>42&&state(551).coreRadius<11&&state(560).coreRadius>11&&state(548).permissionOpacity>0&&state(551).permissionOpacity===0);
check('六颗中央小点错峰出现并沿小轨道转动',state(547).scanOrbit.satellites.every(dot=>dot.radius===0)&&state(551).scanOrbit.satellites.filter(dot=>dot.radius>0).length===2&&state(568).scanOrbit.satellites.every(dot=>dot.radius>3)&&state(551).scanOrbit.satellites[0].x<state(568).scanOrbit.satellites[0].x);
check('Logo 绘制首尾均移动，后段变为移动缺口',state(236).logo.start>state(235).logo.start&&state(236).logo.length>state(235).logo.length&&state(264).logo.length>.97&&state(460).logo.start>state(450).logo.start&&state(480).logo.start>state(470).logo.start);
check('加号与方点同帧从内侧展开，方点再拉成横线',state(246).logo.symbolScale===0&&state(247).logo.symbolScale>0&&state(247).logo.plusX>state(255).logo.plusX&&state(247).logo.minusX<state(255).logo.minusX&&state(256).logo.minusWidth===15&&state(268).logo.minusWidth===46&&state(258).logo.plusAngle===-45);
check('移动缺口不使整个 Logo 闪烁',Array.from({length:258},(_,i)=>state(229+i).logoOpacity).every(value=>value===1));
check('欢迎页在第 673 帧退出并清除背景',state(672).welcomeVisible&&!state(673).welcomeVisible&&state(673).backgroundOpacity===0);
const snapshots=[];for(let f=169;f<=675;f++){const s=state(f);checkFinite(s);snapshots.push(JSON.stringify(s))}
function checkFinite(s){for(const value of Object.values(s)){if(typeof value==='number'&&!Number.isFinite(value))throw Error('时间轴出现无效数值');if(value&&typeof value==='object')checkFinite(value)}}
check('507 帧正序与倒序计算完全一致',snapshots.every((v,i)=>v===JSON.stringify(state(169+i)))&&Array.from({length:507},(_,i)=>675-i).every(f=>JSON.stringify(state(f))===snapshots[f-169]));
check('外环半径持续收拢，文字字距收紧',state(500).scanRadius>state(510).scanRadius&&state(510).scanRadius>state(540).scanRadius&&state(540).scanRadius>state(568).scanRadius&&state(500).scanTracking>state(511).scanTracking);
await wait(()=>app.contentWindow?.rhine&&app.contentDocument.querySelector('#stage')?.dataset.mode==='boot'&&!app.contentDocument.querySelector('#loading'));
const doc=app.contentDocument,win=app.contentWindow,stage=doc.querySelector('#stage');
async function seek(f){win.postMessage({type:'rhine-review-frame',time:f/25-5},location.origin);await wait(()=>stage.dataset.bootFrame===String(f)&&stage.dataset.mode==='boot')}
function visibleSnapshot(){return ['.access-text','.boot-logo','.auth-status','.scan','.welcome','.brand','.powered'].map(sel=>{const el=doc.querySelector(sel);return [sel,el.style.cssText,Number(win.getComputedStyle(el).opacity)>0?el.outerHTML:'hidden']})}
await seek(500);const first=JSON.stringify(visibleSnapshot());await seek(635);await seek(240);await seek(500);
check('实际页面跨阶段倒退后回到相同画面',first===JSON.stringify(visibleSnapshot()));
await seek(568);const orbitSnapshot=doc.querySelector('.scan').outerHTML;await seek(551);await seek(240);await seek(568);
check('小圆和六颗环绕点正反跳帧保持一致',orbitSnapshot===doc.querySelector('.scan').outerHTML&&doc.querySelectorAll('.satellite-dot').length===6);
await seek(461);const mark=doc.querySelector('.boot-logo');check('实际 Logo 使用单条连续轮廓，移动缺口时保持不透明',mark.querySelectorAll('path[pathLength]').length===1&&mark.style.opacity==='1'&&Number(mark.querySelector('path[pathLength]').style.strokeDashoffset)!==0);
await seek(594);check('灰闪帧遮罩和未扫过的文字仍然显示',doc.querySelector('.welcome-company').style.opacity==='0.65'&&doc.querySelector('.welcome-highlight span').style.opacity==='0.06');
await seek(592);check('倒退恢复白色反相文字',doc.querySelector('.welcome-highlight span').style.opacity==='1');
check('实际页面的前段不依赖 CSS 循环动画',doc.querySelector('#boot').getAnimations({subtree:true}).length===0);
await seek(240);win.rhine.archive();
check('绘制标志时跳过恢复完整角标',stage.dataset.mode==='archive'&&[...doc.querySelector('.brand').children].every(el=>el.style.opacity===''&&el.style.transform==='')&&doc.querySelector('.powered').style.clipPath==='');
await seek(635);
check('重入欢迎页仍能显示三行和标志',doc.querySelector('.welcome-database').style.opacity==='1'&&doc.querySelector('.welcome-logo').style.opacity==='1');
await seek(675);
check('前段结束后衔接原有档案阵列阶段',stage.dataset.boot==='array'&&doc.querySelector('.welcome').style.opacity==='0'&&doc.querySelector('#boot-background').style.opacity==='0');
win.rhine.archive();
result.textContent=JSON.stringify({passed:true,checks},null,2);
}catch(error){result.textContent=JSON.stringify({passed:false,error:String(error),checks},null,2)}
</script></html>