Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
In this Discussion
- jeremydouglass September 2016
- koogs September 2016
- martinpla September 2016
would like to program 3d graphic in p5.js/ a simple cube with all the rotations and translations
without any 3d libraries. only code.
Tagged:
Answers
there is a box object that'll draw a cube.
https://p5js.org/reference/#/p5/box
https://p5js.org/examples/examples/3D_Geometries.php
hi koogs, sorry, but i want to do nativ 3d programming. without all the objects. if you have only 8 points of the cube and then you have to use the rotation matrixes.
Well, p5js is itself a library -- however, if you want to look at an implementation of a cube / box and then write your own, then a great place to start might be the source code for p5js box.
Check out p5.js/src/webgl/primitives.js -- starting at the line "p5.prototype.box = function()"
For examples of basic implementations of geometric functions, check out p5.js/src/webgl/p5.Geometry.js
If you want to do "native" programming then a JavaScript client-side library like p5.js is a terrible choice for a language. I'd recommend looking at something like OpenFrameWorks so that you can work in C++. If you want to write everything in "native" JavaScript then you don't want to be using P5js at all.
It sounds like an assignment.
Have an array containing triplets for x, y, z (createVector?) And a list of connections between them.
Each frame, rotate each point then iterate through the connections list drawing lines between the points.