/* ISS.skins — 计时器 / 节拍器的 SVG 皮肤 + 主题变量。 * * 一个皮肤 = { label, html(state), update(el, state), full? } * - html() 只生成一次，之后 update() 只改变量/属性，不重建 DOM。 * - 颜色来自 CSS 变量：--accent / --track / --ink / --glow，由主题提供。 * * 计时器 state：{ ratio: 0..1（已过去）, remaining: 秒, total: 秒, label: 文案 } * 节拍器 state：{ beat, beatInBar, beats, accentEvery, bpm, playing } */ (function (root) { 'use strict'; var ISS = (root.ISS = root.ISS || {}); var THEMES = [ { id: 'gold', name: '暗金', accent: '#e6b566', track: '#3a3340', ink: '#f4f1e9', glow: 'rgba(230,181,102,.55)' }, { id: 'blue', name: '冷蓝', accent: '#6fb3ff', track: '#26313f', ink: '#eaf3ff', glow: 'rgba(111,179,255,.55)' }, { id: 'paper', name: '纸白', accent: '#8a6a3f', track: '#cfc7b8', ink: '#2b2620', glow: 'rgba(138,106,63,.35)' } ]; var CSS = [ '.skin{width:100%;height:100%;display:block;overflow:visible;font-family:inherit}', '.skin .track{fill:none;stroke:var(--track,#3a3340);stroke-width:6}', '.skin .prog{fill:none;stroke:var(--accent,#e6b566);stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,1) * 100);transition:stroke-dashoffset .08s linear}', '.skin .prog2{fill:none;stroke:var(--accent,#e6b566);stroke-width:3;stroke-linecap:round;opacity:.5;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,1) * 100)}', '.skin .num{fill:var(--ink,#f4f1e9);font-size:40px;font-weight:300;text-anchor:middle;font-variant-numeric:tabular-nums;letter-spacing:.02em}', '.skin .sm{font-size:22px}', '.skin .label{fill:var(--ink,#f4f1e9);opacity:.55;font-size:9px;text-anchor:middle;letter-spacing:.12em}', '.skin .seg{fill:var(--track,#3a3340);transition:fill .12s}', '.skin .seg.on{fill:var(--accent,#e6b566);filter:drop-shadow(0 0 5px var(--glow,rgba(230,181,102,.5)))}', '.skin .dot{fill:var(--track,#3a3340);transition:fill .12s,transform .12s;transform-origin:center}', '.skin .dot.on{fill:var(--accent,#e6b566);filter:drop-shadow(0 0 6px var(--glow,rgba(230,181,102,.5)))}', '.skin .glass{fill:none;stroke:var(--track,#3a3340);stroke-width:3}', '.skin .sand{fill:var(--accent,#e6b566)}', '.skin .sand-top{transform-origin:100px 96px;transform:scaleY(var(--top,1));transition:transform .1s linear}', '.skin .sand-bottom{transform-origin:100px 164px;transform:scaleY(var(--bottom,0));transition:transform .1s linear}', '.skin .pulse-ring{fill:none;stroke:var(--accent,#e6b566);stroke-width:2;opacity:calc(.15 + var(--p,1) * .55);transform-origin:100px 100px;transform:scale(calc(.85 + var(--p,1) * .25));transition:transform .1s linear,opacity .1s linear}', '.skin .bar{fill:var(--track,#3a3340);transition:fill .1s}', '.skin .bar.on{fill:var(--accent,#e6b566);filter:drop-shadow(0 0 5px var(--glow,rgba(230,181,102,.5)))}', '.skin .rod{stroke:var(--ink,#f4f1e9);stroke-width:4;stroke-linecap:round;transform-origin:100px 168px;transform:rotate(var(--swing,0deg));transition:transform .16s cubic-bezier(.34,1.56,.64,1)}', '.skin .weight{fill:var(--accent,#e6b566);transform-origin:100px 168px;transform:rotate(var(--swing,0deg));transition:transform .16s cubic-bezier(.34,1.56,.64,1)}', '.skin .base{fill:var(--track,#3a3340)}', '.skin .wave{fill:none;stroke:var(--accent,#e6b566);stroke-width:2.5;stroke-linecap:round;opacity:.9}', '.skin .flash{opacity:0;transition:opacity .18s ease}', '.skin.tick .flash{opacity:var(--flash,0.55)}', '.skin .beatnum{fill:var(--ink,#f4f1e9);opacity:.55;font-size:9px;text-anchor:middle}', '.skin .breath{transform-origin:100px 100px;transform:scale(var(--breath,1));transition:transform .16s ease-out;fill:var(--accent,#e6b566);opacity:.85}', '#fxLayer{position:absolute;inset:0;z-index:6;pointer-events:none}', '.widget{position:absolute;left:50%;top:50%;width:min(44vw,300px);height:min(44vw,300px);transform:translate(-50%,-50%);opacity:0;transition:opacity .35s ease}', '.widget.show{opacity:1}', '.widget.pos-top{top:18vh;transform:translate(-50%,-50%)}', '.widget.pos-bottom{top:auto;bottom:14vh;transform:translateX(-50%);width:min(24vw,170px);height:min(24vw,170px)}', '.widget.metronome{left:auto;right:4vw;top:50%;transform:translateY(-50%);width:min(24vw,172px);height:min(24vw,172px)}', '.widget.metronome.full{left:0;top:0;right:0;bottom:0;width:100%;height:100%;transform:none}', '.widget.hidden{display:none}', '@media (max-width:640px){.widget{width:min(58vw,260px);height:min(58vw,260px)}.widget.metronome{right:3vw;width:min(30vw,120px);height:min(30vw,120px)}.widget.pos-bottom{width:min(34vw,150px);height:min(34vw,150px)}}' ].join('\n'); var cssInjected = false; function injectCss() { if (cssInjected) return; cssInjected = true; var st = document.createElement('style'); st.setAttribute('data-iss-skins', '1'); st.textContent = CSS; document.head.appendChild(st); } function applyTheme(el, themeId, customAccent) { var t = null; for (var i = 0; i < THEMES.length; i++) if (THEMES[i].id === themeId) t = THEMES[i]; if (!t) t = THEMES[0]; el.setAttribute('data-theme', t.id); el.style.setProperty('--accent', customAccent || t.accent); el.style.setProperty('--track', t.track); el.style.setProperty('--ink', t.ink); el.style.setProperty('--glow', t.glow); } function fmtTime(sec) { sec = Math.max(0, Math.ceil(sec)); var m = Math.floor(sec / 60), s = sec % 60; return (m > 0 ? (m + ':' + (s < 10 ? '0' : '')) : '') + s; } /* ---------------- 计时器皮肤 ---------------- */ var TIMER = { ring: { label: '环形', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--p', 1 - s.ratio); var n = el.querySelector('.num'); if (n) n.textContent = fmtTime(s.remaining); var l = el.querySelector('.label'); if (l) l.textContent = s.label || ''; } }, segments: { label: '分段环', html: function () { var segs = ''; for (var i = 0; i < 12; i++) { segs += ''; } return ''; }, update: function (el, s) { var segs = el.querySelectorAll('.seg'); var on = Math.ceil((1 - s.ratio) * segs.length); for (var i = 0; i < segs.length; i++) segs[i].classList.toggle('on', i < on); var n = el.querySelector('.num'); if (n) n.textContent = fmtTime(s.remaining); } }, dots: { label: '点阵', html: function () { var dots = ''; for (var i = 0; i < 12; i++) { var a = (i / 12) * Math.PI * 2 - Math.PI / 2; var x = 100 + Math.cos(a) * 78, y = 100 + Math.sin(a) * 78; dots += ''; } return ''; }, update: function (el, s) { var dots = el.querySelectorAll('.dot'); var on = Math.ceil((1 - s.ratio) * dots.length); for (var i = 0; i < dots.length; i++) dots[i].classList.toggle('on', i < on); var n = el.querySelector('.num'); if (n) n.textContent = fmtTime(s.remaining); } }, hourglass: { label: '沙漏', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--top', String(Math.max(0, 1 - s.ratio))); el.style.setProperty('--bottom', String(Math.min(1, s.ratio))); var l = el.querySelector('.label'); if (l) l.textContent = (s.label ? s.label + ' · ' : '') + fmtTime(s.remaining) + 's'; } }, pulse: { label: '心跳', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--p', 1 - s.ratio); var n = el.querySelector('.num'); if (n) n.textContent = fmtTime(s.remaining); } }, arc: { label: '弧线', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--p', 1 - s.ratio); var n = el.querySelector('.num'); if (n) n.textContent = fmtTime(s.remaining); var l = el.querySelector('.label'); if (l) l.textContent = s.label || ''; } }, digits: { label: '数字', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--p', s.ratio); var n = el.querySelector('.num'); if (n) n.textContent = fmtTime(s.remaining); var l = el.querySelector('.label'); if (l) l.textContent = s.label || ''; } }, double: { label: '双环', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--p', 1 - s.ratio); var n = el.querySelector('.num'); if (n) n.textContent = fmtTime(s.remaining); } } }; /* ---------------- 节拍器皮肤 ---------------- */ function dotRow(n) { var out = ''; for (var i = 0; i < n; i++) out += ''; return out; } var METRO = { pendulum: { label: '摆锤', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--swing', (s.beatInBar % 2 === 0 ? '-24deg' : '24deg')); el.style.setProperty('--flash', s.accentNow ? '.18' : '.06'); el.classList.toggle('tick', true); var t = el.querySelector('.beatnum'); if (t) t.textContent = s.bpm + ' BPM' + (s.accentNow ? ' · 重拍' : ''); } }, dots: { label: '四拍点', html: function (st) { var n = (st && st.accentEvery) || 4; return ''; }, update: function (el, s) { var dots = el.querySelectorAll('.dot'); for (var i = 0; i < dots.length; i++) { dots[i].classList.toggle('on', i === s.beatInBar); var on = i === s.beatInBar; dots[i].setAttribute('r', on ? '11' : '8'); } var t = el.querySelector('.beatnum'); if (t) t.textContent = s.bpm + ' BPM'; } }, ring: { label: '环形', html: function () { return ''; }, update: function (el, s) { var p = ((s.beatInBar + 1) / Math.max(1, s.accentEvery)); el.style.setProperty('--p', p); var n = el.querySelector('.num'); if (n) n.textContent = String(s.beatInBar + 1); } }, bars: { label: '节拍条', html: function (st) { var n = (st && st.accentEvery) || 4, bars = ''; for (var i = 0; i < n; i++) { bars += ''; } return ''; }, update: function (el, s) { var bars = el.querySelectorAll('.bar'); for (var i = 0; i < bars.length; i++) bars[i].classList.toggle('on', i === s.beatInBar); var t = el.querySelector('.beatnum'); if (t) t.textContent = s.bpm + ' BPM'; } }, breath: { label: '呼吸', html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--breath', s.accentNow ? '1.25' : '.9'); var t = el.querySelector('.beatnum'); if (t) t.textContent = s.bpm + ' BPM'; } }, background: { label: '背景脉冲', full: true, html: function () { return ''; }, update: function (el, s) { el.style.setProperty('--flash', s.accentNow ? '.16' : '.05'); el.classList.toggle('tick', true); var t = el.querySelector('.beatnum'); if (t) t.textContent = s.bpm; } }, wave: { label: '波形', html: function () { return ''; }, update: function (el, s) { var pts = []; for (var i = 0; i <= 24; i++) { var x = 8 + i * 8; var amp = (i === s.beatInBar * 6 || (i % 6 === 0 && s.accentNow)) ? (s.accentNow ? 40 : 24) : 6; var y = 100 + Math.sin((i + s.beat) * 1.7) * amp * (i % 2 ? 1 : -1); pts.push(x.toFixed(1) + ',' + y.toFixed(1)); } var w = el.querySelector('.wave'); if (w) w.setAttribute('points', pts.join(' ')); } } }; function timerHtml(style, state) { var sk = TIMER[style] || TIMER.ring; return sk.html(state || {}); } function updateTimer(style, el, state) { var sk = TIMER[style] || TIMER.ring; sk.update(el, state || {}); } function metroHtml(style, state) { var sk = METRO[style] || METRO.pendulum; return sk.html(state || {}); } function updateMetro(style, el, state) { var sk = METRO[style] || METRO.pendulum; sk.update(el, state || {}); } ISS.skins = { THEMES: THEMES, TIMER: TIMER, METRO: METRO, css: CSS, injectCss: injectCss, applyTheme: applyTheme, timerHtml: timerHtml, updateTimer: updateTimer, metroHtml: metroHtml, updateMetro: updateMetro, fmtTime: fmtTime }; })(typeof globalThis !== 'undefined' ? globalThis : this); /* ISS.core.expr — 条件/表达式小语言。 * * 条件示例：分数 >= 3 && !选过钥匙 * 表达式示例：分数 + 1 * 文本插值：「你还剩 {分数} 枚硬币」 / 「{{分数 * 2}} 分」 * * 不用 eval，自己写词法+递归下降；解析失败返回 {ok:false,error}，不会抛异常。 * 求值上下文 ctx = { vars:{名字:值}, picked:{选项key:true}, visited:{场景id:次数} } */ (function (root) { 'use strict'; var ISS = (root.ISS = root.ISS || {}); var IDENT = /[A-Za-z_$一-龥][A-Za-z0-9_$一-龥]*/; function tokenize(src) { var toks = [], i = 0, n = src.length; while (i < n) { var c = src[i]; if (/\s/.test(c)) { i++; continue; } if (c === '(' || c === ')' || c === ',') { toks.push({ t: c, p: i }); i++; continue; } if (c === '&' || c === '|') { if (src[i + 1] === c) { toks.push({ t: c + c, p: i }); i += 2; continue; } return { error: '第 ' + (i + 1) + ' 个字符处的 ' + c + ' 需要写成 ' + c + c, pos: i }; } if (c === '=' && src[i + 1] === '=') { toks.push({ t: '==', p: i }); i += 2; continue; } if (c === '!' && src[i + 1] === '=') { toks.push({ t: '!=', p: i }); i += 2; continue; } if ((c === '>' || c === '<') && src[i + 1] === '=') { toks.push({ t: c + '=', p: i }); i += 2; continue; } if ('!><+-*/%'.indexOf(c) >= 0) { toks.push({ t: c, p: i }); i++; continue; } if (c === '=') { toks.push({ t: '==', p: i }); i++; continue; } /* 容错：单个 = 当 == */ if (c === '"' || c === "'") { var q = c, j = i + 1, s = ''; while (j < n && src[j] !== q) { if (src[j] === '\\' && j + 1 < n) { s += src[j + 1]; j += 2; continue; } s += src[j]; j++; } if (j >= n) return { error: '字符串没有收尾引号', pos: i }; toks.push({ t: 'str', v: s, p: i }); i = j + 1; continue; } if (/[0-9]/.test(c) || (c === '.' && /[0-9]/.test(src[i + 1] || ''))) { var m = /^[0-9]*\.?[0-9]+/.exec(src.slice(i)); toks.push({ t: 'num', v: parseFloat(m[0]), p: i }); i += m[0].length; continue; } var id = IDENT.exec(src.slice(i)); if (id) { toks.push({ t: 'ident', v: id[0], p: i }); i += id[0].length; continue; } return { error: '看不懂的字符「' + c + '」', pos: i }; } toks.push({ t: 'eof', p: n }); return { toks: toks }; } function parse(src) { var lex = tokenize(String(src == null ? '' : src)); if (lex.error) return { ok: false, error: lex.error, pos: lex.pos }; var toks = lex.toks, k = 0; function peek() { return toks[k]; } function next() { return toks[k++]; } function fail(msg, tok) { throw { parseError: msg, pos: (tok || peek()).p }; } function parseExpr() { return parseOr(); } function parseOr() { var left = parseAnd(); while (peek().t === '||') { next(); left = { k: 'or', a: left, b: parseAnd() }; } return left; } function parseAnd() { var left = parseNot(); while (peek().t === '&&') { next(); left = { k: 'and', a: left, b: parseNot() }; } return left; } function parseNot() { if (peek().t === '!') { next(); return { k: 'not', a: parseNot() }; } return parseCmp(); } function parseCmp() { var left = parseAdd(); var t = peek().t; if (t === '==' || t === '!=' || t === '>' || t === '<' || t === '>=' || t === '<=') { next(); return { k: 'cmp', op: t, a: left, b: parseAdd() }; } return left; } function parseAdd() { var left = parseMul(); while (peek().t === '+' || peek().t === '-') { var op = next().t; left = { k: 'bin', op: op, a: left, b: parseMul() }; } return left; } function parseMul() { var left = parseUnary(); while (peek().t === '*' || peek().t === '/' || peek().t === '%') { var op = next().t; left = { k: 'bin', op: op, a: left, b: parseUnary() }; } return left; } function parseUnary() { if (peek().t === '-') { next(); return { k: 'neg', a: parseUnary() }; } return parsePrimary(); } function parsePrimary() { var tk = peek(); if (tk.t === 'num') { next(); return { k: 'num', v: tk.v }; } if (tk.t === 'str') { next(); return { k: 'str', v: tk.v }; } if (tk.t === '(') { next(); var e = parseExpr(); if (peek().t !== ')') fail('少了右括号', tk); next(); return e; } if (tk.t === 'ident') { next(); var name = tk.v; if (peek().t === '(') { next(); var args = []; if (peek().t !== ')') { args.push(parseExpr()); while (peek().t === ',') { next(); args.push(parseExpr()); } } if (peek().t !== ')') fail('函数调用少了右括号', tk); next(); return { k: 'call', name: name, args: args }; } if (name === 'true') return { k: 'bool', v: true }; if (name === 'false') return { k: 'bool', v: false }; return { k: 'var', name: name }; } fail('表达式不完整', tk); } var ast; try { ast = parseExpr(); } catch (e) { if (e && e.parseError) return { ok: false, error: e.parseError + '（位置 ' + (e.pos + 1) + '）', pos: e.pos }; return { ok: false, error: '表达式解析失败' }; } if (peek().t !== 'eof') return { ok: false, error: '第 ' + (peek().p + 1) + ' 个字符之后有多余内容' }; return { ok: true, ast: ast }; } /* 小缓存：播放器里同一个条件会被反复求值 */ var cache = new Map(); function parseCached(src) { var key = String(src == null ? '' : src); if (cache.has(key)) return cache.get(key); var r = parse(key); if (cache.size > 600) cache.clear(); cache.set(key, r); return r; } function toNum(v) { if (typeof v === 'number') return v; if (typeof v === 'boolean') return v ? 1 : 0; var n = parseFloat(v); return isFinite(n) ? n : 0; } function truthy(v) { if (typeof v === 'boolean') return v; if (typeof v === 'number') return v !== 0; if (v == null) return false; var s = String(v).trim(); return s !== '' && s !== '0' && s.toLowerCase() !== 'false'; } var FUNCS = { picked: function (ctx, key) { return !!(ctx.picked && ctx.picked[String(key)]); }, visited: function (ctx, id) { return (ctx.visited && ctx.visited[String(id)]) || 0; }, min: function (ctx, a, b) { return Math.min(toNum(a), toNum(b)); }, max: function (ctx, a, b) { return Math.max(toNum(a), toNum(b)); }, abs: function (ctx, a) { return Math.abs(toNum(a)); }, floor: function (ctx, a) { return Math.floor(toNum(a)); }, ceil: function (ctx, a) { return Math.ceil(toNum(a)); }, round: function (ctx, a) { return Math.round(toNum(a)); }, clamp: function (ctx, a, lo, hi) { return Math.min(toNum(hi), Math.max(toNum(lo), toNum(a))); }, random: function (ctx, a, b) { var lo = toNum(a), hi = toNum(b); if (arguments.length < 3) { hi = lo; lo = 0; } return lo + Math.random() * (hi - lo); } }; function evalNode(node, ctx) { switch (node.k) { case 'num': return node.v; case 'str': return node.v; case 'bool': return node.v; case 'var': { var v = ctx.vars ? ctx.vars[node.name] : undefined; return v === undefined ? 0 : v; } case 'neg': return -toNum(evalNode(node.a, ctx)); case 'not': return !truthy(evalNode(node.a, ctx)); case 'and': return truthy(evalNode(node.a, ctx)) && truthy(evalNode(node.b, ctx)); case 'or': return truthy(evalNode(node.a, ctx)) || truthy(evalNode(node.b, ctx)); case 'cmp': { var a = evalNode(node.a, ctx), b = evalNode(node.b, ctx); var na = typeof a === 'number' || typeof b === 'number' || (typeof a === 'string' && a.trim() !== '' && isFinite(Number(a))) && (typeof b === 'string' && b.trim() !== '' && isFinite(Number(b))); if (node.op === '==') return na ? toNum(a) === toNum(b) : String(a) === String(b); if (node.op === '!=') return na ? toNum(a) !== toNum(b) : String(a) !== String(b); var x = toNum(a), y = toNum(b); if (node.op === '>') return x > y; if (node.op === '<') return x < y; if (node.op === '>=') return x >= y; if (node.op === '<=') return x <= y; return false; } case 'bin': { var x2 = toNum(evalNode(node.a, ctx)), y2 = toNum(evalNode(node.b, ctx)); if (node.op === '+') return x2 + y2; if (node.op === '-') return x2 - y2; if (node.op === '*') return x2 * y2; if (node.op === '/') return y2 === 0 ? 0 : x2 / y2; if (node.op === '%') return y2 === 0 ? 0 : x2 % y2; return 0; } case 'call': { var fn = FUNCS[node.name]; if (!fn) return 0; var args = [ctx]; for (var i = 0; i < node.args.length; i++) args.push(evalNode(node.args[i], ctx)); return fn.apply(null, args); } } return 0; } function evaluate(src, ctx) { var p = parseCached(src); if (!p.ok) return undefined; try { return evalNode(p.ast, ctx || {}); } catch (e) { return undefined; } } /* 条件判定：空条件 = 通过 */ function test(src, ctx) { var s = String(src == null ? '' : src).trim(); if (!s) return true; var p = parseCached(s); if (!p.ok) return true; /* 条件写错时不卡住剧情，交由 lint 提示 */ try { return truthy(evalNode(p.ast, ctx || {})); } catch (e) { return true; } } function collectVars(node, out) { if (!node || typeof node !== 'object') return out; if (node.k === 'var') out.push(node.name); if (node.a) collectVars(node.a, out); if (node.b) collectVars(node.b, out); if (node.args) node.args.forEach(function (x) { collectVars(x, out); }); return out; } /* 条件/表达式里引用到的变量名（去重） */ function deps(src) { var p = parse(src); if (!p.ok) return []; var seen = {}, out = []; collectVars(p.ast, []).forEach(function (n) { if (FUNCS[n]) return; if (n === 'true' || n === 'false') return; if (!seen[n]) { seen[n] = 1; out.push(n); } }); return out; } /* 把 {{表达式}} 与 {变量} 替换成实际值；找不到的变量原样保留（方便发现写错） */ function interpolate(text, ctx) { var s = String(text == null ? '' : text); if (s.indexOf('{') < 0) return s; ctx = ctx || {}; return s.replace(/\{\{([^}]*)\}\}|\{([A-Za-z_$一-龥][A-Za-z0-9_$一-龥]*)\}/g, function (whole, exprSrc, varName) { if (exprSrc !== undefined) { var v = evaluate(exprSrc, ctx); return v === undefined ? whole : formatValue(v); } var val = ctx.vars ? ctx.vars[varName] : undefined; return val === undefined ? whole : formatValue(val); }); } function formatValue(v) { if (typeof v === 'number') { return Number.isInteger(v) ? String(v) : String(Math.round(v * 1000) / 1000); } if (typeof v === 'boolean') return v ? '是' : '否'; return String(v == null ? '' : v); } ISS.expr = { parse: parse, evaluate: evaluate, test: test, deps: deps, interpolate: interpolate, truthy: truthy, toNum: toNum, formatValue: formatValue, FUNCS: FUNCS }; })(typeof globalThis !== 'undefined' ? globalThis : this); /* 播放器运行时（独立、无依赖；与 ISS.core.expr 一起被打包进导出的 HTML）。 * 依赖注入：window.__PROJECT__ = 播放器项目（素材已解析成 src） * window.__START_SCENE__ = 起始场景 id（可空） */ (function () { 'use strict'; var P = window.__PROJECT__ || { scenes: [] }; var scenes = Array.isArray(P.scenes) ? P.scenes : []; var settings = P.settings || {}; var expr = (window.ISS && window.ISS.expr) || null; var skins = (window.ISS && window.ISS.skins) || null; var SAVE_KEY = 'iss.save.' + (P.id || P.title || 'story'); var END_KEY = 'iss.endings.' + (P.id || P.title || 'story'); function $(s) { return document.querySelector(s); } var stage = $('#stage'), bgA = $('#bgA'), bgB = $('#bgB'), layer = $('#layer'); var textEl = $('#text'), choicesEl = $('#choices'), contentEl = $('#content'); var timerFill = $('#timerFill'), timerbar = $('#timerbar'); var progressEl = $('#progress'), backBtn = $('#btnBack'); var startEl = $('#start'), startTitle = $('#startTitle'), startSub = $('#startSub'), btnStart = $('#btnStart'), btnResume = $('#btnResume'); var settingsEl = $('#settings'), logEl = $('#log'), endingsEl = $('#endings'); var blackout = $('#blackout'); var timerWidget = $('#timerWidget'), metroWidget = $('#metroWidget'); var bgmEl = new Audio(), sfxEl = new Audio(); bgmEl.preload = 'auto'; sfxEl.preload = 'auto'; var S = { vars: {}, picked: {}, visited: {}, sceneId: null, scene: null, history: [] }; var bgOnA = false, currentBg = null, currentLayer = '', currentLayerMode = ''; var runToken = 0, waitToken = 0, waitRAF = 0, skipWait = null, typeToken = 0, typeRAF = 0; var bgmToken = 0, bgmSrc = '', started = false; var logLines = []; var userVolume = 1; /* ---------------- 初始化 ---------------- */ (P.variables || []).forEach(function (v) { S.vars[v.name] = v.initial; }); if (P.initialVars) Object.keys(P.initialVars).forEach(function (k) { S.vars[k] = P.initialVars[k]; }); function ctx() { return { vars: S.vars, picked: S.picked, visited: S.visited }; } function interp(t) { return expr ? expr.interpolate(t, ctx()) : String(t == null ? '' : t); } function condOk(a) { if (!a || !a.cond) return true; return expr ? expr.test(a.cond, ctx()) : true; } function byId(id) { for (var i = 0; i < scenes.length; i++) if (scenes[i].id === id) return scenes[i]; return null; } function indexOf(id) { for (var i = 0; i < scenes.length; i++) if (scenes[i].id === id) return i; return -1; } function findVarById(id) { var list = P.variables || []; for (var i = 0; i < list.length; i++) if (list[i].id === id) return list[i]; return null; } function resolveTarget(target) { if (target === '__end__') return null; if (target && byId(target)) return target; if (!S.scene) return null; var i = indexOf(S.scene.id); if (i >= 0 && i + 1 < scenes.length) return scenes[i + 1].id; return null; } function isCss(src) { return /^(linear-gradient|radial-gradient|conic-gradient|#|rgb|hsl|color\()/i.test(src || ''); } function srcValue(src) { if (!src) return ''; if (isCss(src)) return src; return 'url("' + String(src).replace(/"/g, '%22') + '")'; } /* ---------------- 画面 ---------------- */ function setBg(src, transition) { if (src === currentBg && transition !== 'none') return; currentBg = src; var next = bgOnA ? bgB : bgA, cur = bgOnA ? bgA : bgB; var apply = function () { next.style.backgroundImage = src ? srcValue(src) : 'none'; next.classList.add('on'); cur.classList.remove('on'); bgOnA = !bgOnA; }; if (transition === 'none') { next.style.transition = 'none'; apply(); requestAnimationFrame(function () { next.style.transition = ''; }); } else if (transition === 'black') { blackout.classList.add('on'); setTimeout(function () { apply(); blackout.classList.remove('on'); }, 260); } else apply(); } function setLayer(src, mode, fit, transition) { if (!src) { layer.innerHTML = ''; layer.className = 'layer'; currentLayer = ''; currentLayerMode = ''; return; } if (mode === 'bg') { setLayer('', '', '', ''); setBg(src, transition); return; } if (src === currentLayer && mode === currentLayerMode) return; currentLayer = src; currentLayerMode = mode; layer.className = 'layer mode-' + mode + (transition === 'none' ? ' no-anim' : ''); layer.innerHTML = ''; var img = document.createElement('img'); img.alt = ''; img.src = src; img.style.objectFit = fit === 'contain' ? 'contain' : 'cover'; layer.appendChild(img); if (transition === 'none') { layer.classList.add('no-anim'); requestAnimationFrame(function () { layer.classList.remove('no-anim'); }); } requestAnimationFrame(function () { layer.classList.add('show'); }); } /* ---------------- 文字 ---------------- */ function applyTextStyle(style) { style = style || {}; textEl.style.textAlign = style.align || 'center'; textEl.style.fontWeight = style.weight === 'bold' ? '600' : ''; textEl.style.color = style.color || ''; textEl.style.fontSize = style.size ? (style.size + 'px') : ''; contentEl.className = 'pos-' + (style.pos || 'bottom'); } function setText(t, style, useTypewriter, cb) { applyTextStyle(style); var full = t == null ? '' : String(t); stopTypewriter(); textEl.classList.remove('on'); void textEl.offsetWidth; textEl.textContent = ''; if (!full) { return; } var speed = settings.typewriterSpeed || 28; if (useTypewriter) { var token = ++typeToken; var i = 0; textEl.classList.add('on'); var step = function () { if (token !== typeToken) return; var now = performance.now(); var perFrame = Math.max(1, Math.round(speed / 60)); i = Math.min(full.length, i + perFrame); textEl.textContent = full.slice(0, i); if (i < full.length) typeRAF = requestAnimationFrame(step); else if (cb) cb(); }; typeRAF = requestAnimationFrame(step); typeToken_skip = function () { typeToken++; cancelAnimationFrame(typeRAF); textEl.textContent = full; if (cb) cb(); }; } else { textEl.textContent = full; requestAnimationFrame(function () { textEl.classList.add('on'); }); if (cb) setTimeout(cb, 30); } } var typeToken_skip = null; function stopTypewriter() { typeToken++; cancelAnimationFrame(typeRAF); typeToken_skip = null; } function finishTypewriter() { if (typeToken_skip) { var f = typeToken_skip; typeToken_skip = null; f(); return true; } return false; } function clearChoices() { choicesEl.innerHTML = ''; choicesEl.classList.remove('on'); } function revealChoices() { requestAnimationFrame(function () { choicesEl.classList.add('on'); }); } function addChoice(label, target, key, onClick) { var b = document.createElement('button'); b.type = 'button'; b.className = 'choice'; if (key) { var k = document.createElement('span'); k.className = 'k'; k.textContent = key; b.appendChild(k); } b.appendChild(document.createTextNode(label || '继续')); b.addEventListener('click', function () { if (onClick) onClick(); else goTarget(target); }); choicesEl.appendChild(b); return b; } function goTarget(target) { if (target) enterScene(target, true); else renderEnd(); } function showContinue(cb) { addChoice('继续', null, '', cb); revealChoices(); } /* ---------------- 计时 ---------------- */ function stopWait() { waitToken++; cancelAnimationFrame(waitRAF); skipWait = null; timerFill.style.transition = 'none'; timerFill.style.width = '0%'; } function startWait(seconds, done, skippable, onFrame, hideBar) { stopWait(); var token = ++waitToken; var ms = Math.max(200, (Number(seconds) || 3) * 1000); var t0 = performance.now(); timerbar.style.opacity = hideBar ? '0' : '1'; timerFill.style.transition = 'width .1s linear'; function step(now) { if (token !== waitToken) return; var k = Math.min(1, (now - t0) / ms); timerFill.style.width = (k * 100) + '%'; if (onFrame) { try { onFrame(k, ms * (1 - k) / 1000); } catch (e) { } } if (k >= 1) { waitToken++; skipWait = null; finishWait(); done(); } else waitRAF = requestAnimationFrame(step); } waitRAF = requestAnimationFrame(step); if (skippable !== false && settings.allowSkipTimer !== false) { skipWait = function () { waitToken++; cancelAnimationFrame(waitRAF); skipWait = null; finishWait(); done(); }; } function finishWait() { timerFill.style.transition = 'none'; timerFill.style.width = '0%'; timerbar.style.opacity = ''; } } /* ---------------- 音频 ---------------- */ function fadeVolume(el, to, ms, done) { var from = el.volume, t0 = performance.now(); if (!el._fade) el._fade = { raf: 0 }; cancelAnimationFrame(el._fade.raf); function step(now) { var k = Math.min(1, (now - t0) / Math.max(1, ms)); el.volume = Math.max(0, Math.min(1, from + (to - from) * k)); if (k < 1) el._fade.raf = requestAnimationFrame(step); else if (done) done(); } el._fade.raf = requestAnimationFrame(step); } function effVol(v) { return Math.max(0, Math.min(1, (v == null ? 0.8 : v) * userVolume)); } function stopBgm(fade) { var t = ++bgmToken; bgmSrc = ''; fadeVolume(bgmEl, 0, fade || 400, function () { if (t !== bgmToken) return; bgmEl.pause(); bgmEl.removeAttribute('src'); try { bgmEl.load(); } catch (e) { } }); } function playBgm(a) { if (!a.src) return; if (a.src === bgmSrc) { bgmEl.loop = !!a.loop; bgmEl.volume = effVol(a.volume); if (bgmEl.paused) { var p = bgmEl.play(); if (p && p.catch) p.catch(function () { }); } return; } var token = ++bgmToken; bgmSrc = a.src; var start = function () { if (token !== bgmToken) return; bgmEl.pause(); bgmEl.src = a.src; bgmEl.loop = !!a.loop; bgmEl.volume = 0; var p = bgmEl.play(); if (p && p.catch) p.catch(function () { }); fadeVolume(bgmEl, effVol(a.volume), a.fade == null ? 600 : a.fade); }; if (bgmEl.src && !bgmEl.paused) fadeVolume(bgmEl, 0, Math.min(300, a.fade || 300), start); else start(); } function playSfx(a) { if (!a.src) return; try { sfxEl.pause(); sfxEl.src = a.src; sfxEl.loop = !!a.loop; sfxEl.volume = effVol(a.volume); var p = sfxEl.play(); if (p && p.catch) p.catch(function () { }); } catch (e) { } } /* ---------------- 计时器 / 节拍器 ---------------- */ var AC = null; var customBuffers = {}, customPending = {}, customFailed = {}, customAudio = {}; function ensureAudio() { try { if (!AC && (window.AudioContext || window.webkitAudioContext)) { AC = new (window.AudioContext || window.webkitAudioContext)(); } if (AC && AC.state === 'suspended') AC.resume(); } catch (e) { AC = null; } return !!AC; } function thump(when, vol) { var o = AC.createOscillator(), g = AC.createGain(); o.type = 'sine'; o.frequency.setValueAtTime(90, when); o.frequency.exponentialRampToValueAtTime(45, when + 0.12); g.gain.setValueAtTime(0, when); g.gain.linearRampToValueAtTime(vol, when + 0.01); g.gain.exponentialRampToValueAtTime(0.001, when + 0.18); o.connect(g); g.connect(AC.destination); o.start(when); o.stop(when + 0.2); } function synthTick(kind, accent, when, vol) { if (!AC) return; vol = Math.max(0.02, Math.min(1, vol)); if (kind === 'heart') { thump(when, vol); thump(when + 0.17, vol * 0.7); return; } if (kind === 'wood' || kind === 'drum') { var len = Math.floor(AC.sampleRate * 0.06); var buf = AC.createBuffer(1, len, AC.sampleRate); var d = buf.getChannelData(0); for (var i = 0; i < len; i++) d[i] = (Math.random() * 2 - 1) * Math.pow(1 - i / len, 3); var src = AC.createBufferSource(); src.buffer = buf; var f = AC.createBiquadFilter(); f.type = 'bandpass'; f.frequency.value = kind === 'wood' ? 1800 : 260; f.Q.value = kind === 'wood' ? 2.5 : 1; var g = AC.createGain(); g.gain.value = vol; src.connect(f); f.connect(g); g.connect(AC.destination); src.start(when); if (kind === 'drum') thump(when, vol * 0.8); return; } var o = AC.createOscillator(), env = AC.createGain(); o.type = kind === 'beep' ? 'sine' : (kind === 'tock' ? 'triangle' : 'square'); var freq = kind === 'beep' ? (accent ? 1046 : 784) : kind === 'tock' ? (accent ? 220 : 180) : (accent ? 1500 : 1100); o.frequency.setValueAtTime(freq, when); env.gain.setValueAtTime(0, when); env.gain.linearRampToValueAtTime(vol, when + 0.004); env.gain.exponentialRampToValueAtTime(0.0005, when + 0.07); o.connect(env); env.connect(AC.destination); o.start(when); o.stop(when + 0.09); } function playCustomTick(src, when, vol) { if (!src) return; if (customFailed[src] || !AC) { /* file:// 下相对路径 fetch 会被拦，退回

结局收集

阅读记录

设置