The canvas tag has no wiki summary.
0
votes
0answers
29 views
HTML5 Canvas Converting between cartesian and isometric coordinates
I'm having issues wrapping my head around the Cartesian to Isometric coordinate conversion in HTML5 canvas. As I understand it, the process is two fold:
(1) Scale down the y-axis by 0.5, i.e. ...
0
votes
1answer
100 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
82 views
How to display a tile map from a 2D array in JavaScript?
I have stored my map, but the problem I am having is displaying it. My map is 100x100 tiles which are 40x40px.
I have my loop running through the array but I'm having difficulty selecting the portion ...
2
votes
1answer
57 views
Is it possible to convert file from Blender 3d to svg?
I want to build web game in html5 with canvas/svg.
Can I convert/export file from blender to canvas/svg?
Maybe via unity3d?
2
votes
1answer
190 views
Canvas tile grid, hover effects, single tilesheet, etc
I'm currently in the process of building both the client and server side of an HTML5, canvas, and WebSocket game.
This is what I have thus far for the client: http://jsfiddle.net/dDmTf/20/
Current ...
1
vote
2answers
150 views
Matrix rotation of a rectangle to “face” a given point in 2d
Suppose you have a rectangle centered at point (0, 0) and now I want to rotate it such that it is facing the point (100, 100), how would I do this purely with matrix math?
To give some more specifics ...
1
vote
2answers
100 views
Creating several instances of the same object, and selecting only one
I'm playing around with making a puzzle game, haven't done that much before I run into my first problem. I want to create a certain amount of the same object/function. But without hardcoding the ...
9
votes
2answers
253 views
Dirty 2D map rendering
I keep hearing people talk about "dirty rendering" when it comes to map rendering for HTML5. I've Googled and searched the GameDev about it but there isn't much about it.
What exactly is it?
How to ...
3
votes
0answers
133 views
Choosing a (browser) game environment [closed]
I apologise in advance if this post is something you've heard a million times already or seems like a trolling attempt. I just want some advice and I'm coming up short with my own Google searches.
...
3
votes
4answers
247 views
Making a startscreen for an HTML5 game?
How would I make a start screen for a game using HTML5 canvas?
I'm not looking for something advanced, just the new game button and highscore link etc. The question might be stupid, but I've never ...
2
votes
2answers
210 views
HTML5 clicking objects in canvas
I have a function in my JS that gets the user's mouse click on the canvas.
Now lets say I have a random shape on my canvas (really its a PNG image which is rectangular) but i don't want to include ...
16
votes
2answers
625 views
My game is just about finished! What do I do now?
I have an HTML5/canvas game just about finished and ready to launch. It's a 2d game in which you explore and disrupt a procedurally-generated landscape, crafting items and structures to survive. I ...
1
vote
2answers
343 views
Drawing isometric map in canvas / javascript
I have a problem with my map design for my tiles.
I set player position which is meant to be the middle tile that the canvas is looking at.
How ever the calculation to put them in x:y pixel location ...
1
vote
1answer
194 views
How to draw a tileset using HTML5 canvas?
I have a tileset something like this:
0, 1, 2, 3, 4, 5,
6, 7, 8, 9, 10, 11,
12, 13, 14, 15, 16,
17, 18, 19, 20
My tileset draw code looks like this:
var image = new Image();
image.src = ...
1
vote
1answer
95 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; ...
