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.