Coding Crusader's

Interpreter Design Pattern for Babylon

Syntax example

  • create box at 1,2,3 id 4711
  • move box 4711 to 2,3,5
  • delete box 4711

demo

1 Like

Prompt: Convert this chain animation to babylon.js

  • claude.ai failed
  • chatGPT failed
  • credits goes to perplexity.ai

demo

4 Likes

thinking roboter

2 Likes

Another programming challenge

My simple approach would be to determine the distance from each pixel to each line and if the distance is less than a delta, draw a light line.

Draws the lines if they intersects with one of the given circles.

Code made with the help of AIs in WebGPU
main.zip (2.3 KB)

kick start from this thread

2 Likes

Another rainy boring sunday. Time for something new: We dive into the 4th dimension w.
This demo transforms a 3D cube into a future version of itself with randomly altered w positions.

demo

Next coding challenge:

Links from the Video

4D Toys:
Game - Welcome to Steam
Channel - / @mtbdesignworks

4D Miner:
Game - Welcome to Steam
Channel - / @mashpoe
Patreon - / mashpoe

ALIEN:
Simulation - https://alien-project.org/
Channel - / @alien-project

5D Chess
Game - Welcome to Steam

Miegakure:
Website - https://miegakure.com/

4D Particle Life:
Game - https://tucan444.itch.io/particle-lif
Creator - https://tucan444.itch.io/

Petri:
Game - PETRI by Sintel
Creator - / sin_tel

1D Game:
Game - https://mashpoe.github.io/1D-Game/
Channel - / @mashpoe

Tetraspace:
Game - Brane by rantonels

Perspective:
Game - Welcome to Steam

Other Featured Media:
Everything, Everywhere, All at Once
Arrival
Interstellar, 2001: A Space Odyssey
Antichamber
Fragments of Euclid
Viewfinder
Fez

I think I have found a very simple way to utilise the power of the GPU with gpu.js. The language I use is still Javascript!

I have a Boid animation here. The calculations of the three basic rules are only implemented for one point. So I only have one loop and it’s so fast that I don’t need any optimisation work for 10000 points.

Now I just need to figure out how to get the WebGL context from Babylon.js and how to project the canvas onto a material to embed the result into the scene.

boid.zip (2.6 KB)

1 Like

Life Simulator

Define the colors and there interactionFactors:

life.zip (2.0 KB)

I’ve gotten a taste of blood! :smile:

If the distance between the points is within a certain range, a line is drawn.

boidsLined.zip (3.0 KB)

Theme tune for this: https://www.youtube.com/watch?v=U5t2kDqvoYY

I’m imagining that box being replaced for this:

Then it gets all Guitar Hero!

1 Like

simple gaussian splatts shader

demo

1 Like

If you zoom in, it gets mesmerizing :heart_eyes:

2025 - May the force be with you!

Technical details:
The magical effect of the Jedi sword can only be visualized in a flowing force field.

swarm

2 Likes

Snowman 2025

3 Likes

Diffusion Reaktion Algorithm - optimized by Gemini for babylon.js


Demo

1 Like

You have three 2D Views (front, left and top). Now we merge this 2D views to a 3D volumetric body:

Demo

2 Likes

Nightlife in a big city in the winter

Demo

3 Likes

Brauninan Motion for realistic clouds, terrains, oceans…

Demo

9 Likes

The Fog

Demo

5 Likes