Koen van Gilst 🇺🇦🇪🇺I saw this online somewhere and I just had to recreate it. This is my coding happy place.
You can see it live here: https://pong-wars.koenvangilst.nl/
Source code is just plain html, css and JavaScript, so you can see it in your browser.
Since this is taking off, I have to give credit where it is due. I saw this first on Twitter here:
abananabag@vnglst I like that you started your initial state with each having a tiny protrusion into the other, like two E.T.s 69ing.
Book@abananabag I didn't expect to read this today.
Another pixel of innocence lost, and I'm not sorry.
Kent Brewster@vnglst the more I stare at this the more I think it could turn into a hashing algorithm. Maybe with 16 colors....
❄️Winter❄️@vnglst geaux tigers
Ron Stringer 
@vnglst Is there some way this could become a screen saver? Something moderately simple I could do, I mean, I'm not suggesting more work for you!
Dec [{(
)}]
Carl Schwan 
@vnglst Could you add an open source license to your repository?
I re-implemented your project in C++/OpenGL as a learning experience. I reused your updateSquareAndBounce method and would like to know with which license I can publish my implementation. Anything between MIT and GPL is fine with me :)
@carlschwan will do that, it’s MIT, feel free to do whatever you want with it!
Jeroen Wiert Pluimers@vnglst you can also view it using https://htmlpreview.github.io/?https://raw.githubusercontent.com/vnglst/pong-wars/main/index.html
Joni Korpi@vnglst Can’t believe how exciting this is to stare at :D
Michal Nemecek@vnglst just plain html, css and javascript? no external physics library? Cool! How did you check for ball/wall collision? I'm currently writing Arkanoid in Svelte as my school project and would like some tips
@michaln You should be able to get pretty far with some math. The gist is in this function: https://github.com/vnglst/pong-wars/blob/d23262598cb20f124af9c0e2c80def59abc716af/index.html#L119
Gerbrand van Dieyen
Constantino Tsarouhas 🌻
blallo
@vnglst huh, checking several points around the ball for intersections. It's a lot more reallistic than what I went with 😅
I just check if the line between the current and future position crosses the block boundary (and I made the bricks have a gap). it was somewhat easy to calculate, but the corners will behave unreallistically with my approach 😅
well, I guess it's fine for a high school project, right?
I just check if the line between the current and future position crosses the block boundary (and I made the bricks have a gap). it was somewhat easy to calculate, but the corners will behave unreallistically with my approach 😅
well, I guess it's fine for a high school project, right?
Albert CardonaTwo player Arkanoid! Brilliant.
Uckermark MacGyver 
@vnglst this is awesome 🤩
consumableJoy@vnglst Now I am just laying here watching and seeing how much day and night can get.
Tor Lillqvist@vnglst Is there any stop condition, or does the war go on forever?
@vnglst I guess it never stops, right? One should be aware of that before starting to watch…
That said, it is really fascinating to watch. Especially after a while, when one player gets “trapped” in a small area. But as the area is small, it does not take long before it has enlarged it again, and joined with nearby exclaves. Etc.
das_menschy@tml @vnglst at some point, it will go into a loop, at least for me (cannot upload video to mastodon, but here it is: https://github.com/vnglst/pong-wars/assets/86577857/433db503-9c39-4765-897c-82fdde8943da )
anorax
@das_menschy
Wow!
It's like an ending.
Hugh
Le Néandertal se sent las, las
Binh ATL@HydrePrever @tml @vnglst Fascinating indeed. I think you have to consider the transitions that depend on the position and direction of each ball too, and that sounds like many more possible combinations.
@HydrePrever @tml I did add little randomness to avoid that
@vnglst For me it has twice (out of maybe four runs over 10 minutes) gone into a state where one ball just moves almost perfectly vertically or horizontally, and the other one more diagonally, too. I wonder how stable such a state is.
Manon@vnglst Can‘t really tell whether you saved or ruined my Sunday. It’s so amazing and satisfying I‘ll spend the rest of the day watching.
Harald@vnglst
More Breakout than Pong, right?
More Breakout than Pong, right?
@vnglst
I like this so much.
*watch it and waiting for an end that doesn't exist
(((Klefstadmyr)))@vnglst "How did you spend your weekend?
I watched two dots making war at each other in a square".
I watched two dots making war at each other in a square".
Marcel Gitlab 💛🤍💜🖤@vnglst I could watch this for HOURS. Thank you.
unsponsor
depresivni@vnglst seems like dark side is winning.
recursive 🏳️🌈@vnglst Nice. I spent 10 minutes considering whether the seemingly nondeterministic behavior was due to javascript implementation rounding errors and canvas size before realizing it calls Math.random()
TobiWanKenobiWhat's the victory condition? Cause I don't see how one side will ever win?
@TobiWanKenobi It’s the eternal battle between day and night, good and bad
Grandpa Don
RealGene ☣️@vnglst @TobiWanKenobi
Yin & Yang.
Just have to make the arena a circle.
Unreed EN@vnglst @TobiWanKenobi Worst thing ever I’ve just wasted 10 minutes of my life and I’m planning to waste another half an hour. But I like the idea of winning. What if area gets separated from the main area without the ball in it it will turn into the opposite color? And gaining more than 90% would mean winner?
Man this is so frustrating have to run it again.
Terence Eden@vnglst that is epic!
Kevin Freitas@vnglst Whoa. I love this.
Old Hippie Ⓥ Resistance!@vnglst Very nice!
Thomas Sturm@vnglst @vicgrinberg What a great idea! Might have to try and make my own version… 😁
Johannes@vnglst Mesmerizing! 😍
jz.tuskSimple, brilliant idea!
Fred@vnglst This is an amazingly cool idea. How could I never have heard/thought about it? It’ll make a great demo for old computers!
Zekovski 🧣
Andy Baio@vnglst this is great, guessing this was the inspiration https://x.com/nicolasdnl/status/1749715070928433161
James Young@andybaio @vnglst heh, the first thing that came to mind for me was https://mathgames.falj.net/2021/06/12/pong-bw/ , which I saw from @waxy