Questions tagged [javascript]
"JavaScript (sometimes abbreviated JS) is a prototype-based scripting language that is dynamic, weakly typed and has first-class functions. It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles." From Wikipedia. http://en.wikipedia.org/wiki/JavaScript
1,342
questions
1
vote
1answer
37 views
How to check whether the user completed their missions?
I am working on a coding/gaming application.
I am currently stuck in the daily missions part.
So, the user receives some missions each day, such as solving a problem, following another user, or ...
0
votes
0answers
51 views
How to design a system that allows for custom equations of movement?
I'm developing a top-down shooter and I currently have a PhysicsSystem which operates on TransformComponents. Basically, it ...
2
votes
2answers
65 views
Need help with fixing Optimized Raycasting / Line of Sight algorithm
I'm trying to implement collision detection with raycasting for my 2D javascript game. The game uses equally-sized tiles as its level structure so to optimize collision detecton I'm trying to use a ...
1
vote
1answer
59 views
Should state and behavior be combined for Buffs? Cannot decide between data-driven and OOP approach
I'm writing a 2D roguelike that uses an Entity Component System and I'm having trouble deciding between the traditional OOP approach versus a data-driven approach to implementing buffs and debuffs. ...
0
votes
0answers
31 views
Solution for efficient time-keeping in Javascript games?
I'm developing a real-time browser roguelike using an ECS and currently I'm unsure of how to handle time. As of right now, whenever I need the current time, I just call ...
0
votes
1answer
53 views
Scope of 'this' - Cannot read property of undefined in collider and overlap function
I am working on my first 2D game with Phaser 3. I have set up VS Code with a node.js https server and run it to deploy the game on localhost.
While the game gets compiled successfully and deployed, I ...
2
votes
1answer
79 views
Is it better design to store event effects within an Entity itself, or within a system?
I'm developing a 2D roguelike with an Entity Component System (ECS) and I've been struggling with this question a lot the past week. For example, let's say you have various effects that occur when an ...
0
votes
0answers
61 views
How to handle various collision effects within an Entity Component System?
Let's say we have three enemies, a bear trap, a fire trap, and a minotaur. When you walk over the bear trap, the game spawns an invisible entity that, upon the player colliding with it, slows the ...
0
votes
1answer
23 views
How to check if a line casted from one point to another point passes through a mesh?
Let's say we have two vectors A and B. Is there a way to use Three.js' Ray or Raycaster classes to cast a line between vector A and vector B and check is it passes through a mesh in the scene? I know ...
0
votes
2answers
155 views
What data structure do I use to store Archetypes in ECS?
I am implementing an ECS with "archetypes" similar to how they are defined in Unity:
A unique combination of component types is called an Archetype. For example, a 3D object might have a ...
2
votes
0answers
43 views
How to play multiple sounds at once without reloading data?
I am making an HTML5 game, which involves one audio being played multiple times at once.
I searched this issue up and found this: https://stackoverflow.com/questions/25654558/html5-js-play-same-sound-...
1
vote
1answer
61 views
2D moving objects in angle
Im making simple 2D space shooter with use of html5 and JavaScript.
The idea is simple, shoot down as many aliens as you can.
I made it to the point where I have player which can move and rotate, but ...
2
votes
1answer
31 views
How to add zombie arms to enemies in HTML canvas
I'm making a game with HTML canvas (not WEBGL). I have zombies that go to the center of the screen, but for now they are just circles. I want to give them two arms, like the arms players have in ...
0
votes
1answer
40 views
How to properly overflow 2D coordinates on an overflowing/circular map?
I made a simple Snake game designed for trying Snake bots. I thought the base map functions work, but now I found there is an error. What I need is to properly translate any coordinates outside the ...
1
vote
0answers
64 views
How can I deduce my RPG lags for better performance? [closed]
Okay, so I've started making a game using Khan Academy's Processing JavaScript, and I'm trying to delag it a bit since the framerate is very shaky. So, I've taken the advice of someone, and they told ...
0
votes
0answers
35 views
How do you make html elements not blurry
I was making a html game and all the elements are blurry is there a fix to this?
I use css but it makes it blurry
Code
...
1
vote
0answers
32 views
Tell if two polygons are colliding
I want to make a function like areColliding which takes two polygons as args.
I also want to cover cases like
and the dreaded
because I am trying to create a ...
0
votes
1answer
36 views
How do I add a roof to a Html Game
I kind of new to making games been doing it for a few months and want to make games in a browser so I took the w3schools game example and I'm trying to add on to the game until I make a recreation of ...
0
votes
1answer
60 views
Is speed and direction generally combined into one vector, or separated into two?
Couldn't find this answered already, surprisingly.
For example, for a game (in my case a 2D top-down one), there could be advantages to doing so. For example, whenever you want to change an entity's ...
0
votes
0answers
44 views
How to perform a sliding collision between a square and a circle?
Please point me to the duplicate if this has been asked before. I couldn't find it.
Basically, I am creating a 2d top-down game where the player is represented by a circle, and the tiles are ...
0
votes
1answer
53 views
How to decide whether a Buff should be a component or a Buff object in an ECS?
I'm developing a top-down 2D game in Javascript using an Entity-Component-System architecture and I'm struggling with the question of exactly how to implement temporary buffs / permanent passives.
For ...
0
votes
2answers
33 views
How to avoid entities flying far away when tabbing out and then tabbing back in?
I'm developing a game which uses a standard Entity-Component-System.
Every frame, the PhysicsSystem runs, which, among other things, updates the position of ...
0
votes
0answers
39 views
How to inform pathfinding of solid objects blocking path?
I'm sure this has been asked before, but I couldn't find the thread. Let me know if you can locate the duplicate.
So, I have a my level is an array of tiles, where a tile can either be solid or ...
4
votes
0answers
85 views
Why use sprite tile maps on the GPU in WebGL?
I'm trying to figure out the best way of rendering my layered tiled maps with WebGL, and have come across this tutorial several times: https://blog.tojicode.com/2012/07/sprite-tile-maps-on-gpu.html
...
0
votes
1answer
85 views
How to perform right-angle pathfinding?
I'm developing a procedural dungeon generator using pre-built rooms and currently I'm using A* pathing to create corridors to connect one room's door to another room's door.
The problem with this is ...
1
vote
1answer
182 views
How can I publish a Python game on itch.io as html?
I'm making a game with Python, using Pygame. I want to publish my game on itch.io so that it's playable in the browser.
Is there a way to do this? If so, how?
1
vote
1answer
38 views
How to get all tiles along a straight vector path?
Let's say I have a 100x100 map of tiles where each tile is 16x16 pixels.
How would I get all tiles along a path? For example, let's say I wanted to get a list of all tiles along the shortest direct ...
0
votes
0answers
74 views
For drawing many layered 2D tiles, should one use the painter's algorithm, or Z-buffering?
Sorry if this question doesn't make sense, I'm still very new to WebGL / OpenGL.
Basically, I'm trying to draw a tilemap similar to the one in Stardew Valley. Here's a screenshot from that game: https:...
1
vote
2answers
126 views
Performance of many canvas drawImage calls is very slow
I'm developing a top-down 2D tile-based canvas game. I have a single sprite sheet of all my tiles, and then a JSON tile map array of where they're placed.
Previously I would render all the layers of ...
0
votes
0answers
41 views
How to draw the player standing behind a tree in an Entity Component System?
I'm making a top-down Javascript canvas game using the Entity Component System architecture.
For an entity to be drawn on the screen every frame, it needs a ...
0
votes
1answer
45 views
Should abilities have their state and functionality separated?
I'm developing a top-down game using Javascript and Canvas in an ECS architecture.
I'm wondering, which of these is better from a design / elegance point of view?
Method 1: Combining the ability ...
0
votes
0answers
35 views
Resizing the camera view in Phaser 3 just like in Unity
I started to work in Phaser 3 with a previous background in programming in Unity and I can't figure out how to zoom the camera view. In Unity, I can change this value, to resize the camera view:
Then,...
0
votes
0answers
18 views
Discrepancy in Box2D Flash applied impulse
I have two clients. Player A, and Player B. What Player B sees in his screen is a mirrored version of what Player A sees. This is a carrom game, hence the mirroring.
Does anyone know why even if I ...
0
votes
1answer
71 views
Isometric tilemap circle around object
I am developing an isometric game like Anno 1602.
I have an isometric tilemap. The default tilesize is 64x31.
My goal is to show the area a building has influence to. For that I want to show a circle ...
1
vote
1answer
169 views
How to make 2D lighting in JavaScript
I am making a recreation of the 2D voxel game Terraria in JavaScript. Like most sandbox games, Terraria has lighting, but because I am using JavaScript, performance is going to be an issue.
I have ...
1
vote
0answers
25 views
Tagging “regions” in rot.js map generator
I'm working on a small roguelike and I'd like to be able to tag the various "regions" generated via the Map generators so that I can use it as a lookup to environment descriptions. I see ...
0
votes
0answers
28 views
Rendering efficiency for retro 2d grid chipset games. Draw by texture, or by row col?
This was the closest question on found here: Help with a Fast 2D Grid-Based world rendering technique
I'm doing a basic 2d grid where each box is filled with a texture pulled from a chipset. I'm ...
0
votes
1answer
18 views
What is the best approach to minimise the lag caused by ping when spawning predictable entities?
When the client clicks it spawns a unit on the client-side which moves in a predetermined path, it also emits an event to the server which indicates that the client has spawned a unit. Once received ...
0
votes
1answer
29 views
Having trouble swapping elements
I'm trying to visualize a simple Hanoi solver that uses an algorithm, and I'm swapping elements on array to visualize it.
Here's my code:
...
0
votes
1answer
62 views
Timers: check in game loop, or run independently?
Specifically talking in the context of JavaScript game development.
For example, I can use the language specific timeout mechanism:
...
0
votes
1answer
35 views
I do not understand the code version of time based sprite animation?
I'm Universo and for the longest time had coding issues around the concept of time-based sprite animation basically, do not know how to implement it and any code or explanation simple or complex that ...
0
votes
0answers
20 views
Draw Ordering with Glowing Objects
This is mostly a general design theory question, but for reference the bulk of my game is in JavaScript.
I can draw images to the screen that layer on top of each other in the order that I please. One ...
0
votes
0answers
26 views
solid color to sprite (javascript game)
Hi I recently created a javascript game, in this game, math random is used to pick a random shape.
The shapes are in strings, and the associated numbers within the string are then used to show a color....
0
votes
2answers
106 views
Is it a bad idea to store functions inside components in ECS?
Say I have three entities: Player, Spikes, and Zombie. All of them are just rectangles and ...
0
votes
1answer
61 views
Implementing Seperating Axis Theorem
I'm trying to implement the Seperating Axis Theorem by following this article I found on MDN.
Unfortunately, I'm not too geometry savvy and I wasn't able to find any good, simple implementation ...
0
votes
1answer
23 views
Line strokes also adding borders to other shapes?
When you run the project, you can see that the first circles have a black border around them. When I remove the Game.drawLines(), the circles don't have the border ...
0
votes
1answer
179 views
How to import three.module.js
I'm looking at this three.js cubemap example, and it runs fine in my browser when loaded from that page.
After much strain to find and download the files - it does not run?
What am I doing wrong, with ...
2
votes
1answer
63 views
Raycasting - weird lines on walls when ray is facing up or right
I am trying to make a raycasting game. Everything is rendered correctly except when the ray is facing up (angle > PI) or facing right(angle > 0.5PI and < 1.5PI) lines are drawn on walls. I am ...
0
votes
0answers
25 views
Top down four directional movement snap to tiles, not feel like crap
I want to make a topdown rpg movement, I need to update these parameters based on user input:
User input four directions: ⬆️⬇️⬅️➡️ .
Update parameters
Position: ...
0
votes
0answers
16 views
Check bounds in 2d platformer level transition
I have asked How camera works in 2d platformer in level transitions about camera transitions,
in the process I am stuck somewhere else.
I have a targetRoom that is 32 by 32 tiles:
...
