Particle effects in JavaScript • Hacker News Board

Re: Particle effects in JavaScript

#31

Post by shocks » Mon, Oct 28, 2013, 10:07 PM UTC

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.

Re: Particle effects in JavaScript

#32

Post by ilink » Mon, Oct 28, 2013, 10:08 PM UTC

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.

Performance for this kind of particle effect will be even better once Webgl2 is widely available. Transform feedback (or other hacks) let you manipulate the particle positions on the videocard itself. There's a great article about them here: http://prideout.net/blog/?p=67

Re: Particle effects in JavaScript

#33

Post by theatraine » Mon, Oct 28, 2013, 10:23 PM UTC

Operates in slow motion on Metro IE11, interestingly, desktop IE11 performs well although it starts off slow. It flies in FF and Chrome though. I suppose the Metro IE11 is missing some WebGL optimizations. Very cool!

Re: Particle effects in JavaScript

#34

Post by afatc » Mon, Oct 28, 2013, 10:29 PM UTC

This would make a nice screensaver

Re: Particle effects in JavaScript

#35

Post by chestnut-tree » Mon, Oct 28, 2013, 10:29 PM UTC

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

Re: Particle effects in JavaScript

#36

Post by JacksonGariety » Mon, Oct 28, 2013, 10:46 PM UTC

I did some experimenting to make particles dance to the beat of music if anyone is interested:

http://trapcity.tv

Re: Particle effects in JavaScript

#37

Post by timthimmaiah » Mon, Oct 28, 2013, 10:50 PM UTC

JacksonGariety wrote: post #36

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

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

Re: Particle effects in JavaScript

#38

Post by JacksonGariety » Mon, Oct 28, 2013, 10:53 PM UTC

timthimmaiah wrote: post #37

JacksonGariety wrote: post #36

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

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

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

Re: Particle effects in JavaScript

#39

Post by sebnukem2 » Mon, Oct 28, 2013, 10:54 PM UTC

themodelplumber wrote: post #8

bridgeyman wrote: post #2

What are the different rendering modes referenced by the help text? I couldn't detect any difference after hitting the space bar. Very cool effect!

Same question here. I hit all kinds of keys and didn't see any difference.

Yes, it appears that the "any" key is missing on my keyboard.

Re: Particle effects in JavaScript

#40

Post by AsymetricCom » Mon, Oct 28, 2013, 10:59 PM UTC

josephg wrote: post #29

AsymetricCom wrote: post #26

Earlier quoted context omitted.

Oh, Definitely! It couldn't be the layers of parsers, spaghetti Javascript libraries, web protocols, the DOM, WebGL itself which is a part of Javascript, or a million other crufty web things, it has to be the microsecond latency introduced by hardware-level API abstraction...

User-level libraries can't lock up your OS unless they can trigger kernel / driver bugs or make your hardware malfunction. In this case, graphics drivers are the most likely cause.

In theory they can't in practice, you just saw it happen. malfunction is a human concept, perhaps the hardware is behaving exactly as intended.