justin/pokeazure
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: justin/pokeazure:5b18f9bda1137789d46b5103e706dbf132c9797c
justin/pokeazure:main
..
compare: justin/pokeazure:50d9fe349e7d6815a4beb34f934381cd1d9f6e99
justin/pokeazure:main
10 Commits
5b18f9bda1 .. 50d9fe349e
Author SHA1 Message Date
Sterling Archer 50d9fe349e chore: remove audio debug overlay 2026-05-31 14:35:41 -07:00
Sterling Archer 7f3db5c538 fix: call Music.play() on title tap to unlock iOS audio system for SFX 2026-05-31 14:34:40 -07:00
Sterling Archer cffb5868b6 fix: create AudioContext on touchstart gesture so it starts running, skip sounds if not ready 2026-05-31 14:27:41 -07:00
Sterling Archer f70679bd9d fix: replace SFX with pending queue pattern, defer playback until AudioContext is running 2026-05-31 14:23:10 -07:00
Sterling Archer 77fe6dd74c fix: create fresh AudioContext inside SFX.boot() gesture handler to satisfy iOS gesture requirement 2026-05-31 14:20:34 -07:00
Sterling Archer d972122e27 fix: run iOS audio primer synchronously in gesture handler, not in .then() 2026-05-31 14:18:57 -07:00
Sterling Archer 5f5507b538 fix: prime iOS WebKit audio pipeline with silent oscillator on first touch 2026-05-31 14:16:28 -07:00
Sterling Archer 8c965dcfd9 Mobile Audio bug fix 2026-05-31 14:10:23 -07:00
Sterling Archer 1e43dc4dce fix: play SFX.boot() on user tap instead of setTimeout 2026-05-31 14:04:52 -07:00
Sterling Archer 0adbdfc106 fix: restore mobile Web Audio SFX on iOS/Android 2026-05-31 14:01:11 -07:00
1 changed files with 15 additions and 14 deletions
Expand all files Collapse all files
game.js
+15 -14
View File
@@ -189,24 +189,27 @@ const SFX = (() => {
function getCtx() { function getCtx() {
if (!ctx) ctx = new (window.AudioContext || window.webkitAudioContext)(); if (!ctx) ctx = new (window.AudioContext || window.webkitAudioContext)();
if (ctx.state === 'suspended') ctx.resume(); if (ctx.state === 'suspended') ctx.resume().catch(() => {});
return ctx; return ctx;
} }
function unlock() { document.addEventListener('touchstart', () => {
if (!ctx) ctx = new (window.AudioContext || window.webkitAudioContext)(); if (!ctx) {
if (ctx.state === 'suspended') ctx.resume().then(() => {}); ctx = new (window.AudioContext || window.webkitAudioContext)();
} else if (ctx.state === 'suspended') {
ctx.resume().catch(() => {});
} }
document.addEventListener('touchstart', unlock, { once: true, passive: true }); }, { passive: true });
document.addEventListener('pointerdown', unlock, { once: true, passive: true });
document.addEventListener('visibilitychange', () => { document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible' && ctx && ctx.state === 'suspended') { if (document.visibilityState === 'visible' && ctx && ctx.state === 'suspended') {
ctx.resume(); ctx.resume().catch(() => {});
} }
}); });
function tone(freq, type, vol, attack, sustain, release, when) { function tone(freq, type, vol, attack, sustain, release, when) {
const c = getCtx(); const c = getCtx();
if (c.state !== 'running') return;
const t = when ?? c.currentTime; const t = when ?? c.currentTime;
const osc = c.createOscillator(); const osc = c.createOscillator();
const gain = c.createGain(); const gain = c.createGain();
@@ -224,11 +227,9 @@ const SFX = (() => {
function seq(notes, type='square', vol=0.18) { function seq(notes, type='square', vol=0.18) {
const c = getCtx(); const c = getCtx();
if (c.state !== 'running') return;
let t = c.currentTime + 0.02; let t = c.currentTime + 0.02;
notes.forEach(n => { notes.forEach(n => { if (n.f) tone(n.f, type, vol, 0.01, n.d * 0.6, n.d * 0.4, t); t += n.d; });
if (n.f) tone(n.f, type, vol, 0.01, n.d * 0.6, n.d * 0.4, t);
t += n.d;
});
} }
return { return {
@@ -237,7 +238,7 @@ const SFX = (() => {
step() { tone(180, 'square', 0.04, 0.005, 0.02, 0.03); }, step() { tone(180, 'square', 0.04, 0.005, 0.02, 0.03); },
encounter() { seq([{f:523,d:.1},{f:659,d:.18}], 'square', 0.22); }, encounter() { seq([{f:523,d:.1},{f:659,d:.18}], 'square', 0.22); },
type() { tone(880 + Math.random()*200, 'square', 0.03, 0.005, 0.01, 0.02); }, type() { tone(880 + Math.random()*200, 'square', 0.03, 0.005, 0.01, 0.02); },
select() { const c = getCtx(); tone(440, 'square', 0.12, 0.005, 0.03, 0.04, c.currentTime + 0.05); }, select() { tone(440, 'square', 0.12, 0.005, 0.03, 0.04); },
backspace() { seq([{f:350,d:.05},{f:250,d:.08}], 'triangle', 0.12); }, backspace() { seq([{f:350,d:.05},{f:250,d:.08}], 'triangle', 0.12); },
correct() { seq([{f:523,d:.08},{f:659,d:.08},{f:784,d:.08},{f:1047,d:.2}], 'square', 0.18); }, correct() { seq([{f:523,d:.08},{f:659,d:.08},{f:784,d:.08},{f:1047,d:.2}], 'square', 0.18); },
streak() { seq([{f:523,d:.06},{f:659,d:.06},{f:784,d:.06},{f:1047,d:.06},{f:1319,d:.2}], 'square', 0.18); }, streak() { seq([{f:523,d:.06},{f:659,d:.06},{f:784,d:.06},{f:1047,d:.06},{f:1319,d:.2}], 'square', 0.18); },
@@ -1150,11 +1151,11 @@ class Game {
showTitle() { showTitle() {
this.show('title'); this.show('title');
SFX.boot();
this._showController(true); this._showController(true);
const go = () => { const go = () => {
document.getElementById('screen-title').removeEventListener('click', go); document.getElementById('screen-title').removeEventListener('click', go);
Music.unblock(); Music.play();
SFX.boot();
this.showContinueOrName(); this.showContinueOrName();
}; };
document.getElementById('screen-title').addEventListener('click', go); document.getElementById('screen-title').addEventListener('click', go);