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.
BufferGeometry stores vertex data in…
from Mesh = Geometry + Material
Plain arrays
Typed array attributes (positions, normals, uvs)
A JSON tree
Local storage
Q2.
For first-person movement, prefer…
from OrbitControls
OrbitControls
PointerLockControls
TrackballControls
TransformControls
Q3.
A child Object3D inherits its parent's…
from Scene
Color
Transform
Material
Animation
Q4.
A Scene is the…
from Scene
Camera view
Container for objects, lights, cameras
Frame buffer
GLSL program
Q5.
Add an object to the scene with…
from Scene
scene.append()
scene.add()
scene.push()
scene.attach()
Q6.
The default coordinate system is…
from Intro
Right-handed, Y-up
Left-handed, Z-up
Right-handed, Z-up
Screen-space (pixels)
Q7.
To stay framerate-independent, multiply motion by…
from Animation Loop
1
delta time
window.innerWidth
Math.PI
Q8.
Each frame you typically…
from Animation Loop
Recreate the scene
Update state then render
Reload textures
Recompile shaders
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.
The animation loop is driven by…
from Animation Loop
setTimeout
requestAnimationFrame
setInterval
Web Workers
Submit
Back to Three.js Tutorial
🏆
Achievement unlocked!