I needed a 3D shape picker for p5.js so I used what I had learnt from mixing 3D and 2D in canvasGUI to create my own. In the Jetsons sketch the boxes were created with the box(...) method and you can select any box by clicking on it. This was limiting so the second sketch allows you to select a fac…

I had the same difficulty when I created my website. I ended up using ThreeJs. What you are trying to do is called ray casting and P5 just can’t handle it like ThreeJs; yet. [image] Three.js – JavaScript 3D Library Check it out

[image] markcosmic: What you are trying to do is called ray casting Thanks, I already knew about ray-casting and I am not attempting to use it here. In these examples I am using a color-picking algorithm because it is simple to implement and does what I need. It also has the advantage that p…

3D Shape picking in p5.js

Gallery

Chrisir November 18, 2022, 7:41pm 2

1 Like

Topic		Replies	Views
2D and 3D shape picking in p5js V1 & V2 Gallery	6	89	September 24, 2025
How to pick specific parts of a Shape3D shape (processing) Libraries	3	451	November 11, 2019
Picking library failing on many spheres Libraries	12	190	November 12, 2024
Picking with JAVA2D Libraries	4	728	June 19, 2018
Convert 2D line drawing into 3D object in p5.js Project Guidance homework	7	3158	November 3, 2020

3D Shape picking in p5.js

Related topics