How does the renderer make the tiles overlap each other?
Posted: 22 Aug 2013, 17:41
Hey peeps.
I'm learning WebGL to create fancy 3D stuff in the browser, with the help of ThreeJS. I'm learning by trying to copy - of course- Warzone.
Working on it since a few days, being a beginner in programming and with only 2D experience. So, it might never actually become a real game, it's just for learning purposes... I just got the height map loading working - it was the very first thing i did... I consider making it parse the map and PIE files of Warzone, that would rock socks. At the moment it looks like this:
Pretty basic. Similar to what Warzone looked like before the new renderer., though without good shadow and other small stuff And now i found out, that Three.JS doesn't seem to provide the possibility of making textures appearing bigger than the faces/geometries they are attached to. Someone told me that i can perfectly make the geometries overlap each other <- I understand that in the sense of that i don't use a single plane with vertices i change the z variable of after loading the height map, but instead use thousands of single planes. However i think this would make collision detection impossible because of edges appearing everywhere as the planes would have to be bigger than needed for the map, so for the textures to appear bigger than the faces. I hope you get what i mean.
What is the technique/trick you use with the renderer of Warzone? I think i read about it when per (i think it was him) announced that he was working on it. WebGL is basically OpenGL 2 ES (Embedded Systems) but i don't use any WebGL/OpenGL code, because of the abstraction of ThreeJS, so OpenGL code wouldn't help - but the general idea of how overlapping textures works.
Any help will be greatly appreciated.
Oh and if someone likes the map, it's my "Ringed" here: viewtopic.php?f=49&t=11028&p=122536#p122289
I'm learning WebGL to create fancy 3D stuff in the browser, with the help of ThreeJS. I'm learning by trying to copy - of course- Warzone.
Working on it since a few days, being a beginner in programming and with only 2D experience. So, it might never actually become a real game, it's just for learning purposes... I just got the height map loading working - it was the very first thing i did... I consider making it parse the map and PIE files of Warzone, that would rock socks. At the moment it looks like this:
Pretty basic. Similar to what Warzone looked like before the new renderer., though without good shadow and other small stuff And now i found out, that Three.JS doesn't seem to provide the possibility of making textures appearing bigger than the faces/geometries they are attached to. Someone told me that i can perfectly make the geometries overlap each other <- I understand that in the sense of that i don't use a single plane with vertices i change the z variable of after loading the height map, but instead use thousands of single planes. However i think this would make collision detection impossible because of edges appearing everywhere as the planes would have to be bigger than needed for the map, so for the textures to appear bigger than the faces. I hope you get what i mean.
What is the technique/trick you use with the renderer of Warzone? I think i read about it when per (i think it was him) announced that he was working on it. WebGL is basically OpenGL 2 ES (Embedded Systems) but i don't use any WebGL/OpenGL code, because of the abstraction of ThreeJS, so OpenGL code wouldn't help - but the general idea of how overlapping textures works.
Any help will be greatly appreciated.
Oh and if someone likes the map, it's my "Ringed" here: viewtopic.php?f=49&t=11028&p=122536#p122289