Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Particle effects in JavaScript

liveweave.com

Post reply on HN
Print view View original

41–50 of 73 posts

Re: Particle effects in JavaScript

#41

Post by danbruc »

chestnut-tree wrote: post #35

This is really impressive. It makes me wonder how particle effects in Javascript running in a web browser can run so well, while a native desktop application like After Effects takes ages to render something similar? Here's another mesmerising javascript experiment http://brunoimbrizi.com/experiments/#/01

This are a few nice demos.

Re: Particle effects in JavaScript

#42

Post by zghst »

rtkwe wrote: post #3

This does not work for me in FF 22.0 (work specified version). Looks nice in chrome, only time it drops is when you bundle them into a large group and then cross you mouse over it and they explode everywhere.

It's because requestAnimationFrame is not prefixed. So many demos not properly prefixing RAF lately.

Re: Particle effects in JavaScript

#43

Post by aroch »

JacksonGariety wrote: post #36

I did some experimenting to make particles dance to the beat of music if anyone is interested: http://trapcity.tv

That's pretty awesome, did you mean for it to play all the MP3's dropped on it at a time? For instance if I drop 1.mp3 and then drop 2.mp3 before 1.mp3 is finished both play at the same time with 2.mp3 starting to play at the time offset 1.mp3 is at when 2.mp3 is added

Re: Particle effects in JavaScript

#44

Post by Sir_Cmpwn »

JacksonGariety wrote: post #36

I did some experimenting to make particles dance to the beat of music if anyone is interested: http://trapcity.tv

Small annoyance - can you also add a means to click as an alternative to drag+drop?

EDIT: This is pretty damn cool. Could I convince you to submit a pull request with something similar to MediaCrush[1]? We host audio files [2] and this would be a nice addition.

[1] https://github.com/MediaCrush/MediaCrush [2] https://mediacru.sh/p3Yo3dDHZrmo

Re: Particle effects in JavaScript

#45

Post by ye »

shocks wrote: post #31
ye wrote: post #24

You can increase the number of particles by changing this line: totalLines = 60000, My PC starts getting slower after 150K, but it works, though slowly, even with 1 million.

Interestingly I can take it to 1,000,000 with Firefox (Nightly) without too many problems. Chrome (Canary) becomes unusable around 200,000.

It really depends on the videocard I guess.

I just tried both Crome and FF with a million particles, and they feel roughly the same.

Re: Particle effects in JavaScript

#46

Post by timthimmaiah »

JacksonGariety wrote: post #38
timthimmaiah wrote: post #37

Earlier quoted context omitted.

Really dig this. Any way I could check out the source?

Here you go: https://github.com/jacksonGariety/trapcity

Thanks dude. We're working on a custom soundcloud player widget thats fully customizable. I'm thinking about using your visualizer.

https://github.com/tim-thimmaiah/tonedenplayer

Post reply on HN