6 ms·

Show HN: Exophysics – WebGL2 particle simulator

80 points by hut0 6y ago

hut0 6y ago
Hey people, I built this particle simulator in ~500 lines of self-contained HTML/JS/WebGL2. It's designed to encourage creativity and exploration. You can just download one of those universes and open up the HTML file in a text editor to tweak the physical laws and constants. Then open it up in your browser to see the result immediately. I had a lot of fun exploring the beautiful emergent behaviors that arise from those simple rules, give it a try too! There's plenty of documentation and you don't need to be a programming wizard. :) The most interesting universes I came up with are on display here: https://exophysics.net/exhibition.html https://exophysics.net/exhibition.html
- trungdq88 6y ago
  This is pretty fun, I like it, will take a look at the code later today. > Finally, I am legally obliged to inform you of the one law of exophysics: > YOU ARE REQUIRED TO TERMINATE A SIMULATION IMMEDIATELY UPON FINDING > EVIDENCE OF THE EMERGENCE OF SENTIENT CREATURES CAPABLE OF SUFFERING. LOL, I had to google "law of exophysics" to see if it is real.
  - swyx 6y ago
    I mean.. arguably... if the sentient creatures have emerged then is it ethical to kill them?
    - tetris11 6y ago
      Well, factor in a slow extinction event and let it run for a few billion ticks. That way they have ample warning, and they might have even offed themselves within that timeframe.
    - hut0 6y ago
      True, but that law was established to discourage any research in that domain, reducing the overall occurences of sentience-incidents and the resulting messy philosophical questions.
- mrpf1ster 6y ago
  I love the emphasis on user exploration. And your way of writing the documentation is very welcoming. Awesome tool.
  - hut0 6y ago
    Thank you :)!
- deleted 6y ago
  [deleted]
- andai 6y ago
  Nice, this is really fun to play with! I messed around with something similar a few years ago, based on (the code in) this video https://www.youtube.com/watch?v=Z_zmZ23grXE https://www.youtube.com/watch?v=Z_zmZ23grXE Edit: Apparently there are a lot of these! This variant is also pretty cool (smaller particles, more like "fields"): https://www.youtube.com/watch?v=nu5aDIEoBk0 https://www.youtube.com/watch?v=nu5aDIEoBk0
  - hut0 6y ago
    Sweet, thank you for the links! I'll surely learn something from what they've been doing :)
  - hut0 6y ago
    https://www.youtube.com/watch?v=makaJpLvbow https://www.youtube.com/watch?v=makaJpLvbow <- this one is pretty awesome too. A very simple rule and quite the complex behavior. Though I'd recommend watching it at 175% speed, muted, and perhaps with the 1812 Overture as the background music.
- morphle 6y ago
  I like this programming languages made for particle/fields [1,2,3] Yoshiki Ohshima also made the particle/fields simulator in Squeak/Etoys that Alan Kay demos is his talks [5] and was a scientist at Alan Kay's VPRI [4]. [1] http://tinlizzie.org/~ohshima/shadama2/ http://tinlizzie.org/~ohshima/shadama2/ [2] https://www.youtube.com/user/yoshikiohshima/search?query=shadama https://www.youtube.com/user/yoshikiohshima/search?query=sha... [3] http://tinlizzie.org/~ohshima/shadama2/live2017/#kedama http://tinlizzie.org/~ohshima/shadama2/live2017/#kedama [4] http://www.vpri.org/writings.php http://www.vpri.org/writings.php [5] https://tinlizzie.org/IA/index.php/Talks_by_Alan_Kay https://tinlizzie.org/IA/index.php/Talks_by_Alan_Kay
  - hut0 6y ago
    Wasn't aware of this project, thanks for the links!
nlh 6y ago
None seem to work on Safari 14.0.01 :/ Not sure if I need to enable anything for WebGL. On vanilla Chrome 87, I get "Unable to initialize the shader program: Vertex shader active uniforms exceed GL_MAX_VERTEX_UNIFORM_VECTORS(256)" for most of them. But a few work (swyrlyx.html) and are super cool! Nicely done.
- modeless 6y ago
  Safari does not support WebGL 2 by default. But Safari Technology Preview does.
- tbdr 6y ago
  on Safari/macOS you can enable Develop | Experimental Features | WebGL 2.0
