INTRO /
3D in Webflow
WebGl with Three.js
W/ Sergey and me!
INTRO /
What is 3D?
(In General)
Is the process or rendering (representing/visualising) graphical content in 3 dimensional space.
INTRO /
What is 3D?
In Browser
Is doing that representation in browser, ideally in real time.
W/ Sergey and me!
INTRO /
How does it work?
WebGl → Is a native browser API that allows GPU accelerated graphics.
Three.js → Is a library that makes doing WebGl bearable.
INTRO /
Yeah, but how.
We need:
A World
The context from where we'll be observing
Some Objects
What are we going to observe
INTRO /
The World.
Is our reference system, the world we'll be observing.
Contains
Coordinates
Us
Our POV
...
What are we going to observe
INTRO /
The Objects.
Is what we'll be observing.
Called Meshes
Which are described by
A Geometry
A Material
INTRO /
Why is this important?
Because it doesn't exist and we need to make it.