HTML 5 refers to new web technologies such as high performance JavaScript engines, canvas 2D and WebGL, video and audio tags.
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
553 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
199 views
How can I center a circle around a point on an HTML canvas?
I've got a job to make an engine and light game for canvas in HTML5. I like the things I make to be centered on the x,y positions I give it, I don't know why, it just helps me think about them ...
1
vote
4answers
1k views
How can I use WebGL to create a tile-based multi-layer scrolling platform game?
I've found WebGL (based on OpenGL) to be a fiendish and unforgiving framework for those learning to write HTML5-based games. Despite the presence of many examples on how to get started, I'm really ...
1
vote
1answer
501 views
Easy way to do gravity in a simple game?
I'm looking for an easy, beginner friendly way to do gravity in a platformer.
I've looked into Box2D tutorials, but they all seem very complicated.
All I want is a class that takes into account if my ...
1
vote
1answer
438 views
How do I deploy my JavaScript/HTML 5 to desktop and smartphone?
I'm looking for framework that will let me code on JS for HTML5 canvas and then will let me deploy to desktop and Android. I'm not looking to learn new stuff like Haxe or Lua. I want to do it in plain ...
1
vote
2answers
461 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 ...
1
vote
1answer
134 views
How can I clear explosions in my function?
Hi I have a function to place bombs, and a for loop that places explosions on the tiles where possible.
My problem is that I can't remove the explosions after a while. I've tried everything I can ...
1
vote
2answers
585 views
HTML5 collision with images
Can anyone please help me out with a small test game I'm creating. I'm basically creating this game to learn a few things about HTML5 and so far it's all been good. I've been able to create a canvas ...
1
vote
1answer
122 views
How can I place my Enchant.js game into a DIV in a fully-designed web site?
Following the Enchant.js tutorial I cannot find a way to define the place the game is rendered in the page. It either takes the maximum possible area or limits itself to the given size (using ...
1
vote
1answer
112 views
Canvas isometric translations to integer coordinates
I'm creating a canvas based game with an isometric playing board. I use the following transformations to get my square tiles to render on the screen:
'applyViewportTransformation' : function() {
...
1
vote
2answers
121 views
Including sprite file for mobile games
I'm making a simple online RPG for Android & IOS using HTML5 & Phonegap and was wondering: should I include sprite file with the game for downloads (because of bandwidth)? What should I do ...
1
vote
1answer
360 views
Is Javascript ready for game development?
I'm hearing about the new HTML 5 features which allow graphics to be rendered, audio to be played, etc. My question is, does that mean Javascript is ready for a graphics intensive game, or is the ...
1
vote
2answers
443 views
Multiple setInterval in a HTML5 Canvas game
I'm trying to achieve multiple animations in a game that I am creating using Canvas (it is a simple ping-pong game). This is my first game and I am new to canvas but have created a few experiments ...
1
vote
1answer
198 views
How to perform efficient 2D picking in HTML5?
I'm currently using an R-Tree for both picking and collision testing. Each entity on screen has a bounding box for collisions and a separate one for picking. Since entities may change position very ...
1
vote
2answers
264 views
Frustum Culling/Only rendering what's viewed by the Camera in HTML5 Canvas?
I coded up a simple 2D Camera for my HTML5 Canvas-Based Game Engine but I noticed the performance wasn't very good. So a lot of people suggested only rendering things that are shown by the camera but ...
1
vote
2answers
1k views
Resource loader for an HTML5 and Javascript game
I have made a type to shoot game using HTML5, Javascript and Ruby on Rails.
Here is the link for the game Tweetraitor
I wanted to make a loader for resources (sounds, images) when the game starts. ...
1
vote
1answer
129 views
HTML5 mobile game storing data
I am developing an mobile application (in HTML5) that will run on multiple platforms and will eventually have both single and multiplayer options. The current issue I have is the best method for ...
1
vote
2answers
302 views
I would like to build a 2D multiplayer game. Do I need a game engine or not?
I plan to build a very basic 2D game in html5: it's purely a map divided in 2D equal square tiles. A player can click on a tile to see the message "behind" a tile. Once open, other players can't open ...
1
vote
1answer
216 views
Architectural advice - websockets javascript/php integration
Myself and a friend have started making a game, he's likely to be using impact.js for the user interaction etc, but we need multiplayer functionality so some form of websockets for TCP connections ...
1
vote
1answer
114 views
Looking for a library to create a grid based first person game online
Before I go and build it myself, I have been looking for a library that may help making a grid based first person view similar to:
https://www.youtube.com/watch?v=GwmZoCFd4Us
I plan to make a web ...
1
vote
1answer
444 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: ...
1
vote
1answer
901 views
Crafty.js multiplayer platform game, keeping players in sync
I'm using crafty.js to create a very simple platform game. It doesn't need to stop cheating, it's actually just seeing other players move around, and it doesn't need to have collision detection ...
1
vote
1answer
380 views
How do I go from a simple html5 tic tac toe game to an online 2 player game?
I've been working on an online 2 player Tic Tac Toe solution for blackberries. both old and new. And so far I have html5 code that has a 3 x 3 layout that switches between x and o for the game ...
1
vote
1answer
313 views
A* Start path finding in HTML5 Canvas
I'm trying implement A* Start path finding in my games(which are written with JavaScript, HTML5 Canvas). Library for A* Start found this - ...
1
vote
1answer
143 views
Manually updating HTML5 local storage?
I'm just starting out HTML5 game developement (and game dev in general) and watching all the videos and tutorials available something has crossed my mind.
Everyone keep saying I should set the ...
1
vote
2answers
725 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?
1
vote
1answer
279 views
Collision within a poly
For an html5 engine I'm making, for speed I'm using a path poly. I'm having trouble trying to find ways to get collision with the walls of the poly. To make it simple I just have a vector for the ...
1
vote
2answers
264 views
What's the best way to generate an NPC's face using web technologies?
I'm in the process of creating a web app. I have many randomly-generated non-player characters in a database. I can pull a lot of information about them - their height, weight, down to eye color, hair ...
1
vote
1answer
86 views
animating roulette ball
I'm trying to achieve something like netent's roulette (which is a great product in my opinion). It's going to be implemented in html5.
I wonder which path should I take to have such a great ...
1
vote
0answers
56 views
Paylines and Pay dots in Slot Game
I'm working on a HTML5 slot game and completely stuck on the pay lines and the dots that produce the lines from 1 end to the other.
Can someone tell me what's the logic behind generating random ...
1
vote
0answers
226 views
Open Source HTML/JS game(s) with license that would allow embedding in my app?
I'm working on an educational app for kids. At the end of the sign-up process, the kids must wait for a confirmation from their parents in order to gain access to the app.
While they wait for this to ...
1
vote
1answer
157 views
Calculate travel time on road map with semaphores
I have a road map with intersections. At intersections there are semaphores. For each semaphore I generate a red light time and green light time which are represented with syntax [R:T1, G:T2], for ...
1
vote
0answers
488 views
How to turn a 3d camera (in HTML5 2D Canvas)
A few years back I started experimenting with 3d in canvas. Everything went pretty well untill I had to to turn the camera, I couldn't get it done.
A few days back I just happened to stumble upon ...
1
vote
0answers
434 views
should i use unity for ios and android ,or use flash cs6 for ios and android with their new html5 and javascript? [closed]
So Flash support is coming to unity, but there is a lot of things to keep in mind.
1.Adobe it self realize that Flash is dead ,so if any one saw Adobe Flash cs6 preview sneak peak, you can see now ...
1
vote
0answers
331 views
Good practices when optimizing HTML5/Javascript Game Developement [closed]
I'm just starting out as a game developer and have created a few crappy but playable clones of classic games like pong, and bomberman.
Being self taught (bless the internet) I do this by just stuffing ...
1
vote
0answers
576 views
Tools to help with HTML5 card-slot games
I am interested in creating card/slots games in HTML5.
First of all, a game engine is obvious that should be used, but do you have any suggestions on this? Need 2D view with 3D effects, meaning a ...
0
votes
3answers
674 views
2D maps, how to structure?
I'm new to this. And I don't really understand 2D tile maps.
The tutorials I've read use arrays, but doesn't this get really difficult to manage when they get big?
And what if I want different ...
0
votes
2answers
459 views
Essential 2D engine features
I have decided to make a simple engine for a new game I'm working on, and now, I'm wondering: what are the essential features of a 2D game engine? Or, a game engine in general?
0
votes
2answers
398 views
How legal would it be to use some elements of the Half Life universe in my non comercial, indie game?
I'm planning to make a simple, HTML5 game, that would use some elements of the Half Life universe. Basically, it would be a 2D Portal clone, but it would have it's own story, and portals would be ...
0
votes
1answer
658 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: ...
0
votes
2answers
237 views
How can I move an object over a drawn tile map in HTML 5 without constant buffering?
I've been messing around with HTML5 for quite some time now but this is something that I guess I haven't figured out how to handle well yet. I'm sure there's an extremely easy solution and I just ...
0
votes
2answers
180 views
Any social gaming services for JavaScript games?
I'm currently planning on building a HTML5/JavaScript game for the various platforms (Browser, iOS, Android, and WinMo7). I, obviously, would like there to be simple multiplayer (1v1, asynch), ...
0
votes
1answer
552 views
Tile Map Coordinates
I am have now this code: http://jsfiddle.net/DK67k/2/ In here is 2D tile map and when you click on tile you get coordinates on alert. But for get precises coordinate you need click on top left ...
0
votes
1answer
458 views
HTML Canvas drawing - Firefox error
I am getting the following error ONLY when running my game in Firefox (3.6)
Component returned failure code:
0x80040111 (NS_ERROR_NOT_AVAILABLE)
[nsIDOMCanvasRenderingContext2D.drawImage]
...
0
votes
2answers
376 views
Animating sprites in HTML5 canvas
I'm creating a 2D platformer game with HTML5 canvas and javascript. I'm having a bit of a struggle with animations. Currently I animate by getting preloaded images from an array, and the code is ...
0
votes
2answers
223 views
HTML5 as application for tablets?
I'm looking at creating a tablet application (iPad, Nexus, Surface...). I've heard it's possible to create it using HTML5 canvas. I was wondering if it was limited to canvas, if div/input/table can ...
0
votes
2answers
661 views
Speed, delta time and movement
player.vx = scroll_speed * dt
/* Update positions */
player.x += player.vx
player.y += player.vy
I have a delta time in miliseconds, and I was wondering how I can use it properly. I tried the ...
0
votes
1answer
738 views
JavaScript rendering: Canvas or DIV?
I am planning on developing a multiplayer RPG (kinda like RuneScape, but don't worry, with a different gameplay) and i want to do this in the browser. Now before saying things like "A MMORPG is hard ...
0
votes
1answer
455 views
Simple javascript HTML5 canvas start menu
I'm currently looking for a simple and basic start screen for a game using javascript, so basically its the first function that is called and then press play which then goes into the game.
Looked ...
