Home

Welcome to the WebglMeridianTesting wiki!

At the moment this is just a test project to load a Roo File from Meridian 59 and render it in Webgl Using Three.js.

It uses a basic Three.js "Fly Around" movement library currently, (Simply move the mouse around the screen and the view will rotate in that direction), Left click to move forwards, right click to move back (If you cant find the room, look directly down and right click to zoom out till you see it).

To Run this test, You will need a local web server, the code will error trying to load resources from the local file system. (I have used IIS myself, although you have to add the .roo extension with a MIME type of application/octet-stream Although this is in the web.config file).

In IE, it runs fine, although it ends up using the software rendering which is very slow. In Chrome it runs pretty well using hardware acceleration. Firefox / Safari is untested at this stage.

Currently there are several key issues with the code, and these are described below.

• The UV mapping is not correct in the V portion of the walls.

• both the U and V portion of the floors / Ceilings have issues (Flat floors / ceilings seem to be ok other than the texture offsets are incorrect, and the sloped floors / ceilings have texture stretching / distortion).

• Transparent textures dont always render in the correct order, this seems to be an issue with Webgl / Three.js. The solution may be to calculate the correct order in the rendering loop and re-set the Depth settings correctly for the transparent textures according to some Stack Overflow posts, although i have not explored this as such.

• There are instances where the Upper / Lower walls may not be correct (The Island blacksmith for example).