- hut0 6y ago
  It's a pity that Safari is a little slow to implement WebGL2. Your message on chrome though sounds like a legit bug, since normally, Exophysics reduces the number of particles to match the hardware/browser capabilities, and here they're exceeded. Will investigate.
  - user-the-name 6y ago
    Safari 14 has WebGL 2, it just has to be turned on in the Develop menu first.
andybak 6y ago
If you don't mind me saying - poor naming and post title. This is much more interesting than the keyword phrases "particle simulator" and "physics" would suggest! Can you not cram something ALife related in there?
- codethief 6y ago
  I don't know, I find the name pretty accurate – it is a particle simulator, after all.
  - moron4hire 6y ago
    It's a matter of specificity. Yes, it's a particle simulator, but given the Conway's Life feel to some of the examples, it at least seems like a high-speed, high-resolution cellular automata.
- hut0 6y ago
  Thank you :) I can't edit it anymore, but will think of that next time.
deleted 6y ago
[deleted]
smusamashah 6y ago
Gelopia takes form of large microbes with tails made of hundreds of cells and they keep moving around. Saldy, It doesn't work on chrome desktop though
expenses2 6y ago
I thought that WebGL2 didn't have compute shaders. How are you doing this without them?
- pjmlp 6y ago
  You can fake it by misusing textures. Actually there is a compute shaders extension, but it is only available in certain drivers configurations in Firefox. Chrome only plans to support WebGPU.
- hut0 6y ago
  I use transform feedback, which allows vertex shaders to send data back to the application. You could do this with textures as well, as described by pjmlp. I did this in an earlier version (https://github.com/hut/cellmade# https://github.com/hut/cellmade#) but it just felt SO WRONG. I was very happy that I found out about transform feedback to be able to do it more cleanly. https://developer.mozilla.org/en-US/docs/Web/API/WebGLTransformFeedback https://developer.mozilla.org/en-US/docs/Web/API/WebGLTransf... > The WebGLTransformFeedback interface is part of the WebGL 2 API and enables transform feedback, which is the process of capturing primitives generated by vertex processing. It allows to preserve the post-transform rendering state of an object and resubmit this data multiple times.

80 points by hut0 6y ago

hut0 6y ago

Hey people, I built this particle simulator in ~500 lines of self-contained HTML/JS/WebGL2. It's designed to encourage creativity and exploration. You can just download one of those universes and open up the HTML file in a text editor to tweak the physical laws and constants. Then open it up in your browser to see the result immediately. I had a lot of fun exploring the beautiful emergent behaviors that arise from those simple rules, give it a try too! There's plenty of documentation and you don't need to be a programming wizard. :) The most interesting universes I came up with are on display here: https://exophysics.net/exhibition.html https://exophysics.net/exhibition.html

trungdq88 6y ago
This is pretty fun, I like it, will take a look at the code later today. > Finally, I am legally obliged to inform you of the one law of exophysics: > YOU ARE REQUIRED TO TERMINATE A SIMULATION IMMEDIATELY UPON FINDING > EVIDENCE OF THE EMERGENCE OF SENTIENT CREATURES CAPABLE OF SUFFERING. LOL, I had to google "law of exophysics" to see if it is real.
- swyx 6y ago
  I mean.. arguably... if the sentient creatures have emerged then is it ethical to kill them?
  - tetris11 6y ago
    Well, factor in a slow extinction event and let it run for a few billion ticks. That way they have ample warning, and they might have even offed themselves within that timeframe.
  - hut0 6y ago
    True, but that law was established to discourage any research in that domain, reducing the overall occurences of sentience-incidents and the resulting messy philosophical questions.
mrpf1ster 6y ago
I love the emphasis on user exploration. And your way of writing the documentation is very welcoming. Awesome tool.
- hut0 6y ago
  Thank you :)!
deleted 6y ago
[deleted]
andai 6y ago
Nice, this is really fun to play with! I messed around with something similar a few years ago, based on (the code in) this video https://www.youtube.com/watch?v=Z_zmZ23grXE https://www.youtube.com/watch?v=Z_zmZ23grXE Edit: Apparently there are a lot of these! This variant is also pretty cool (smaller particles, more like "fields"): https://www.youtube.com/watch?v=nu5aDIEoBk0 https://www.youtube.com/watch?v=nu5aDIEoBk0
- hut0 6y ago
  Sweet, thank you for the links! I'll surely learn something from what they've been doing :)
