Polygon Isometric tile map with raised terrain

Previous Image | Next Image
Description: I got a subscription for GPT4 recently. I was asking for some variations on a isometric tile map and one moment I realized how I could do those tile maps seen in populous or powermonger. Using html and javascript.

By starting with a connected wireframe isometric tile map, and then raising one point. (All points are put in a array for ease.) then when drawing the map the tiles automatically reconfigure and turn into those tiles that add height and depth. I use the Javascript fill() shapes to draw the tiles.
I added some shading and texture and editing later on. Still early and needs tweaking.

See my github for the Javascript files : https://github.com/Pakz001/html5examples/tree/master/Games/populous

Edit : I might try to convert it to a 'virus'(amiga game) style map. This by adding scrolling and by adding a heightmap. Having it as a wireframe seems to open up a new way of looking at it.
Rotation is something still under investigation.
Picture Stats:
Views: 161
Filesize: 1.19MB
Height: 1489 Width: 2388
Keywords: Isometric, tile map, shading, populous, javascript, github 
Posted by: Pakz at February 22, 2024, 11:11:11

Image Linking Codes
BB Code
Direct Link
Show Html Link Code
0 Members and 1 Guest are viewing this picture.

Comments (1)

William
Posts:225
February 23, 2024, 20:38:45
i can already see providence in this for game dev i would enjoy having some sort of terrain system like this in my game maybe.


Powered by: SMF Gallery