iwantcoding
.com
Tutorials
▾
Web Frontend
HTML
CSS
HTML5
CSS3
JavaScript
TypeScript
Sass
React
Vue
Svelte
Tailwind
Backend
Python
PHP
Node.js
Java
Go
Rust
Ruby
C#
Databases
SQL
MySQL
PostgreSQL
MongoDB
Firebase
GraphQL
Redis
Mobile
React Native
Flutter
Swift
Kotlin
Ionic
Cloud & DevOps
AWS
Docker
Kubernetes
CI/CD
Linux/Bash
AI & Data
NumPy/Pandas
Machine Learning
TensorFlow
PyTorch
LangChain
RAG
Cybersecurity
XSS
SQL Injection
CSRF
OWASP Top 10
Cryptography
Ethical Hacking
Tools
Git
DSA
Design Patterns
RegEx
VS Code
Specialty
Game Dev
WordPress
Web3/Solidity
Three.js
Capstone
Enterprise Architecture
HTML
CSS
JAVASCRIPT
SQL
PYTHON
PHP
TYPESCRIPT
REACT
NODEJS
MONGODB
DOCKER
GIT
TAILWIND
GRAPHQL
LINUX-BASH
AWS
KUBERNETES
VUE
SVELTE
SASS
THREEJS
GO
RUST
JAVA
RUBY
CSHARP
WORDPRESS
POSTGRESQL
MYSQL
REDIS
FIREBASE
REACT-NATIVE
FLUTTER
SWIFT
KOTLIN
IONIC
CICD
NUMPY-PANDAS
ML
TENSORFLOW
PYTORCH
LANGCHAIN
XSS
SQLI
CSRF
OWASP
CRYPTO
DSA
DESIGN-PATTERNS
REGEX
VSCODE
GAMEDEV
WEB3
ENTERPRISE
CAPSTONE
ETHICAL-HACKING
🔥 Daily
👥 Rooms
🏆 Top
Log in
Sign up
AI ✨
Three.js Tutorial
BOSS QUIZ
10 questions · 5 minutes · pass at 70% to clear the track.
05:00
Start
Q1.
To stay framerate-independent, multiply motion by…
from Animation Loop
1
delta time
window.innerWidth
Math.PI
Q2.
For PBR-style realistic materials use…
from Mesh = Geometry + Material
MeshBasicMaterial
MeshStandardMaterial / MeshPhysicalMaterial
LineBasicMaterial
SpriteMaterial
Q3.
A Mesh combines a…
from Mesh = Geometry + Material
Camera + light
Geometry + material
Texture + shader
Scene + renderer
Q4.
The animation loop is driven by…
from Animation Loop
setTimeout
requestAnimationFrame
setInterval
Web Workers
Q5.
The default coordinate system is…
from Intro
Right-handed, Y-up
Left-handed, Z-up
Right-handed, Z-up
Screen-space (pixels)
Q6.
OrbitControls let you…
from OrbitControls
Edit shaders live
Pan / orbit / zoom the camera
Profile draw calls
Edit geometry vertices
Q7.
Three.js renders 3D scenes using…
from Intro
Canvas 2D
WebGL (and WebGPU)
SVG
WebRTC
Q8.
A Scene is the…
from Scene
Camera view
Container for objects, lights, cameras
Frame buffer
GLSL program
Q9.
A typical render setup needs at least…
from Intro
Scene + camera + renderer
Only a renderer
A texture and a light
A shader and a mesh
Q10.
OrbitControls live in…
from OrbitControls
The core three package
three/examples/jsm/controls
A separate npm package
WebXR
Submit
Back to Three.js Tutorial
🏆
Achievement unlocked!