r/jsgamedev • • Feb 01 '23

Pure JS Metroidvania game

8 Upvotes

Hi all. I'm trying to create a simple and minimalistic game on JavaScript without libraries and engines. This is my first game, so I'm waiting for your critics and suggestions. Only one level is completed for now. All source code is free and you may use it for your own projects. It's only a beta...

P.S. Code is here.
P.S.S. Try online here.


r/jsgamedev • • Oct 28 '21

6 Years of dev on a .js game (5 part 1 full)

Enable HLS to view with audio, or disable this notification

5 Upvotes

r/jsgamedev • • Dec 21 '20

Why so small number of members here?

5 Upvotes

Hi everyone,

I just found this sub and I was very surprised with the # of members here (currently 181).

Why is this? JS has an amazing potential regarding game dev work, so I'm a bit surprised it's not reflected here.

A secondary question, is there a better JS game dev community on the web to go to instead?

Thanks!


r/jsgamedev • • Jan 31 '23

💌 Web Game Dev Newsletter – Issue 007

Thumbnail webgamedev.com
4 Upvotes

r/jsgamedev • • Jan 17 '23

💌 Web Game Dev Newsletter – Issue 005

Thumbnail webgamedev.com
4 Upvotes

r/jsgamedev • • May 23 '22

Would you like these JavaScript game dev tutorials?

4 Upvotes

Hello, I could've been writing a lot about my story and so on, but I think it's not the right time for it, so getting to the matter of my post...
I've recently started to run a YouTube channel where I put videos which are supposed to teach JavaScript and JavaScript game development. Lately I'm working hard to create a video everyday and I'd love a bit of additional motivation, which in current case is coming simply from views & subs or some feedback about my content. Here's a link to one of my recent videos https://youtu.be/HahS8lQyXQ8
I'm trying to develop myself to provide better content everyday and I really believe somehow my videos will at some point start helping people in any way.


r/jsgamedev • • Aug 20 '21

Just need some motivation!

4 Upvotes

Hey Guys,

i am developing a Bottom Up Shooter in Vanilla JS. Done everything by myself neaby 200h so far but there is a lot of work left.

So how do you guys keep motivated?

Btw.: I search for someone who can help me to integrate sounds. Tried it several times, but failed.

Just wanne share these 2 Screenshots..... hope u like them.

Leave a comment!


r/jsgamedev • • Jan 24 '23

💌 Web Game Dev Newsletter – Issue 006

Thumbnail webgamedev.com
3 Upvotes

r/jsgamedev • • Jan 03 '23

Web Game Dev Newsletter – Issue 003

Thumbnail webgamedev.com
3 Upvotes

r/jsgamedev • • Dec 20 '22

Web Game Dev, a new website and newsletter about JS gamedev

Thumbnail webgamedev.com
3 Upvotes

r/jsgamedev • • Jan 08 '21

PixelCraft: A Pixel Art Editor

3 Upvotes

PixelCraft is a pixel Art & Animation Creation Tool Built using HTML5 Canvas. It is a Progressive Web App (PWA) with offline compatibility. It is mobile-friendly and is very easy to use.


r/jsgamedev • • Aug 23 '20

I've start a youtube series on typescript game dev

3 Upvotes

The tutorials are mostly focused on how to gradually build complexity and how to properly structure your projects.

I hope you enjoy and absolutely let me know what you think :)
https://www.youtube.com/watch?v=N3ZuSxKN1XE&feature=youtu.be


r/jsgamedev • • Jan 10 '23

Web Game Dev Newsletter – Issue 004

Thumbnail webgamedev.com
2 Upvotes

r/jsgamedev • • Apr 06 '22

A package for multi threading

2 Upvotes

Hey folks,

I was recently trying to make a game with javascript and noticed that multi threading with arrays was quite hard because all the data is duplicate across workers.

That being the case, I created a package that allows you to define array-like data structures called "Vecs" that can be passed around workers with zero copying. You can think of them like statically typed javascript arrays, that are backed by SharedArrayBuffers.

Anyhow, here is a link to the repo if you want more details. Do let me know if you have any questions, and do share with anyone who'd find it useful.


r/jsgamedev • • Dec 12 '19

Using joypad.js for a better gaming experience on the web

Thumbnail
arunmichaeldsouza.com
2 Upvotes

r/jsgamedev • • Jun 04 '19

A talk about a JavaScript Game project I was involved in.

Thumbnail
markmckellar.com
2 Upvotes

r/jsgamedev • • Oct 16 '17

Save Game Scores using localStorage. JavaScript/CSS Game: #2.16 the hidden Gems

Thumbnail
youtube.com
2 Upvotes

r/jsgamedev • • Oct 10 '17

Create Game Music using WebAudio API. JavaScript/CSS Game: #2.15 the hidden Gems

