Quantcast
Channel: 2D Latest Topics
Viewing all articles
Browse latest Browse all 623

Isometric Rendering Engine

$
0
0

Hey Guys,

 

I'm currently coding a new map editor. Most people use Tiled but I prefer to roll my own because it allows me to customize, realize my own ideas and I always learn new things down the road. This will still take me some time but most of the rendering engine is already written.

 

I'm posting this topic, because I'm quite excited about the Isometric Rendering Engine which I wrote in the past 8 hours. Or maybe it is just because I didn't sleep at all.

 

So I have created a test map of 4096x4096 tiles, each tile being 64x32 pixel in size and ran it on fullscreen on my crap laptop.

And I surprisingly get 60 fps.

tbeauty.png

 

This is written in webgl and I'm sure it will be quite easy to port this to PIXI and Phaser too.

I also have a canvas based renderer, which is slightly slower.

 

It was quite a pain to figure out the correct math for my shaders but it seems to work fine so far.

 

It would be really awesome if you guys could test out the map on the following link and maybe report back your fps, so I can be sure that this works on more than only my own laptop.

 

http://mokgames.com/playground/isogl.html (might take some seconds to load because it's creating a huge tilemap during load)

Things I want to add next:

 

* Animated Tiles

* Layering


Viewing all articles
Browse latest Browse all 623

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>