search

mushon / IWBA

The International Water Bank Association's Water Deposit exhibit - a water ATM for depositing your first drops
0 stars 1 forks source link

delay adding of each drop for increased pleasure #18

Closed mushon closed 8 years ago

mushon commented 8 years ago

right now drops are added in batches, to make the visual experience more compelling we should add each drop individually in a split second delay (I'd recommend starting with 10ms, we can play with it and optimize). That way the rows will fill quickly and the animation will be more compelling. @wonyoungso what say you?

wonyoungso commented 8 years ago

I can't agree with you more, let's implement

mushon commented 8 years ago

Awesome, do you want to push something in the code for me to play with? I'm assuming this should be a delayed loop with the final drop count as the top bar for looping. Once it's in, I can play with the delay and the CSS to finalize it.

wonyoungso commented 8 years ago

Let me do this thing today evening and I'll let you know!

wonyoungso commented 8 years ago

implemented setAnim in webpack/pages/PourWater.js. it's 10ms interval. But I think it's quite slow when we assume that an audience pour 220ml water, which converts to over 4000 drops. thoughts?

wonyoungso commented 8 years ago

changed adding drops 1 in a frame to 2

mushon commented 8 years ago

Did you check my commits from today, I think it works quite nicely. But I agree we could go with two drops per frame for better performance.