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
- 841