adrien/angry-notes
adrien/angry-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

accordeon buttons

Browse Source
This commit is contained in:
Adrien MALINGREY 2024-09-23 22:02:57 +02:00
parent ad05712e20
commit 69c16647cf
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app.js
View File

@ -116,7 +116,8 @@ class Sprite {
class Cannon extends Sprite { class Cannon extends Sprite {
constructor(canvasCtx, note) { constructor(canvasCtx, note) {
let sharp = [1, 3, 6, 8, 10].includes(note % 12) let sharp = [1, 3, 6, 8, 10].includes(note % 12)
super(canvasCtx, "cannon.png", 34 * (note - FIRST_NOTE) + 66, sharp? 418:424, 11, 26, 4) //super(canvasCtx, "cannon.png", 34 * (note - FIRST_NOTE) + 66, sharp? 418:424, 11, 26, 4)
super(canvasCtx, "cannon.png", 34 * (note - FIRST_NOTE) + 66, 424 - 8*(note % 3), 11, 26, 4)
this.note = note this.note = note
this.key = keyMap[note - FIRST_NOTE]?.toUpperCase() || "" this.key = keyMap[note - FIRST_NOTE]?.toUpperCase() || ""
this.impactHeight = 9 this.impactHeight = 9
@ -260,7 +261,7 @@ canvasCtx.imageSmoothingEnabled = false
canvasCtx.font = '12px "Press Start 2P"' canvasCtx.font = '12px "Press Start 2P"'
canvasCtx.textAlign = "center" canvasCtx.textAlign = "center"
let consoleSprite = new Sprite(canvasCtx, "console.png", canvas.width/2, 554, 482, 86) let consoleSprite = new Sprite(canvasCtx, "console.png", canvas.width/2, 554, 482, 104)
let syntheSprite = new Sprite(canvasCtx, "synthe.png", canvas.width/2, 546, 110, 80) let syntheSprite = new Sprite(canvasCtx, "synthe.png", canvas.width/2, 546, 110, 80)
let cannonSprites = [] let cannonSprites = []
for (let note=FIRST_NOTE; note<LAST_NOTE; note++) cannonSprites[note] = new Cannon(canvasCtx, note) for (let note=FIRST_NOTE; note<LAST_NOTE; note++) cannonSprites[note] = new Cannon(canvasCtx, note)
@ -528,7 +529,7 @@ function stopShoot(note) {
if (!cannonSprites[note].oscillator) return if (!cannonSprites[note].oscillator) return
var oscillator = cannonSprites[note].oscillator var oscillator = cannonSprites[note].oscillator
oscillator.velocity.gain.exponentialRampToValueAtTime(0, Tone.Transport.seconds, 0.5) oscillator.velocity.gain.exponentialRampToValueAtTime(0.01, Tone.Transport.seconds, 0.5)
oscillator.stop(Tone.Transport.seconds + 0.5) oscillator.stop(Tone.Transport.seconds + 0.5)
delete(cannonSprites[note].oscillator) delete(cannonSprites[note].oscillator)
@ -598,7 +599,7 @@ function playNote(note, velocity=0.7, duration=0, time=audioCtx.currentTime) {
function stopNote(note, time=audioCtx.currentTime) { function stopNote(note, time=audioCtx.currentTime) {
if(!oscillators[note]) return if(!oscillators[note]) return
oscillators[note].velocity.gain.exponentialRampToValueAtTime(0, time + 0.5) oscillators[note].velocity.gain.exponentialRampToValueAtTime(0.01, time + 0.5)
oscillators[note].stop(time + 0.5) oscillators[note].stop(time + 0.5)
delete(oscillators[note]) delete(oscillators[note])
@ -622,7 +623,8 @@ function playNoise(startGain=0.5, bandHz=1000, duration, time) {
frequency: bandHz, frequency: bandHz,
}) })
const gain = new GainNode(audioCtx) const gain = new GainNode(audioCtx)
gain.gain.exponentialRampToValueAtTime(0, time, duration) gain.gain.value = startGain
gain.gain.exponentialRampToValueAtTime(0.01, time, duration)
noise.connect(bandpass).connect(gain).connect(audioCtx.destination) noise.connect(bandpass).connect(gain).connect(audioCtx.destination)
noise.start() noise.start()
noise.stop(time + duration) noise.stop(time + duration)

2
index.html
View File

@ -41,7 +41,7 @@
<input type="text" id="keyMapInput" class="nes-textarea is-dark" <input type="text" id="keyMapInput" class="nes-textarea is-dark"
minlength="25" maxlength="25" size="25" required tabindex="2" minlength="25" maxlength="25" size="25" required tabindex="2"
title="Cliquez pour changer une touche" title="Cliquez pour changer une touche"
placeholder="wsxdcvgbhnj,e'r(tyèu_içop" value="wsxdcvgbhnj,e'r(tyèu_içop"/> placeholder="ccddeffggaabccddeffggaabc" value="wsexdrcftvgybhunji,ko;lp:"/>
</div> </div>
<div class="nes-select is-dark"> <div class="nes-select is-dark">
<select id="midiSelect" tabindex="3"> <select id="midiSelect" tabindex="3">