Ask coding questions

← Back to all posts
JS graphical design
WilliamXing (45)

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

Answered by InvisibleOne (2678) [earned 5 cycles]
View Answer
Comments
hotnewtop
InvisibleOne (2678)

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

xxpertHacker (865)

What are "types" of JS?

InvisibleOne (2678)

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

xxpertHacker (865)

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

wait, wtf is vanilla.js?

InvisibleOne (2678)

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

xxpertHacker (865)

@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.

InvisibleOne (2678)

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

LukeWright (114)

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!

LukeWright (114)

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