ComplexEngine
Nodejs Paris - 21 mars 2017
Géométrie 3D

CSS 3

Web GL
SVG

Géométrie
- contre -
Algébre

0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
+2
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
+2
-3
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
+2
-3
-1
2 + (-3) = -1
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-1
2
-4
-3
-5
-2
3
5
4
0
1
-2
-1
2
0
1
-1
2
-4
-3
-5
-2
3
5
4
x2
i² = -1
0
1
-1
2
-4
-3
-5
-2
3
5
4
2i
3i
4i
1i
-1i
-2i
-3i
-4i
0
1
-1
2
-4
-3
-5
-2
3
5
4
2i
3i
4i
1i
-1i
-2i
-3i
-4i
+ (3 + 2i)
0
1
-1
2
-4
-3
-5
-2
3
5
4
2i
3i
4i
1i
-1i
-2i
-3i
-4i
0
1
-1
2
-4
-3
-5
-2
3
5
4
2i
3i
4i
1i
-1i
-2i
-3i
-4i
0
1
-1
2
-2
2i
1i
-1i
-2i
1
-1
2
-4
-3
-5
-2
3
5
4
2i
3i
4i
1i
-1i
-2i
-3i
-4i
x(2 + i)
0
1
-1
2
-2
2i
1i
-1i
-2i
0
1
-1
2
-4
-3
-5
-2
3
5
4
2i
3i
4i
1i
-1i
-2i
-3i
-4i
x(2 + i)
(-1+i)
(-3+i)
(-1+i)x(2+i) = (-3+i)
0
1
-1
2
-4
-3
-5
-2
3
5
4
2i
3i
4i
1i
-1i
-2i
-3i
-4i
i² = -1
i² = j² = k² = ijk = -1

William Rowan Hamilton
NOPE
NOPE
Code


Quaternion
Quaternion

Quaternion

Point

Polygon

Polyhedron

toSvg()

toSvg()

toSvg()

toSvg()

Perspective
0+0i+0j-7.5k
0+2i+2j+4k
Perspective
0+0i+0j-7.5k
0+2i+2j+4k
z=0
Perspective
0+0i+0j-7.5k
0+2i+2j+4k
z=0
Perspective
0+0i+0j-7.5k
0+2i+2j+4k
z=0
0+1.3i+1.3j+0k
Perspective

Perspective

Translate

Scale

Rotate


h * q * h.inverse
h
Rotate

Rotate

Rotate



Animate

Animate

Conclusion
Sandpile

http://www.principia-informatica.fr/

Merci !
Q&A
Complex Engine - Nodejs Paris
By Thomas Petrachi
Complex Engine - Nodejs Paris
- 962