Show HN: A CSS-Only Terrain Generator(terra.layoutit.com) |
Show HN: A CSS-Only Terrain Generator(terra.layoutit.com) |
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.
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.
https://kagi.com/proxy/sim-city-2000.png?c=zBh1SYcmKrHnLf7qc...
https://kagi.com/proxy/00001307.jpg?c=vxNARhwMwSpmnHAfYQrnRr...
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
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 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.
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.
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://i.imgur.com/qT6ozyh.png
Firefox 144.0.2, Windows
2. does it sometimes raise / lower by 2 units?
3. the "flatten" tool is missing.
Edit: someone else wrote basically the same an hour ago: https://news.ycombinator.com/item?id=45814791
As opposed to a “css-only (terrain generator)” - a terrain creation studio built with css only.
actual meaning -> ((CSS-Only Terrain) Generator)
incorrect interpretation -> (CSS-Only (Terrain Generator))
actual meaning -> CSS-Only Terrain + Generator +
incorrect interpretation -> CSS-Only + Terrain Generator +
Really we may need BNF here
