https://shanghaidc1.gaoice.run/index.php?action=history&feed=atom&title=MediaWiki%3APD-intro.js
MediaWiki:PD-intro.js - 版本历史
2026-11-01T06:26:13Z
本wiki上该页面的版本历史
MediaWiki 1.46.2
https://shanghaidc1.gaoice.run/index.php?title=MediaWiki:PD-intro.js&diff=58089&oldid=prev
Gaoice：创建页面，内容为“(function () { 'use strict'; function init() { var marker = document.querySelector('.pd-intro-marker'); if (!marker || marker.dataset.pdIntroReady) { return; } marker.dataset.pdIntroReady = '1'; var engine = window.PDIntroEngine; if (!engine) { return; } marker.dataset.pdIntroVersion = engine.version || 'original'; var test = marker.dataset.pdIntroTest === '1'; var key = 'pd-intro-seen-v1',…”
2026-10-08T15:10:21Z
<p>创建页面，内容为“(function () { 'use strict'; function init() { var marker = document.querySelector('.pd-intro-marker'); if (!marker || marker.dataset.pdIntroReady) { return; } marker.dataset.pdIntroReady = '1'; var engine = window.PDIntroEngine; if (!engine) { return; } marker.dataset.pdIntroVersion = engine.version || 'original'; var test = marker.dataset.pdIntroTest === '1'; var key = 'pd-intro-seen-v1',…”</p>
<p><b>新页面</b></p><div>(function () {<br />
'use strict';<br />
function init() {<br />
var marker = document.querySelector('.pd-intro-marker');<br />
if (!marker || marker.dataset.pdIntroReady) { return; }<br />
marker.dataset.pdIntroReady = '1';<br />
var engine = window.PDIntroEngine;<br />
if (!engine) { return; }<br />
marker.dataset.pdIntroVersion = engine.version || 'original';<br />
var test = marker.dataset.pdIntroTest === '1';<br />
var key = 'pd-intro-seen-v1', active = null, attempted = false;<br />
var reduced = window.matchMedia('(prefers-reduced-motion: reduce)');<br />
var controls = document.createElement('div'); controls.className = 'pd-intro-controls';<br />
marker.appendChild(controls);<br />
function staticPreview() {<br />
if (!test || controls.querySelector('.pd-intro-static')) { return; }<br />
var box = document.createElement('div'); box.className = 'pd-intro-static';<br />
var canvas = document.createElement('canvas'); canvas.width = 900; canvas.height = 360;<br />
canvas.setAttribute('role', 'img'); canvas.setAttribute('aria-label', '静态字符矩阵，中央白底黑字 PROJECT DIVIDE');<br />
box.appendChild(canvas); controls.appendChild(box);<br />
var ctx = canvas.getContext('2d'); if (ctx) { engine.draw(ctx, engine.create(12345), 5, 900, 360, 1); }<br />
}<br />
function start(forceMotion) {<br />
if (active) { return; }<br />
if (reduced.matches && !forceMotion) { staticPreview(); return; }<br />
attempted = true;<br />
try { sessionStorage.setItem(key, '1'); } catch (ignored) { /* Storage is optional. */ }<br />
var overlay, raf = 0, watchdog = 0, finished = false, observer;<br />
var oldFocus = document.activeElement, sx = window.scrollX, sy = window.scrollY;<br />
var saved = [], styles = [], inerted = new Set(), timings = [], previousFrame = 0;<br />
function finish(reason) {<br />
if (finished) { return; } finished = true;<br />
cancelAnimationFrame(raf); clearTimeout(watchdog);<br />
if (observer) { observer.disconnect(); }<br />
window.removeEventListener('resize', resize);<br />
window.removeEventListener('pagehide', pagehide);<br />
window.removeEventListener('beforeprint', beforeprint);<br />
document.removeEventListener('keydown', keydown, true);<br />
document.removeEventListener('visibilitychange', visibility);<br />
reduced.removeEventListener('change', preference);<br />
if (overlay) { overlay.remove(); }<br />
saved.forEach(function (item) { item[0].inert = item[1]; });<br />
styles.forEach(function (item) {<br />
if (item[2]) { item[0].style.setProperty(item[1], item[2], item[3]); }<br />
else { item[0].style.removeProperty(item[1]); }<br />
});<br />
active = null;<br />
if (oldFocus && oldFocus.isConnected && oldFocus.focus) { oldFocus.focus({preventScroll:true}); }<br />
window.scrollTo(sx, sy);<br />
marker.dataset.pdIntroLastExit = reason;<br />
marker.dataset.pdIntroRuns = String(Number(marker.dataset.pdIntroRuns || 0)+1);<br />
if (test && timings.length) {<br />
marker.dataset.pdIntroTiming = JSON.stringify({frames:timings.length,<br />
drawMeanMs:timings.reduce(function(sum,r){return sum+r.draw;},0)/timings.length,<br />
maxDrawMs:Math.max.apply(null,timings.map(function(r){return r.draw;})),<br />
maxIntervalMs:Math.max.apply(null,timings.map(function(r){return r.interval;}))});<br />
}<br />
}<br />
function saveStyle(el, prop, value) {<br />
styles.push([el, prop, el.style.getPropertyValue(prop), el.style.getPropertyPriority(prop)]);<br />
el.style.setProperty(prop, value, 'important');<br />
}<br />
function inertChild(el) {<br />
if (el === overlay || !(el instanceof HTMLElement) || inerted.has(el)) { return; }<br />
inerted.add(el);<br />
saved.push([el, el.inert]); el.inert = true;<br />
}<br />
function keydown(e) {<br />
if (e.key === 'Escape') { e.preventDefault(); finish('escape'); }<br />
else if (e.key === 'Tab') { e.preventDefault(); skip.focus(); }<br />
}<br />
function visibility() { if (document.hidden) { finish('hidden'); } }<br />
function preference() { if (reduced.matches) { finish('reduced-motion'); staticPreview(); } }<br />
function pagehide() { finish('pagehide'); }<br />
function beforeprint() { finish('print'); }<br />
var canvas, ctx, skip, width, height, dpr, model, began;<br />
function resize() {<br />
width = window.innerWidth; height = window.innerHeight;<br />
dpr = Math.min(window.devicePixelRatio || 1, 2);<br />
canvas.width = Math.round(width*dpr); canvas.height = Math.round(height*dpr);<br />
}<br />
function tick(now) {<br />
if (finished) { return; }<br />
try {<br />
var time = (now-began)/1000;<br />
if (time >= 7.3) { finish('complete'); return; }<br />
var drawStart = test ? performance.now() : 0;<br />
var frame = engine.draw(ctx, model, time, width, height, dpr);<br />
if (test) {<br />
timings.push({draw:performance.now()-drawStart,interval:previousFrame ? now-previousFrame : 0});<br />
previousFrame = now;<br />
}<br />
overlay.style.opacity = String(frame.opacity);<br />
if (test) {<br />
overlay.dataset.time = time.toFixed(3); overlay.dataset.locked = frame.locked;<br />
overlay.dataset.aligned = frame.aligned; overlay.dataset.scale = frame.scale.toFixed(4);<br />
}<br />
raf = requestAnimationFrame(tick);<br />
} catch (error) { finish('render-error'); console.error('Project Divide intro:', error); }<br />
}<br />
try {<br />
overlay = document.createElement('div'); overlay.className = 'pd-intro-overlay';<br />
overlay.setAttribute('role', 'dialog'); overlay.setAttribute('aria-modal', 'true');<br />
overlay.setAttribute('aria-label', 'Project Divide 开场动画');<br />
canvas = document.createElement('canvas'); canvas.className = 'pd-intro-canvas';<br />
canvas.setAttribute('aria-hidden', 'true'); overlay.appendChild(canvas);<br />
ctx = canvas.getContext('2d'); if (!ctx) { throw new Error('Canvas 2D unavailable'); }<br />
skip = document.createElement('button'); skip.type = 'button'; skip.className = 'pd-intro-skip';<br />
skip.textContent = '跳过开场 · Esc'; skip.addEventListener('click', function () { finish('skip'); });<br />
overlay.appendChild(skip);<br />
active = { finish: finish };<br />
// A loading/error stylesheet must never leave an invisible input trap.<br />
document.body.appendChild(overlay);<br />
if (getComputedStyle(overlay).position !== 'fixed') { finish('missing-styles'); return; }<br />
Array.from(document.body.children).forEach(inertChild);<br />
observer = new MutationObserver(function (records) {<br />
records.forEach(function (r) { r.addedNodes.forEach(inertChild); });<br />
});<br />
observer.observe(document.body, { childList: true });<br />
saveStyle(document.documentElement, 'overflow', 'hidden');<br />
saveStyle(document.body, 'overflow', 'hidden');<br />
saveStyle(document.body, 'position', 'fixed');<br />
saveStyle(document.body, 'top', -sy+'px'); saveStyle(document.body, 'left', -sx+'px');<br />
saveStyle(document.body, 'width', '100%');<br />
resize(); model = engine.create(Math.floor(Math.random()*4294967296)); began = performance.now();<br />
document.addEventListener('keydown', keydown, true);<br />
document.addEventListener('visibilitychange', visibility);<br />
window.addEventListener('resize', resize); window.addEventListener('pagehide', pagehide);<br />
window.addEventListener('beforeprint', beforeprint); reduced.addEventListener('change', preference);<br />
skip.focus({preventScroll:true});<br />
watchdog = setTimeout(function () { finish('watchdog'); }, 10000);<br />
if (document.hidden) { finish('hidden'); return; }<br />
raf = requestAnimationFrame(tick);<br />
} catch (error) { finish('init-error'); console.error('Project Divide intro:', error); }<br />
}<br />
if (test) {<br />
var replay = document.createElement('button'); replay.className = 'pd-intro-replay'; replay.type = 'button';<br />
replay.textContent = '重播开场'; replay.addEventListener('click', function () { start(false); }); controls.appendChild(replay);<br />
if (reduced.matches) {<br />
var notice = document.createElement('p'); notice.className = 'pd-intro-notice';<br />
notice.textContent = '当前启用了减少动态效果，自动开场已跳过。下方保留静态画面；动态试播仅作用于这一次。';<br />
controls.appendChild(notice); staticPreview();<br />
var motion = document.createElement('button'); motion.className = 'pd-intro-replay'; motion.type = 'button';<br />
motion.textContent = '动态试播（仅本次）'; motion.addEventListener('click', function () { start(true); }); controls.appendChild(motion);<br />
}<br />
}<br />
var seen = false; try { seen = sessionStorage.getItem(key) === '1'; } catch (ignored) { /* No persistence. */ }<br />
if (!attempted && !seen && !window.location.hash && !document.hidden) { start(false); }<br />
}<br />
if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, {once:true}); }<br />
else { init(); }<br />
}());</div>
Gaoice