- hut0 6y ago
  https://www.youtube.com/watch?v=makaJpLvbow https://www.youtube.com/watch?v=makaJpLvbow <- this one is pretty awesome too. A very simple rule and quite the complex behavior. Though I'd recommend watching it at 175% speed, muted, and perhaps with the 1812 Overture as the background music.
morphle 6y ago
I like this programming languages made for particle/fields [1,2,3] Yoshiki Ohshima also made the particle/fields simulator in Squeak/Etoys that Alan Kay demos is his talks [5] and was a scientist at Alan Kay's VPRI [4]. [1] http://tinlizzie.org/~ohshima/shadama2/ http://tinlizzie.org/~ohshima/shadama2/ [2] https://www.youtube.com/user/yoshikiohshima/search?query=shadama https://www.youtube.com/user/yoshikiohshima/search?query=sha... [3] http://tinlizzie.org/~ohshima/shadama2/live2017/#kedama http://tinlizzie.org/~ohshima/shadama2/live2017/#kedama [4] http://www.vpri.org/writings.php http://www.vpri.org/writings.php [5] https://tinlizzie.org/IA/index.php/Talks_by_Alan_Kay https://tinlizzie.org/IA/index.php/Talks_by_Alan_Kay
- hut0 6y ago
  Wasn't aware of this project, thanks for the links!

nlh 6y ago

None seem to work on Safari 14.0.01 :/ Not sure if I need to enable anything for WebGL. On vanilla Chrome 87, I get "Unable to initialize the shader program: Vertex shader active uniforms exceed GL_MAX_VERTEX_UNIFORM_VECTORS(256)" for most of them. But a few work (swyrlyx.html) and are super cool! Nicely done.

modeless 6y ago
Safari does not support WebGL 2 by default. But Safari Technology Preview does.
tbdr 6y ago
on Safari/macOS you can enable Develop | Experimental Features | WebGL 2.0
hut0 6y ago
It's a pity that Safari is a little slow to implement WebGL2. Your message on chrome though sounds like a legit bug, since normally, Exophysics reduces the number of particles to match the hardware/browser capabilities, and here they're exceeded. Will investigate.
- user-the-name 6y ago
  Safari 14 has WebGL 2, it just has to be turned on in the Develop menu first.

andybak 6y ago

If you don't mind me saying - poor naming and post title. This is much more interesting than the keyword phrases "particle simulator" and "physics" would suggest! Can you not cram something ALife related in there?

codethief 6y ago
I don't know, I find the name pretty accurate – it is a particle simulator, after all.
- moron4hire 6y ago
  It's a matter of specificity. Yes, it's a particle simulator, but given the Conway's Life feel to some of the examples, it at least seems like a high-speed, high-resolution cellular automata.
hut0 6y ago
Thank you :) I can't edit it anymore, but will think of that next time.

deleted 6y ago

[deleted]

smusamashah 6y ago

Gelopia takes form of large microbes with tails made of hundreds of cells and they keep moving around. Saldy, It doesn't work on chrome desktop though

expenses2 6y ago

I thought that WebGL2 didn't have compute shaders. How are you doing this without them?

pjmlp 6y ago
You can fake it by misusing textures. Actually there is a compute shaders extension, but it is only available in certain drivers configurations in Firefox. Chrome only plans to support WebGPU.
hut0 6y ago
I use transform feedback, which allows vertex shaders to send data back to the application. You could do this with textures as well, as described by pjmlp. I did this in an earlier version (https://github.com/hut/cellmade# https://github.com/hut/cellmade#) but it just felt SO WRONG. I was very happy that I found out about transform feedback to be able to do it more cleanly. https://developer.mozilla.org/en-US/docs/Web/API/WebGLTransformFeedback https://developer.mozilla.org/en-US/docs/Web/API/WebGLTransf... > The WebGLTransformFeedback interface is part of the WebGL 2 API and enables transform feedback, which is the process of capturing primitives generated by vertex processing. It allows to preserve the post-transform rendering state of an object and resubmit this data multiple times.