Skip to content
← Back to Community
JS graphical design
Profile icon
CandySuperCool

Do you guys know any good JS types for graphical design/games?

Answered by InvisibleOne [earned 5 cycles]
View Answer
Voters
Profile icon
CandySuperCool
Comments
hotnewtop
Profile icon
InvisibleOne

As far as I know p5 and phaser are the biggest and best ones, I haven't heard much about kaboom but I think it's good

Profile icon
draverin

I will be happy to play the games you suggested in the comments. I've been seeing very few good applications on this topic lately. However, I haven't been playing games for the last couple of months since I spent all my time in the app https://www.roomplannerapp.com/ to fulfill some freelance orders. It seems to me that I have already learned enough to take the first orders, and I want to relax and play games for a couple of days before work. I hope that my plan will come true and I will be able to study and work from home in parallel

Profile icon
xxpertHacker

What are "types" of JS?

Profile icon
InvisibleOne

I think he means "phaser.js", "vanilla.js", "node.js" @xxpertHacker

Profile icon
xxpertHacker

@InvisibleOne Those aren't "types" of JS though...

wait, wtf is vanilla.js?

Profile icon
InvisibleOne

I know they aren't types
Vanilla.JS is where you don't use any other libraries, sort of just plain javascript (like just plain vanilla icecream) @xxpertHacker

Profile icon
xxpertHacker

@InvisibleOne I've never heard someone refer to vanilla JavaScript as "vanilla.js," since that would indicate that vanilla.js it a file or library.

Profile icon
InvisibleOne

I've heard it a couple of times, but it isn't really used that much. When I first heard about it I thought it was some kind of Javascript Library but after googling it I learned I was wrong. @xxpertHacker

Profile icon
LukeWright

P5.js and KABOOM.js are good for graphical design / games. Here are some examples of simple games I have created:
https://replit.com/@LukeWright/P5js-Camera-Demo-wit-wasd-mouse
https://replit.com/@LukeWright/Target-Practice#sketch.js
(Both are made in p5.js)
Click the checkmark next to my name if this helped!

Profile icon
LukeWright

Dont forget that if you are going the p5.js route, you will need to create a html/css/js repl and manually import the p5.js scripts with:

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" />

If you are going the KABOOM.js route, all you need to do is select KABOOM.js from the dropdown menu when you are creating a new repl
@WilliamXing

Profile icon
IntellectualGuy

@LukeWright Don't ask for cycles