Great work!
Yes, it's less realistic, but it is so pleasant to work with. Everything you build aligns perfectly and if you want, you can neatly fill the entire map.
In comparison, (even with many mods) my Cities Skylines or Planet Coaster creations never look quite right. Building the roads and paths is always awkward and frustrating.
(I've commented this before.)
We made it especially hard on ourselves by having 3D characters interact with the 2D tiles:
https://www.youtube.com/watch?v=9UOYps_3eM0
I absolutely adore the look of isometric, though.
So the JS is only being used, essentially, as a nice UI for configuring your terrain and the camera angle from which it's viewed.
This is still an incredible feat.
We need PEMDAS for English.
Why do you think the renderer is pure css and not e.g. mostly css?
Build something then hit the Download Code button - that packaged HTML solution doesn't require any javascript to render locally.
Very cool
For anyone who hasn't heard of it before: https://en.wikipedia.org/wiki/Populous_(video_game)
edit: couldn't wait. did the search. it's very much available to play online. hello rabbit hole...
It would be a hit, I’m telling you. Even from 1995.
Some people are still playing it 30 years later, obsessively.
And myth ii by Bungie is a classic too
Also Microsoft claims this after buying Blizzard:
Through great teams and great technology, Microsoft and Activision Blizzard will empower players to enjoy the most-immersive franchises, like “Halo” and “Warcraft,” virtually anywhere they want.
https://news.microsoft.com/source/2022/01/18/microsoft-to-ac...
https://kagi.com/proxy/sim-city-2000.png?c=zBh1SYcmKrHnLf7qc...
https://kagi.com/proxy/00001307.jpg?c=vxNARhwMwSpmnHAfYQrnRr...
In Safari I'm seeing 91% CPU time on paint, 6% on layout, 2% on styles. It looks like it's taking somewhere between 100-200ms on my machine to chunk through a state change each time.
> Is there a way to know if the browser is using the GPU or CPU for rendering, and is there are way to see the milliseconds per frame?
For Safari, you would go to the Web Inspector and navigate to the Timelines tab. Chrome has a similar thing.
https://i.imgur.com/qT6ozyh.png
Firefox 144.0.2, Windows
Looks really cool and runs great on my phone.
Seems like there's some kind of rendering bug in the corners sometimes causing the walls to intersect the grass
It actually comes at a really good time for me, I'm currently trying to make the transition from 2d game dev to 3d and things like this are really helpful.
2. does it sometimes raise / lower by 2 units?
3. the "flatten" tool is missing.