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/
aktuell:
Video 1
Video 2 Video 3
Video 4
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. Generiert non-indexed BufferGeometry.


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 )

HemiSphere n part (pole vertex) Geometry & 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)
BufferGeometry (non indexed) BufferGeometry (indexed) <<<<< compare code
multi material / merge meshes / faces / THREEf
Hummel Mara 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