HTML 5 refers to new web technologies such as high performance JavaScript engines, canvas 2D and WebGL, video and audio tags.
3
votes
0answers
219 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.
...
2
votes
4answers
471 views
Javascript Audio solution
still has issues. Flash works but... requires flash (an issue for iOS). What do you use in Javascript for audio?
2
votes
2answers
311 views
How to draw objects that have a smaller Y axis first?
In my game there is a large 2D map of various objects. Example. As you see, upon creation objects of the same type (trees for example) are placed correctly, but objects of another type (enemies) are ...
2
votes
4answers
1k views
Cross platform development tool/platform for the modern indie game developer?
I'm a Flash developer, but I think it's time to think of other avenues. Ideally I want to be able to write once but be able to deploy to as many different platforms as possible, so iOS AND ...
2
votes
3answers
162 views
Do larger sprite sheets improve performance in html 5 games?
I know when I did some game development with XNA they recommended that we try to group are sprites into fewer sheets because the graphic card could process it faster. Does this also apply to web based ...
2
votes
3answers
160 views
Instantiate objects that share same variable
I'm just wondering how to instantiate the same objects that all share the same variables, except their positions.
I'm basically working on the scene of my HTML5 game, and I've build a streetlamp post ...
2
votes
4answers
705 views
free web library for leaderboards / achievements
I would like to know if there is any free leaderboard libraries for web games developed in HTML5/JS (as openfeint is for iPhone, Android)
I found this http://www.appmobi.com/, but it seems the ...
2
votes
1answer
477 views
Converting Doom maps to JSON
This is a really cool demo of a Canvas Doom Engine made back in 2006:
http://canvex.lazyilluminati.com/84/play.xhtml
Here is the e1m1 map in JSON format:
http://canvex.lazyilluminati.com/84/map1.js
...
2
votes
1answer
118 views
mat3x4 in webGL shaders
I am porting the IQM bone animation format to Javascript and have run into a problem...
The vertex shader is failing to compile and the only error message I get out is 'mat3x4' : syntax error on the ...
2
votes
2answers
253 views
For timed levels, how do you determine time steps that are less than 1/(frames per second)?
I have made a simple HTML5 racing game. The laps are timed. I am running the game are 40 frames per second, each frame represents 40 milliseconds. There for my timer will increase in 0.025 ...
2
votes
1answer
692 views
Lightwight cross browser library for server side push?
I am looking for a lightweight javascript library that allows the server to push update information to the client reliably and regularly. We use a fixed turn time of 300ms and often there are only ...
2
votes
1answer
111 views
Optimising out tiles outside of viewport
I am playing around with the HTML5 canvas and have begun implementing a tile engine.
However, it's currently very inefficient: I have a 100x100 2D array and my code loops through the whole thing ...
2
votes
2answers
201 views
Receiving keyboard events on a canvas in Javascript
I need to receive keyboard events in a canvas element. Click events are received but key presses aren't.
Here is my code which doesn't handle key events:
var canvasElm = $('canvas');
...
2
votes
1answer
214 views
Customize Colors for Sprites in Web Game
So I'm working on an html5/javascript/css3-based game. Without going into too much detail, I'm thinking of having the characters be simple 8 or 16-bit style sprites, but I'd like to allow the user to ...
2
votes
1answer
2k views
Game 30% done on HTML5. Maybe it was a bad idea. Should I change to Unity3d?
I'm creating a 3d game on HTML5. It's 30% complete and the hard part is already coded. The server is on node.js.Now I'm realizing that maybe it was not a wise choice. This is because I realized:
...
2
votes
2answers
189 views
Stop a rotating object at a specified angle?
I'm working in JavaScript with HTML5 and the canvas. I have an object which is rotating at a certain speed, and I need the object's rotation to slow down gradually and the front of the object to stop ...
2
votes
2answers
299 views
Help w/ iPad 1 performance for tile-based DOM Javascript game
I've made a 2D tile-based game with DOM/Javascript. For each level, the map data is loaded and parsed, then lots of tiles ( elements) are drawn onto a larger "map" element. The map is inside of a ...
2
votes
2answers
799 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 ...
2
votes
3answers
558 views
Is there a HTML/JS game engine/library that deals with things (HUD, menus, accounts, etc) other than the core gameplay?
I've been looking through the many HTML/Javascript game engines/libraries out there (many of which are found here https://github.com/bebraw/jswiki/wiki/Game-Engines). Most of them seem fairly ...
2
votes
4answers
1k views
Serverside libs/examples for html5 WebSocket in .net?
Hey guys, I wanted to know what libraries or examples exist for WebSockets in .NET
2
votes
1answer
193 views
Is there a way to use scala with html5?
I want to create a very simple 2d multiplayer browsergame in html5. Something like Scalatron
I mainly want to do this to improve my scala skills, the problem is I would have to code the clientside ...
2
votes
2answers
537 views
Architecture for html5 multiplayer game?
Hello I want to write a HTML5 multiplayer game in which there are rooms with two players answering a series of questions with 3 possible answers, 10sec/question, which are being downloaded from a ...
2
votes
1answer
656 views
Shoot a bullet towards cursor - top down 2d
I am making a 2D topdown shooter game, in which the player's movement is controlled with WASD and gun with the mouse. I'm having a hard time figuring out how to update the position of the bullet as it ...
2
votes
1answer
874 views
SDL (or OpenGL), HTML5, Gecko and vector movies
I'm writing a platform game which uses SDL for the main graphics code. There is a chance that I may be using OpenGL for the rendering at a later stage, so answers could relate to either.
I'm needing ...
2
votes
1answer
116 views
JavaScript - 2D Top-down Tile Collision Detection
I am developing a small Top-down Game (Much like the old Zelda Games) and I'm having an issue in terms of Collision detection (The actual theory itself rather than assigning Tiles as solid, etc.)
I ...
2
votes
1answer
222 views
Detect mouse click on a bezier curve's neighborhood
I'm developing a game in HTML5 and JavaScript using Canvas API for drawing graphics. I want to detect if the user has clicked on a bezier curve which has the line width of 20 pixels (something like ...
2
votes
1answer
294 views
HTML5 Canvas fillStyle as numbers not text
When drawing vector graphics in the canvas you set the fillStyle using an rgba string like this...
context.fillStyle = "rgba(255, 223, 191, 1)";
Is it possible to feed in a javascript object ...
2
votes
2answers
682 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 ...
2
votes
4answers
650 views
Best platform for puzzle game development on the iPad
I have a series of hidden object and puzzle games mapped out that I want to develop for the iPad and although I have written programs before, it's been a while. I've been trying to find the best ...
2
votes
2answers
905 views
Javascript/html5 2d Canvas Context - Getting X, Y relative to canvas (opposed to transformed object)
I have scenario where there are several items on a the context stack and I need to get an x, y coordinate relative to the canvas itself.
The situation is I am writing a 2D game in HTML5 and I want ...
2
votes
1answer
252 views
What client front-end options can I use to make a Facebook game?
I have been requested to make a port of an iOS game for Facebook.
The game itself is fairly simple, it is a puzzle game using a 2d array for a grid with XML passed from a server for loading objects ...
2
votes
1answer
274 views
How do I show the current view from the viewport on my map?
I'm doing HTML5 Canvas development and currently have a large viewport (on the left) and a map (on the right). Like this:
I need to show on the map what is currently being viewed in the left. And ...
2
votes
2answers
761 views
How do I employ an arcball to allow the user to look around the screen?
How do I apply an arcball (using quaternions) along with mouse events, to allow the user to look around the screen using the o3d WebGL framework?
This sample uses the arcball for rotating the ...
2
votes
0answers
447 views
HTML5/JS - Choppy Game Loop
I have been experimenting with HTML5/JS, trying to create a simple game when I hit a wall. My choice of game loop is too choppy to be actually of any use in a game.
I'm trying for a fixed time step ...
2
votes
0answers
79 views
Converting obj data to CSS3D
I found a ton of formulae and what not, but 3D isn't my forte so I'm at a loss of what specifically to use. My goal is to convert the data in an 3D .obj file (vertices, normals, faces) to CSS3D ...
2
votes
1answer
351 views
Making a Photo Hunt Game using Javascript and HTML5 [closed]
I am looking for a way to make a photo hunt game using HTML5 and Javascript. Where should I start after the images. And How would I make clickable areas on the image, using javascript?
If you know of ...
2
votes
1answer
120 views
Repeat a part of spritesheet as background
So I'm trying to repeat a part of my spritesheet as a background (js, canvas).
My code so far:
var canvas = $("#board")[0],
ctx = canvas.getContext("2d"),
sprite = new Image();
...
2
votes
0answers
303 views
What is wrong with my game loop/mechanic? [closed]
I'm currently working on a 2d sidescrolling game prototype in HTML5 canvas.
My implementations so far include a sprite, vector, loop and ticker class/object.
Which can be viewed here: ...
2
votes
0answers
224 views
Independent HTML5 Physics Game: Any Feedback? [closed]
I've been independently developing a physics-based HTML5 game. I haven't used any libraries or engines; all the code, including the physics, is my own. It is free for a while on the Chrome Web Store ...
1
vote
3answers
317 views
Issues with shooting in a HTML5 platformer game
I'm coding a 2D sidescroller using only JavaScript and HTML5 canvas, and in my game I have two problems with shooting:
1) Player shoots continous stream of bullets. I want that player can shoot only ...
1
vote
3answers
957 views
How do I structure a 2D platform level?
I'm doing a 2D platformer but I don't know how they are usually built.
The approach I'm looking at is making it tilebased, with ground tiles on bottom row, then platforms on some places in "mid-air" ...
1
vote
2answers
411 views
How to make an infinite map
I was wondering if someone could explain to me how to implement a seemingly dynamic infinite map like the one at http://wordsquared.com/
My main issue is really generating new tiles in any direction ...
1
vote
3answers
810 views
Where to start, to develop an online Backgammon game?
I would like to develop a backgammon game to play against other players online, as a way of learning more Javascript/jQuery and a little game development. I'm a web developer and most of my experience ...
1
vote
3answers
566 views
Need Guidance Making HTML5 Canvas Game Engine
So I have some free time this winter break and want to build a simple 2d HTML5 canvas game engine. Mostly a physics engine that will dictate the way objects move and interact(collisions, etc). I made ...
1
vote
3answers
134 views
Protecting the integrity of a game state while minimizing amount of data sent
I'm developing a multiplayer game in PHP/jQuery, and naturally have to be wary of any sort of data coming from the client.
At present, I have tables of data representing the map (2D roguelike), ...
1
vote
3answers
619 views
What Javascript game engines are out there, other than Impact? [closed]
Does anybody know of a decent (meaning preferably free ;)) alternative to Impact? Any suggestions are very much appreciated!
1
vote
2answers
178 views
PHP and Javascript/HTML5 Collaboration [closed]
I've recently been working on a fairly complicated game. I've stored information with local storage, but that allows the player to edit it, and does not transfer from computer to computer. The two ...
1
vote
2answers
514 views
Efficient collision detection - tile based HTML5/Javascript game
I'm building a basic RPG game and I'm looking at collisions/pickups etc now.
It's tile based and I'm using HTML5 and Javascript.
I use a 2D array to create my tilemap.
I'm currently using a switch ...
1
vote
4answers
2k views
Dividing up spritesheet in Javascript
I would like to implement an object for my spritesheets in Javascript.
I'm very new to this language and game-developement so I dont really know how to do it.
My guess is I set spritesize to 16, use ...
1
vote
1answer
539 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 = ...
