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,334
questions
0
votes
1answer
30 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
50 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
27 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
...
0
votes
0answers
27 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
33 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
55 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
33 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
40 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
32 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
36 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
75 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
64 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
102 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
29 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
48 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:...
0
votes
2answers
66 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
39 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
43 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
19 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
65 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 ...
0
votes
1answer
77 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
20 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
25 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
14 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
0answers
18 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
58 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
30 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
25 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
88 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
55 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
123 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 ...
1
vote
1answer
59 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
23 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:
...
1
vote
2answers
231 views
Optimizing a quadtree for circles and circular queries
I'm developing a 2D ant simulation in JavaScript. I'd like to implement a quadtree to store the positions of ants and other markers. I approximate all of these entities as circles, and I'm only ...
0
votes
1answer
99 views
How camera works in 2d platformer in level transitions
I want to know how Camera works in game of Celeste.
Currently what I have is, camera follows the player using interpolation:
...
1
vote
1answer
131 views
How can I implement a Boardgame.io project using Webpack?
I am following the boardgame.io tutorial, but I do not want to use either of the two implementation options covered in the tutorial (React and Parcel).
The tutorial requires a framework or bundling ...
0
votes
0answers
37 views
The elements of a perfect juicy jump
I have seen and implemented these ideas: Simple Physics based Movement SO answer. Building a Better Jump GDC Talk. And written a tutorial about it Making a Platformer in Pico 8.
Finally made a simple ...
0
votes
0answers
39 views
How to make a snake game where each snake tile follows it's connected tile
I want to make a basic snake game. It has a head and a series of tails that occupy a tile in a grid. The first tail in the series is adjacent to the head. and each tail that comes after is adjacent to ...
0
votes
1answer
26 views
Time-passed check with Pause functionality
I am working on a game that has a lot of time-passed checks of the following format. These work great, but there is a problem when the game is paused:
If paused for any meaningful amount of time, the ...
0
votes
0answers
23 views
The rule to scale pixel art non multiple of integer ratios [duplicate]
I have pixel art, I want to draw. When player jumping I want to animate the art to squash stretch to have a feeling. But when I scale the art it get's distorted, as demonstrated in the image.
In one ...
0
votes
1answer
29 views
How to leave trails that are equidistant apart from each other
I want bunch of circles to follow the player while keeping a distance apart.
So far I have this:
...
0
votes
0answers
27 views
Algorithm for simulating collision between circles of different mass
First of all, I'm not sure if this is the right site for this question, as it's actually a game I'm developing. However, I thought that this would be a common thing to need to know in games, so I put ...
0
votes
0answers
20 views
Saving Complex Data to File Javascript
My game uses lots of complex objects to store game data. (Each block and entity has its own instance of a class)
I am trying to create a saving and loading system, where the user can save game ...
0
votes
0answers
14 views
How to move a character from 1 to 3 squares on a grid?
I need to make a turn based game in js and jquery. The rules are :
The 2 characters, the 4 weapons and the 15 obstacles are randomly generated on a grid(made with HTML table and generated in a loop)
...
0
votes
0answers
14 views
Spider physics to patrol on platform smoothly when changing direction
I have a 3 tile wide platform. I want my spider to hang from the ceiling and patrol this platform left and right.
I have dx property for velocity. I want a physics code that shows how to achieve this.
...
0
votes
0answers
70 views
What are the parameters for a smooth wall jump
I want to make a platformer like Celeste and trying to implement wall jump.
When the player is on the air and near a wall, and presses jump, the player gains x velocity opposite the wall direction, ...
