Beispiele webGL mit three.js
>>>>>>>> >>>>>>>>

JavaScript (ein wenig dokumentiert)
Hinweise zu den Beispielen siehe http://xprofan.net/intl/de/php,html,js/3d-grafik-webgl-mit-three-js/
externe Beispiele Sammlung von Beispielen von discourse.threejs.org
Durch Funktionen erzeugte Geometrie.
mit Zylinderkoordinaten
mit Kugelkoordinaten - sandbox THREEf & THREEp

- einfache Beispiele / Source Code: http://sandbox.threejs.hofk.de/examplesTHREEf.html

Siehe auch https://threejs.org/ forum und dort
Beitrag https://discourse.threejs.org/t/addon-produces-almost-infinite-many-time-varying-geometries-with-functions

Erweiterte Geometrie - sandbox THREEg
Erzeugt verschiedene Arten spezieller Geometrie.


Triangulation impliziter Flächen sandbox THREEi
Formen mit Löchern, Innengeometrie


2fach kurvige Geometrie Curved2Geometry

-Test- CPU-Simulation
Char InstancedBox
BinaryMemory MixedHtmlCssWebGl
Naeherung Schnitt von windschiefen Geraden
Wall (THREEg)
RoadRace Basis
ProfiledContourGeometry MultiMaterial
Konstruktionsbasis
schwingendes Polygon
Liniennetz (Linienlabyrinth) einfaches Design
Konvertierung Dungeon 2D zu Labyrinth 3D Design ... >>> mit zufaellig platziertem Objekt, Version aus THREEg.js
3D Labyrinth Design mit BufferGeometry / Multimaterial
einfaches 3D Labyrinth Design mit BoxBufferGeometry
Geometrie modifizieren ... nur Maus:


Aus THREEf Definition ein JavaScript mit Arrays für fixe Zeit t erzeugen.
Dazu die Definition im Quellcode (bei Zeile 190) anpassen/ ergänzen. Die Geometrie kann nachträglich modifiziert werden.
tween.js (in between) "weiche" Bewegung
Audio mit Firefox! (dort auch lokal lauffähig)
Drehung im Raum: Quaternion - Achse/Winkel
Grids
3D Objekt laden
CC-BY-Lizenz https://poly.google.com/
Spinner Hennadiy Kyseliov ( .obj / .mtl )

Innengeometry Kugel Zylinder Innengeometry Zylinder
TriangulationCylinderWithHoles <<< erweiterte Version <<< Basisversion
TriangulationSphereWithHolesParameterObject
indexed BufferGeometry, Algorithmus nach E. Hartmann https://www2.mathematik.tu-darmstadt.de/~ehartmann/
TriangulationSphereWithHoles TriangulationSphere
indexed BufferGeometry, Algorithmus nach E. Hartmann https://www2.mathematik.tu-darmstadt.de/~ehartmann/
HemiSphere, Schnitt nach Wunsch n-part non-indexed BufferGeometry
Sphere n part non-indexed BufferGeometry (Nord wird einfach kopiert) HemiSphere 6 part non-indexed BufferGeometry
HemiSphere n part (pole vertex) Geometry & indexed BufferGeometry HemiSphere 4 (pole vertex, Geometry)
HemiSphere 6 (pole vertex, Geometry) HemiSphere 3 (pole face, Geometry)
wheel Siehe auch https://discourse.threejs.org/t/multiple-textures-on-a-cylindergeometry/

sehr gute Erklärung zu den Problemen bei range siehe https://www.mediaevent.de/css/form-formulare.html
Speed Test einfach Speed Test (THREEf.js)
indexed BufferGeometry with normals
BufferGeometry (non indexed) BufferGeometry (indexed) <<<<< compare code
multi material / merge meshes / faces / THREEf
Hummel Mara ---> Hummel(alt) ... Skeleton
Shader
Bei diesen Beispielen im Quelltext Scripte id="vertexShader" und id="fragmentShader " beachten!
Lichtbrechung
Textur (Bilder) von Emil Persson: (Creative Commons Lizenz Attribution 3.0)
http://www.humus.name/index.php?page=Textures&start=32

Weiße Weinacht
Geometrie Spielbrett
Punktekette
Knoten -Bilder 1 - Knoten -Bilder 2 -
Siehe auch https://discourse.threejs.org/t/add-marker-to-rotating-globe-object-help/
Dreiecke und Knoten -Linie- Helfer
Knoten -Textur- Knoten -Linie-
Punktesystem Textur
Knoten Zeichen
Kollision Androiden Ring-Tennis
Display
3D Text
Androiden bauen ( 1. deutsche Version) build an android ( 2. english version)
Androide lernt werfen Androide/Wolke bewegt
Androide Rotation


Homepage-Sicherheit Impressum