black's public fiddles
-
Threejs - Custom Line Drawing to Fence
Three.js r54, HTML, CSS, JavaScript
-
threeJS - reuse and update Line
Three.js r54, HTML, CSS, JavaScript
-
Threejs - Groups
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Ray cast against Math Line
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - BufferAttribute - Vector3s
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Offfset Shapes with cutout
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Offfset Shapes
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Template2 ES6
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Lines and Arcs Basic
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Updating Line at Center vs non-center
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Button Animate On Press
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Custom 2D shape without using ShapeGeometry
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Vector Project On Vector
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Under Decking
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Dragging Angled Sides
When the selected object needs to change in size while dragging.
-
HTML Canvas - Pattern Editor
No-Library (pure JS), HTML, CSS, JavaScript
-
Threejs - Landscape Pattern Concept
No-Library (pure JS), HTML, CSS, JavaScript
-
THREEJS - Loading Images around CORS
Loading images whos domain does not set cors security to on. you can try uploading images to https://unsplash.com/ and load images form there, as their images do not have CORS set. Which allows you to load the image with crossORigin set to anonymous.
-
Calculating the intersection of two lines.
Demonstrating a function for calculating the intersection of two lines, and determining whether the intersection point is on either line segment.
-
Threejs -Line inside a Math Line + Movement + Math Plane
A math plane has a nomalized vector normal in order to know how the plane is tilted. It doesn't have an aboslute position like a mesh and it has no boundary and is infinite. A math ray can hit a math plane from any direction, front and back, a long as the ray is perpendicular and not parallel to the plane. To set a math plane in position and face a direction, use the method setFromNormalAndCoplanarPoint();