Can I draw 3D characters in three.js?

[hofk]

Simpler shapes can be created and animated with three.js.

Something like that can be done, but it is not entirely trivial:

Multi Form Geometry

For the procedurally generated skeleton figure Pino - a procedurally generated and moved skeleton figure I created a self-defined geometry. With it, all body parts are generated and connected to the bones. Thereby I concentrated on the most necessary things. From the completion of this approach the Multi Form Geometry was created. It has some similarities but also clear differences to my Addon. Produces almost infinite many time-varying geometries with functions. It is much clearer in the …

Curved2Geometry - a twofold curved geometry

Construction One defines with some 3D points the center curve and for some angles the orthogonal radial distances of the hull from these points. By specifying the maximum values, one determines the vertical and radial fineness of the representation. With a definition string of three characters one determines whether caps are to be generated and whether these are to be flat or smooth. The third character allows radial connection without seam or symmetrical geometry. For symmetrical geometry t…

ProfiledContourGeometry MultiMaterial

With reference to ProfiledContourGeometry and Simple Rectangular Geometry Extrusion (Anyone?) here another variant of the creation of such a geometry. An indexed BufferGeometry will be created. Look there: http://threejs.hofk.de/ProfiledContourGeometryMM/ProfiledContourGeometryMM.html The definition is done without using any other three.js objects except THREE.BufferGeometry( ). This makes it very easy to use MultiMaterial. There are two different modes to choose from. In 7 colo…

Addon to create special / extended geometries

updated NOTE: Modular bundling of multiple geometry definitions has some advantages, but also disadvantages if the overview and maintainability suffers. Therefore I created newer geometry creations in extra files and collect them on Github at GitHub - hofk/threejsResources: Resources for three.js There are also extra posts about it here in the forum. The THREEg addon is used to create special / extended geometries. [20180208-2112-21658] The addon generates non indexed BufferGeometries. Th…

Addon. Produces almost infinite many time-varying geometries with functions

For the first time, I came across three.js in January 2016. Since September I have been working on this issue. In three.js core elementary geometries are defined. When designing my “Bumblebee Mara” I needed other shapes and produced them by deformation of sphere and cylinder. http://codepen.io/hofk/pen/eWdZMb Additionally inspired by https://threejs.org/examples/js/ParametricGeometries.js ( @author zz85 <<< old link, no longer available, see revision 100) I have programmed a three.js addo…

Addon for triangulation of implicit surfaces/ forms with holes

The THREEi addon is used to create indexed geometries for implicit surfaces and forms with holes. On GitHub: GitHub - hofk/THREEi.js: three.js addon for triangulation of implicit surfaces and for forms with holes. The addon generates indexed BufferGeometries. The addon contains the sphere with holes. See also Triangulation sphere with holes Update: August 8th Added a version with limitation for infinite surfaces (e.g. cylinders) or cut surfaces by a limitation of the co…

see hofk (Klaus Hoffmeister) · GitHub

---

From the Collection of examples from discourse.threejs.org

BumblebeeMara

Pino
CustomCylinderAndKnee
raycaster - drag and drop

ComputeNormalsInVertexShader

DynamicTubeGeometryCaps
MorphBoxSphere

RobotSimulation

---

With loaded models
CarRacing
MovementOnCurve