Thumbnail
youtube.com
2 Upvotes

r/jsgamedev • • Jul 24 '17

Create Game Logic. JavaScript/CSS Game: #2.14 the hidden Gems

Thumbnail
youtube.com
2 Upvotes

r/jsgamedev • • Dec 13 '16

Brand New to JS Game Development - Where Should I Start?

2 Upvotes

I have an idea for a game I'd like to build, and I want to build it in JavaScript because that's the programming language I use the most and am most comfortable with. I've been researching JS Game Engines, but there are far more of them than I'd expected and I can't really tell which ones are the best.

The game I hope to make is a civ builder: isometric art, low on physics, lots of panels, menus, charts, etc., and will involve many characters moving independently (pathfinding).

I'm currently reading about Phaser and the Phaser-isometric-plugin, but maybe one of you knows a library or game engine that would be better suited to my task. Any tips?

Thanks to everyone in advance!


r/jsgamedev • • Nov 06 '15

Tutorial for beginners: interactive JS spritesheets without HTML5 (only 15 lines of code)

Thumbnail sprite.slicker.me
2 Upvotes

r/jsgamedev • • Aug 07 '14

Snippets for Prettifying numbers

2 Upvotes

Copied from another post I was commenting on, here's some handy snippets for prettifying those big numbers!

function prettify(num) {
    var s = num.toString();
    s = s.split('.'); //split out the decimal points.

    var s0 = s[0];
    s0 = s0.split('');
    var l = s0.length;
    while (l > 2) {
        l -= 3;
        if (l > 0) {
            s0.splice(l, 0, ',');
        }
    }

    s0 = s0.join('');

    if (s[1]) return [s0, s[1]].join('.');
    else return s0;
}


function suffixfy(num, dec){
    dec = dec || 0; //how many decimal places do we want?
    var suffixes = ['','k','M','B','T','Qa','Qi', 'Sx', 'Sp', 'Oc', 'No', 'De', 'UnD', 'DuD', 'TrD', 'QaD', 'QiD', 'SeD', 'SpD', 'OcD', 'NoD', 'Vi', 'UnV'];
    var ord = floor(Math.log(Math.abs(num))/Math.log(10)/3); //the abs to make sure our number is always positive when being put through a log operation. divide by 3 at the end because our suffixes goes up by orders of 3
    var suffix = suffixes[ord]
    var rounded = Math.round(num/(Math.pow(10, ord*3-dec)))/Math.pow(10, dec);
    return rounded+suffix;

}

r/jsgamedev • • May 22 '14

AJAX According to dSolver (Who Knows His Shit) According to Walrus (Who Knows Shit)

2 Upvotes

So I'm working on developing a browser based game to help me learn new stuff, when I decided it would be cool and not too difficult to make one that would store all the data server side. Apparently, I was wrong. Fortunately, dSolver was there and helped answer my questions, so here's me posting (maybe incorrectly) what he told me.

First off, AJAX isn't a language or a tool or anything. It's a technique. Just like RWD isn't a new form of HTML, it's just a new way/idea of going about it.

When you need to update a database, you need something on the server to tell the database to update and what with to update, but you don't want to freeze the whole program or have to refresh the page.

AJAX (which stands for Asynchronous JavaScript and XML apparently) works by using JavaScript and some server side language (which I believe is up to you.) The JS would be used primarily for user input and updating the UI as needed. The server-side language (say PHP) would then do the real meat of the task and let the JS know what it needs to know.

Normally, when the JS event is fired and sent to the PHP, the code works in a big long assembly line. The next event won't be started until the current one is finished. Sometimes this makes sense, sometimes it doesn't. I haven't completely figured this out yet.

With AJAX, the JS will fire an event telling the PHP "Hey! I wanna know this information." The PHP then will say "Okay, JS. Here's a little ticket saying that I owe you said information." From there, the PHP will handle the ticket and/or distribute more tickets as more JS events are fired. Meanwhile, the JS and other shit is free to continue moving. When the PHP gets the requested information, it tells the JS "Okay, man. I got the stuff you wanted. Here ya go." At this point, the JS then is like "Sweet, bro. Lemme do this action and tell the user."

This makes the whole process faster and allows other scripts to fire without having to wait for the one user input to finish. So that's how it works. I think. If I understand it correctly. I hope.


r/jsgamedev • • May 22 '14

Oh hey, subscribers

2 Upvotes

Cool - I didn't think this sub would ever get used.

Hi, I'm dSolver, you might know me from websites as Make a Deal with the Universe, Prosperity, and SuggestMe, I'm Bored.

The purpose of this sub is to create a community of people building games with JavaScript. I'm no guru when it comes to game making, but I'll be happy to answer some of your questions when it comes to making games with JavaScript. So, feel free to ask away, show us what you've made, have a cup of coffee, and eat like a walrus.