Jump to content

Isometric Demo in Tululoo


Boogle
 Share

Recommended Posts

Project: Put together an isometric example in Tululoo (HTML5/Canvas).

 

This is a playable game - but without any polish - e.g alerts() for intro+Credits, and Win/Loss message.

 

I provide all source here:

 


 

 

 

I do plan on using this to put together a proper game (in fact a series of short games).

 

You can play it here: http://itmatters.mobi/demo/iso/

 

I really need to introduce a Texture Atlas to load the images (the one major thing missing from Tululoo that I can't easily fix by creating an extension) as this would dramatically increase the load times. (since it is currently loading 300+ tiny sprite images from the server. i.e 300+ server requests. :(

 

But I am not going to do that as a part of the isometric demo (might be one of the things I work on soon though).

post-13629-0-67555100-1426688237.png

Link to comment
Share on other sites

I looked into both texture atlas and sprite sheet loading. The latter was FAR easier to implement - so that is what I did.

 

Here is the example again - but this time instead of 300+ images, it only needs to load 5. (I could reduce this further by combining some of the same dimension sprite sets etc. But it is the concept that I wanted to get working for this demo and it works well.

 

http://itmatters.mobi/demo/iso_ss/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...