Software Alternatives & Reviews

Phaser VS p5.js

Compare Phaser VS p5.js and see what are their differences

Phaser logo Phaser

Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games.

p5.js logo p5.js

JS library for creating graphic and interactive experiences
  • Phaser Landing page
    Landing page //
    2023-09-12
  • p5.js Landing page
    Landing page //
    2023-07-22

Phaser

Categories
  • Game Development
  • Game Engine
  • 3D Game Engine
  • 2D Game Engine
Website phaser.io
Details $

p5.js

Categories
  • Javascript UI Libraries
  • Charting Libraries
  • Flowcharts
  • Org Charts
Website p5js.org
Details $

Phaser videos

Phaser | Tower Reviews | Tower Battles [ROBLOX]

More videos:

  • Tutorial - Phaser.io Tutorial - Pros and Cons of Phaser and How It Works
  • Review - TC Electronic Helix - Phaser Review

p5.js videos

Processing or p5.js? My opinions

More videos:

  • Review - Q&A #1: Side-Scroller in p5.js
  • Tutorial - 17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

Category Popularity

0-100% (relative to Phaser and p5.js)
Game Engine
100 100%
0% 0
Javascript UI Libraries
14 14%
86% 86
Game Development
100 100%
0% 0
Charting Libraries
0 0%
100% 100

User comments

Share your experience with using Phaser and p5.js. For example, how are they different and which one is better?
Log in or Post with
  1. User avatar
    Joseph K
    · over 2 years ago
    · Reply

    I am a huge Javascript fan and absolutely love Javascript development, and how much it has evolved in the last 10 years.

    I have not done anything with Phaser, yet, but would like to at some point. I am interested in Javascript game development, so it is my main reason to check it out.

    I have actually made some interactive browser games using p5.js. So it's an option. I'd love to see if Phaser makes things any easier.

    The p5.js library made it super easy to use images and sounds. I enjoyed it a lot. I am probably not allowed to do link-sharing or self-promoting, so I will not be sharing my games in this review, unfortunately.

    I recommend - Phaser.

Reviews

These are some of the external sources and on-site user reviews we've used to compare Phaser and p5.js

Phaser Reviews

Best Game Engines for 2023 – Which Should You Use?
If you’re ready to expand your HTML5 game development skills with Phaser, check out these courses! Alternatively, you might also like these completely free Phaser tutorials, as well as our free Phaser ebook. There are also some courses on HTML5 and Phaser offered as part of Zenva Schools, a platform made for easy classroom learning and teaching for schools.
The Best Gaming Engines You Should Consider for 2023
Another open-source platform, Phaser is a HTML5 game dev framework designed for creating 2D games and interactive experiences.

p5.js Reviews

20+ JavaScript libraries to draw your own diagrams (2022 edition)
A JS client-side library for creating graphics and interactive experiences, based on the core principles of Processing to make coding accessible to artists, designers and educators. Beyond drawing, this project provides offers web audio functionality, collision detection and even generation of graphical user interfaces from p5.js sketches.
8 Best Free and Open-Source Drawing Libraries in JavaScript
The p5.js library is a great option for people who are looking for a library that doesn't have a steep learning curve, but which can create very complicated systems if necessary. The get started with P5.js page on the official website has a functional example that draws circles wherever you move your mouse in only a few lines of code.

Social recommendations and mentions

p5.js might be a bit more popular than Phaser. We know about 133 links to it since March 2021 and only 119 links to Phaser. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Phaser mentions (119)

  • Introduction to JavaScript: Empowering Web Development with Interactivity
    Versatility: JavaScript is not limited to web browsers. It's used in a variety of environments, including mobile app development (using frameworks like React Native), game development (using libraries like Phaser), and even serverless computing (using platforms like AWS Lambda). - Source: dev.to / 25 days ago
  • A developer portfolio as a 2D top-down walking simulator
    This reminds me of my first real dev job, 10y ago, making small facebook games with https://phaser.io it was actually kind of fun now that I think back. - Source: Hacker News / about 1 month ago
  • Aftermath of switching from VSCode to Neovim
    Is it worth it? I think while attempting to create a game engine with the Canvas API and vanilla JavaScript. (I quickly ditched that idea and started using PhaserJS). - Source: dev.to / about 2 months ago
  • Simple React Game Tutorial
    Just use an actual game framework https://phaser.io/. Source: 4 months ago
  • Thirteen Potions Build Log
    I used the Phaser framework to build the game! I didn't pick it for any particular reason, I just saw that they were offering prizes at the end of the game jam so I thought it'd be a good choice. In hindsight, once again, I should have read the fine print and realized that Phaser is very large for this kind of game jam, but MOVING ON. - Source: dev.to / 6 months ago
View more

p5.js mentions (133)

  • Turbo Pascal Turns 40
    Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days. It was... - Source: Hacker News / 5 months ago
  • My Google Play Developer account has been terminated
    I thought it could be funny to use the javascript version of it https://p5js.org/ in a web page and then wrap it in a Unity app, since Unity was and is the environment I use for making apps. - Source: Hacker News / 6 months ago
  • Repetition can make you loopy!: Intro to JavaScript Loops
    In this last section, I'll be creating some visual examples to show how helpful loops can be. I'll be using p5js, a JavaScript library with functionality for creative coding. That being said, I'll try to give a condensed version of the functions being utilized in the following examples. - Source: dev.to / 8 months ago
  • Ask HN: How to teach a kid of 15 Linux and programming
    > how do I get him learning programming in a fun way? Processing / P5.js can be pretty fun to learn. You use a real programming language to create art and animations. With little code you can get a circle on the screen, then making it move, then following your mouse, then adding other shapes, then changing colour depending on some event… It’s conductive to experimentation and a way to gradually introduce concepts.... - Source: Hacker News / 10 months ago
  • [OC] I created a simple, free waveform and genre visualizer for your top ten Spotify songs, a few samples below and link to the tool in the comments!
    Then I used p5js to create the 'art' itself, really user friendly coding framework with lots of resources online! If you want to get into coding, that is a really great entry point with Daniel Schiffman's coding train videos on YT! Source: 11 months ago
View more

What are some alternatives?

When comparing Phaser and p5.js, you can also consider the following products

PixiJS - Fast and flexible WebGL-based HTML5 game and app development library.

Pixi.js - Fast lightweight 2D library that works across all devices

Unity - The multiplatform game creation tools for everyone.

Three.js - A JavaScript 3D library which makes WebGL simpler.

Godot Engine - Feature-packed 2D and 3D open source game engine.

Processing - C++ and Java programming at the speed of thought.