Tagged Questions
22
votes
12answers
10k views
Isometric game engine in JavaScript/HTML5 [closed]
Is anybody aware of any stable-ish (ie out of alpha) isometric drawing engines for JavaScript/HTML5? I have done some Google searches and found a few, but they were mostly in alpha/invite-only ...
0
votes
0answers
49 views
Collision detection issue on 2D game engine with isometric game graphics [duplicate]
Let me first show you an example of issue so you'll see the problem.
http://i.imgur.com/dTxJIN7.jpg
The player object has red colored collision borders. Since I'm using an 2D engine, his head ...
-1
votes
1answer
52 views
Isometric Error: decrement iteration removes tiles [closed]
I am new to isometric and game programming in general.
Just cannot figure out how to iterate the grid from behind. I want to do it so that the tiles overlap properly.
My grid starts at [0][0] which ...
8
votes
4answers
1k views
Staggered Isometric Map: Calculate map coordinates for point on screen
I know there are already a lot of resources about this, but I haven't found one that matches my coordinate system and I'm having massive trouble adjusting any of those solutions to my needs.
What I ...
-4
votes
1answer
303 views
Smooth scrolling a staggered iso map [closed]
I got a staggered iso map that I want to be able to drag scroll with the mouse. I have it almost working but it is a bit glitchy, especially near the borders. Maybe you have an idea how to fix that.
...
2
votes
2answers
680 views
Javascript Isometric draw optimization
I'm having trouble with isometric tiles drawing.
At the moment I got an array with the tiles i want to draw.
And it all works fine until i increase the size of the array.
Since I draw ALL tiles on ...
1
vote
1answer
424 views
HTML5 Canvas Depth Sorting
I'm have problem with Isometric. I'm don't know how to name this "problem", but I'm show you some sceen what I get and what I'm need to get.
My code now drawing something like: ...
4
votes
2answers
479 views
Optimizing isometric drawing function
I need help optimizing my Draw(); function to draw only what is visible in the viewport. Currently I'm drawing the whole Map array in a diamond shape. How can I make my function store only what is ...
13
votes
8answers
4k views
How should I sort images in an isometric game so that they appear in the correct order?
This seems like a rather simple problem but I am having a lot of difficulty with it.
What should I do to properly sort images in an isometric game?
In a normal 2d top-down game one could use the ...
0
votes
1answer
452 views
Converting coordinate systems to/from an isometric game world
I have tried searching and reading for an answer, but the information I could dig up either didn't fit what I need or was in the form akin to "Just multiply the vectors with the inverse matrix of.." ...
0
votes
1answer
634 views
Staggered Isometric Map In Javascript
I'm trying to create a staggered isometric map in Javascript.
var x, y, row, column, top, left,
width = window.innerWidth, height = window.innerHeight,
tile = {width: 64, height: ...
-3
votes
1answer
673 views
How to make an isometric background?
I'm trying to create an isometric background for a game but I'm not sure how to do it. I'm using Javascript and jQuery. I've already tried it before using CSS3 but I think I'm using the wrong method.
...
1
vote
1answer
218 views
Isometric Optimization in javascript
I'm having some issues with my optimization of my game.
I have a simple tile map looped like this in my case the images are 64 by 64 pixels:
for (i=0; i < 50; i++){ //horizontal
for (j=0; ...
7
votes
2answers
1k views
Is there a simple way to do true isometric projection with an HTML5 canvas?
Is there a simple way to get a true isometric projection with the HTML5 canvas element?
3
votes
3answers
2k views
HTML5 canvas screen to isometric coordinate conversion
I am trying to create an isometric game using HTML5 canvas, but don't know how to convert HTML5 canvas screen coordinates to isometric coordinates.
My code now is:
var mouseX = 0;
var mouseY = 0;
...
