Real 3D in p5js - Uses 3D Glasses

Channel:
United States Steve's Makerspace
Subscribers:
7,360
Published on ● Video Link: https://www.youtube.com/watch?v=thSlWxoseLs


Duration: 0:00
428 views
26

In this video, I go over some basic code for making real 3D images in p5js. You'll need to get some 3D glasses to see the effect. You can get some online for $5.

3D Basic Code (no array);
https://editor.p5js.org/StevesMakerspace/sketches/oSZLYSCfu

3D Basic Code using array of canvases:
https://editor.p5js.org/StevesMakerspace/sketches/G1RDBbNw3

My How to Code Generative Art Playlist:
   • How to Code Generative Art: Preview to the...  

My Intro to WEBGL:
   • 20: Intro to WEBGL-3D Graphics in p5.js: H...  

Barney Codes intro to shaders:
   • Introduction to shaders: Learn the basics!  

https://p5js.org/

Join my Discord: https://discord.gg/FSW6zzU

Follow me on Twitter: https://twitter.com/SteveMakerspace

Steve's Patreon page: https://www.patreon.com/steves_makerspace



Other Videos By Steve's Makerspace


2025-03-24Real 3D in p5js - Uses 3D Glasses
2025-03-09Let's Talk - Channel Update & What Steve's Up To
2025-03-02How I Made Little Galleries - p5js generative art
2025-01-05Sedimentary Groove: Gen Art coding and project review in p5js
2024-05-25Fun with MoveNet plus p5play and p5js - Creative Coding
2024-05-14Gen Art Code Review: Surrender to the Dance
2024-01-0724: Where to go from here; the creative process; big list of resources: How to Code Generative Art
2024-01-0523: More Useful Functions in p5.js: How to Code Generative Art
2024-01-0322: Deeper Dive into Color in p5.js: How to Code Generative Art
2024-01-0121: Return, Break & Continue in p5.js: How to Code Generative Art
2023-12-3020: Intro to WEBGL-3D Graphics in p5.js: How to Code Generative Art
2023-12-2819: Clipping Function in p5.js: How to Code Generative Art
2023-12-2618: Perlin Noise Flow Fields in p5.js: How to Code Generative Art
2023-12-2417: Perlin Noise Grid Project in p5.js: How to Code Generative Art
2023-12-2216: Introduction to Perlin Noise in p5.js: How to Code Generative Art
2023-12-2015: Sine and Cosine to make wonky circles and meandering lines in p5.js: How to Code Generative Art
2023-12-1814: Array Examples from Steve's Projects in p5.js: How to Code Generative Art
2023-12-1813: Basics of Arrays in p5.js: How to Code Generative Art
2023-12-1611: Using a Buffer Canvas - createGraphics, Get, Image, Tint in p5.js: How to Code Generative Art
2023-12-1410: Creating Functions in p5.js: How to Code Generative Art
2023-12-139: On Being a Generative Artist - How to Code Generative Art - p5.js