onclick ripple

This commit is contained in:
serge
2022-07-30 17:37:21 +10:00
parent 65d0380bde
commit ed2fff88a8
3 changed files with 7 additions and 34 deletions

View File

@@ -61,8 +61,8 @@ export default async (canvas, config) => {
window.ripples = [0,0,0]
window.onclick = (e) => { // ripple init
console.log(e)
window.ripples = [Date.now(), e.clientX, e.clientY]
console.log(ripples)
window.ripples = [Date.now(), (e.clientX/e.srcElement.clientWidth*2)-1, (e.clientY/e.srcElement.clientHeight*2)-1]
// console.log(ripples)
}

View File

@@ -18,9 +18,9 @@ export default ({ regl, config }, inputs) => {
tex: inputs.primary,
bloomTex: inputs.bloom,
intensity: ()=>{
let inten = 8 - (Date.now() - window.ripples[0])/500
let inten = 2 - (Date.now() - window.ripples[0])/2000
if (inten < 0) inten = 0
return inten / 50
return inten / 10
},
height: regl.context("viewportWidth"),
width: regl.context("viewportHeight"),