Software Alternatives & Reviews
Register   |   Login

Three.js VS p5.js

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


A JavaScript 3D library which makes WebGL simpler.

JS library for creating graphic and interactive experiences
Three.js Landing Page
Three.js Landing Page
p5.js Landing Page
p5.js Landing Page

Three.js details

Categories
Javascript UI Libraries Charting Libraries Data Dashboard
Website threejs.org  

p5.js details

Categories
Javascript UI Libraries Charting Libraries Data Dashboard
Website p5js.org  

Three.js videos

Getting Started With Three.js

More videos:

  • - Ricardo Cabello (Mr doob) - 5 years of three.js

p5.js videos

Processing or p5.js? My opinions

More videos:

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

Category Popularity

0-100% (relative to Three.js and p5.js)
37
37%
63%
63
35
35%
65%
65
39
39%
61%
61
100
100%
0%
0

Social recommendations and mentions

Three.js might be a bit more popular than p5.js. We know about 55 links to it since March 2021 and only 43 links to p5.js. We are tracking product recommendations and mentions on Reddit, HackerNews and some other platforms. They can help you identify which product is more popular and what people think of it.

Three.js mentions (55)

  • Canvas/3D interactive web design/development best practices
    Https://threejs.org/ for 3D or https://www.pixijs.com/ for 2D would be my recommendations. - Source: Reddit / 2 days ago
  • Canvas/3D interactive web design/development best practices
    As far as I know three.js is still king, especially if you just want to get things done. - Source: Reddit / 2 days ago
  • Yet another port of three.js (r129)
    It's time to share my pet project for the last couple of months: a port of the JavaScript 3D library three.js, based on r129. https://github.com/markaren/threepp. - Source: Reddit / 7 days ago
  • [Article] Understanding Cameras and Lenses with interactive exemples (Link in comments)
    You can also use Three.js (https://threejs.org/) or modelviewer (https://modelviewer.dev/) wich is simpler, I use it for one of my project (https://www.didierbecet.art/). - Source: Reddit / 7 days ago
  • I want to create a replica of a website, just want to know is it possible in react js?
    If you want to render any 3d object using js you'll need this Https://threejs.org/. - Source: Reddit / 7 days ago

p5.js mentions (43)

  • Wave Portraits
    Thanks! I’ve made them with a JavaScript framework called p5.js. It runs in the browser. I used Visual Studio to code it locally on my machine, but there’s also a web editor to get started right away. - Source: Reddit / 3 days ago
  • Setting for better canvas performance?
    I am quite into graphics programming with p5.js, but since I use LibreWolf the canvas performance/frame rate is very bad. When using Firefox on the same machine I get the usual performance so I am sure that this is just a setting I can toggle inside of LibreWolf. - Source: Reddit / 16 days ago
  • Struggle with learning
    If you aren't focused on any particular language, I would suggest the JavaScript library p5.js! Lots of resources for learning on YouTube (The Coding Train) & a useful online editor as well. - Source: Reddit / 27 days ago
  • Help
    If you can't install anything, look into the JavaScript graphics & animation library p5.js! They have an online editor that lets you write & run code from your browser! - Source: Reddit / 27 days ago
  • How should I go about learning programming?
    I recently made a post about why I think the JavaScript library p5.js is a great way to learn programming. Check out my post history to see the reasons & the resources I linked to! - Source: Reddit / 28 days ago

What are some alternatives?

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

Snap.svg - Snap.svg is a javascript SVG library for the modern web.

D3.js - D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.

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

Anime.js - Lightweight JavaScript animation library

Paper.js - Open source vector graphics scripting framework that runs on top of the HTML5 Canvas.

Raphael - Raphael.js is an Object Oriented drawing library. It is good at making in-depth diagrams with complex interactions.

User reviews

Share your experience with using Three.js and p5.js. For example, how are they different and which one is better?

Post a review