Questions tagged [html5]
HTML 5 refers to new web technologies such as high performance JavaScript engines, canvas 2D and WebGL, video and audio tags.
493
questions
0
votes
1answer
25 views
Can I use firebase realtime database as backend for my realtime multiplayer web game? [closed]
I have been trying to build a web game which is a real-time multiplayer game. As I have no prior knowledge on backend I just wondered if We can use firebase realtime database in my case
1
vote
1answer
60 views
How can I convert an html5 web game to an android app?
I have already made an html5 game and it is in service.
I want to service this at Android app too.
I know little about Java or Kotlin, so I think the least risky way is to use a webview.
There is ...
2
votes
1answer
36 views
Procedural vs Event Driven Paradigm Clash in HTML5
I've been writing some console-based games in python and got in the habit of having a "mainloop" that looks something like this (if it were ...
0
votes
1answer
93 views
How to get the address of a nearby square on a chess board?
I'm making a chess game from scratch and I got stuck.
So far I have all my figures placed, I have the positions set, I've already done the collision detection and everything.
When I click the figure ...
2
votes
0answers
17 views
Javascript: Eventlistener 'keydown' not registering all keys pressed when holding down other keys [duplicate]
Sollution provided in the comments. The issue is that my keyboard has what is called ghosting issues, this means it doesn't support some key combinations when pressed together.
When the user holds 's'...
1
vote
0answers
58 views
Godot speed up mobile HTML5 Export GLES2 load time
I got a small Godot project that should be played on mobile devices, however the load time of a GLES2/ HTML5 export project of Godot takes 20+ seconds to load from the server.
To decrease the load ...
0
votes
0answers
36 views
Catch blocks while dodging other elements game
I'm working on this game where the user gets points for catching the right falling colour block. If the user catches the wrong colour block they will loose the game.
For ex: I assign the user to ...
0
votes
0answers
40 views
Abstraction for dialogue and quests in web game
I'm not very experienced with web languages, but I know a little bit of JavaScript. I'm working on creating a text-based rpg in HTML and need a way to modify dialogues for main story or quest ...
1
vote
0answers
20 views
Unity Help solving Uncaught Abort on HTML5 Build
For some reason there is a Invoke that is triggered when a button is clicked that causes my game to crash. Any idea how I can sort this out?
I have plenty other Invokes and none has given problems. I ...
0
votes
0answers
30 views
object position handling for multiplayer a game
I am creating a multiplayer HTML game which focuses on manipulating planet trajectories with gravity points. I am creating bunch of planets with random initial velocity and random direction and i am ...
0
votes
0answers
51 views
Car physics: incorporating lateral forces for high-speed steering
I'm making a car simulation in Javascript and I am using this website to help me with the physics: http://www.asawicki.info/Mirror/Car%20Physics%20for%20Games/Car%20Physics%20for%20Games.html
The ...
0
votes
0answers
127 views
Moving player one tile at a time (Javascript)
I've been watching this tutorial and found the code works flawlessly. Although, there is something he doesn't cover in the video. How to move the player one tile at a time. Every tutorial I've found (...
1
vote
1answer
53 views
Using a setTimeout to Jump
I am trying to make a jump function.
I am making a game in html5 canvas with Javascript. I have gotten the player to move. When making the jump function I decided to use a timeout to reverse the ...
1
vote
2answers
75 views
Select Neighboring X or Y Tiles
I have a randomly generated set of tiles, and I am trying to select neighboring x or y tiles to perform functions on them based on if they are a certain value of tile, like so:
...
0
votes
2answers
91 views
How to get projectile direction vector in a 2d grid?
I am having trouble figuring out how to trace the path of my projectiles in an Asteroids clone. Currently the ship is locked to the center of the screen and can be rotated a full 360 degrees. I know ...
2
votes
1answer
111 views
How do I rotate individual shapes on an html5 canvas?
So I am doing a basic Asteroids clone as an intro to HTML5 canvas. I want to be able to rotate the main player while leaving the other objects on screen alone. Currently I am using transform and ...
0
votes
0answers
51 views
Using dom elements for game interaction - slow performance
I have a need for my html5 game (using melonjs) to allow users to click tile areas on the map. The idea is it will show a css styled hover area. The browser tested is chrome.
I could do this natively ...
0
votes
0answers
28 views
Generate spritesheets on the server or in the client browser?
I want to make a browser game (using HTML5-canvas) where the user can create their own character with different clothing and stuff.
I want to use something like the Universal LPC Sprite Sheet set.
...
0
votes
0answers
95 views
libGDX/HTML5 game sounds doesn't work on iPhone
I have a libGDX/HTML5 project that works well on desktop browsers, but on mobile browsers it has problems.
I can have some sounds on Android browsers (not perfect) but on iPhone browsers it doesn't ...
2
votes
0answers
599 views
How to Play YouTube Videos Within Asset Store for Unity
On every computer I've ever tried to use Unity, the Asset Store seems incapable of showing the YouTube video previews of assets. It always claims my "browser" does not currently recognize any of the ...
0
votes
1answer
47 views
Can a .exe file ported from a program like NW.js or Electron be put console stores?
I'm early in development working on a game in HTML5/JavaScript canvas, and I wondering if porting the game with some HTML/JS to .EXE converter would allowed it to be posted on consoles?
I think it ...
1
vote
1answer
47 views
Is there a way to automatically group tiles in a A* pathfinding grid to find the largest areas?
I'm making an RTS game using html canvas.
I've made a program that randomly generates levels in order to test my pathfinding script. it divides the pathable blocks into squares so that you can apply A*...
0
votes
1answer
45 views
Canvas Infinite Map: How to have reappearing objects at static X,Y even when looping
I made a html canvas example of an infinite scrolling map with objects in static places. As you can see in the Fiddle below, when you move left with the Arrow Keys, you can see that the map does not ...
1
vote
1answer
89 views
What should i use as a board for my game? [closed]
I'm a beginning programmer and i need to make a game. The rough idea revolves around fleets fighting in turn based battles while you control your factions resources and manpower.
The original concept ...
2
votes
1answer
984 views
Why are my animations flickering?
My animation is supposed to be used in my physics project I am making. I am using 10 millisecond setInterval() and setTimeout() ...
1
vote
4answers
266 views
How to improve load times of audio files without loosing too much quality for HTML5 game?
I'm creating an HTML5 game. We have high fidelity composed music, in the format of wavs and mp3s— some ...
1
vote
1answer
136 views
HTML5 game pases when you go to another tab
I'm making a simple game and I use requestAnimationFrame. Now the problem is that each I change to another tab the game pauses and when I return the game continues.
...
4
votes
2answers
130 views
Implementing multiplayer aspect of a simple HTML5 game
I've been thinking about this a lot. I am trying to implement a simple multiplayer game but I have difficulty figuring out how to "share the scene". For example, there are non-player entities like ...
0
votes
1answer
137 views
Why can't I load images in processing.js and let them be dynamic?
I can't easily load images. I can only render an image once unless I put this:
<img src="images/papermario.png" hidden></img> in my html. I also still ...
2
votes
2answers
18k views
HTML5 games: play() failed because the user didn't interact with the document first
I'm creating an HTML5 game using MelonJS game engine. Before I load the game, I have a simple pre-login page with a Splash and background music. This page has no need to load the game engine or game ...
0
votes
1answer
86 views
online game, NPC monster death and hit detection to gain experience points
I'm doing a simple idle game, HTML5 client and Node.js server, but I'm making it online, where the client talks to the server (websockets) and all the logic is in the server (I want to prevent ...
0
votes
1answer
845 views
Javascript-How to create a moving bullet animation from canvas
the bullet cant see to move at all
...
1
vote
3answers
154 views
Draw the HUD just once on the canvas
I am not able to draw only one HUD of my game on a separate canvas, so I do not have to redraw it to each frame, I have four functions, init(), render(), loop() and drawHUD():
init() is my function ...
1
vote
0answers
173 views
Converting 2d cartesian coordinate-based map editor to rendering isometric view
I have been working on a 2d html5 canvas map editor. It is tile based, and originally it was just a top-down view on a grid of tiles (or empty spaces). I decided I wanted to convert it to render the ...
4
votes
1answer
478 views
HTML5 Canvas - Drawing with Floats
I'm trying to implement a game where you have car moving along a line in HTML5 Canvas. Using a little bit of trigonometrie I managed to get the right x and y coordinates to add to the coordinates of ...
1
vote
1answer
256 views
Javascript/HTML5 canvas: Integrate scrolling tilemap with map server
I am playing around adapting the example code at Mozilla Dev Network: Square tilemaps implementation: Scrolling maps to fit with a server I wrote myself. There's a link to the original source code at ...
1
vote
0answers
12 views
How do I fix these touch events? Events respond if there are 2 fingers but not 1
I am making a simple game of mine mobile-friendly.
The goal is to:
Make character walk if a touchstart event is sensed on right half of screen.
Stop character if a touchend event is sensed on the ...
0
votes
1answer
467 views
How does the double-buffered canvas know when to swap the buffer?
How does the HTML5 canvas know that all the drawing operations are complete and it's time to swap the buffer ? Program can have multiple draw calls at different places so how will it know when is the ...
1
vote
0answers
100 views
Libgdx animation for HTML5
I'm working on my first html5 game with libgdx, it's a platform android game that I made a while back that I now want to host on my website. Everything has been going okay till I got to animating the ...
1
vote
1answer
927 views
WEBGL antialias false to pixel art low resolution
I know this issue maybe repeated and seems to be very common but I searched first and did not find anything concrete.
I am doing some test and playing around with pixijs. I created an stage 320x180 ...
0
votes
1answer
315 views
Mobile screen resolution and canvas size
I'm making a HTML5 game using the canvas. I was building it for my iPhone 6 which state a resolution of 1334x750 pixels but also a resolution of 667x375 points. I notice that my canvas need to match ...
3
votes
5answers
116 views
Turning a simple HTML5/JS single-player game into a multi-player one
CONTEXT:
I am currently developing the front-end/ client of a simple browser game using HTML5 Canvas/JavaScript. In the future, I would like to add a multi-player dimension to it, most likely using ...
1
vote
2answers
457 views
Detecting overlap with Phaser P2 physics
In a 2D platformer, I'd like to implement a ladder. I have collision working between the player and ground tiles. Now I would like to be able to detect when the player walks through a ladder tile (...
0
votes
2answers
90 views
How to access files in Chrome
So, I am making a game-like html file that needs to load a few assets. I have a loading animation which uses the timing of the loading files to create a progress bar. This all goes fine. The files all ...
2
votes
0answers
396 views
Persistent realtime game authentication (JWT, Passport)
Context
I am building a MMO game in HTML5 with canvas.
I use NodeJS on server & JS from scratch on client.
I also use socket.io to manage realtime.
The game is persistent & each player keep ...
3
votes
1answer
379 views
DrawImage problem adjacent sprite?
Context
I'm building a 2D game from scratch in JS.
I'm drawing the map by using rpgmxp tilesets for the moment just to have some resources :
Each tile is 32*32 pixels. I'm using canvas API with <...
1
vote
1answer
3k views
unity webgl scale page on different sizes of internet browsers on pc or phone
unity only has a fixed resolution for building webgl. how can I make it changebale on users browser size change.
there are some tutorials on the internet that doesn't match. there is only
...
1
vote
1answer
315 views
Implement resolution scaling HTML5 canvas
I'm building an hmtl5 real time game using socket.IO and node.js. If you've heard of the classic game "pong", I'm going for that. When you consider the gameplay for this game, it becomes apparent that ...
0
votes
1answer
547 views
1
vote
0answers
206 views
Image looks GOOD on the editor but BAD (blurry) on the HTML5 export
I have a red bar that looks good inside Unity editor, but when I export the build it looks very strange.
Any idea on how to fix this?
The image on the left is the one with the strange/bad looking red ...
