Web Game Dev

Learn how to make games in JavaScript 🎮 WebGamer.io🎮 WebGamer.io (opens in a new tab)

GitHub (opens in a new tab)Discord (opens in a new tab)

👋 Introduction
✨ Games & Demos
🤖 Artificial Intelligence
🎾 Physics
⚡️ Performance
🌎 Publishing
💌 Newsletter
✍️ Community Blog
- A-Frame Mech Walker

💌 Check out the newsletter!

🪩 3D Essentials

✏️ TODO:

Meshes

Geometries, BufferGeometry, Drei shapes (opens in a new tab)

Materials (PBR, glTF 2.0 extensions (opens in a new tab))

Textures (KTX2)

Lighting and shadows, (PCSS (opens in a new tab))

[Shadowmaps](Shadow mapping (opens in a new tab))

Lightmaps

Cameras

Helpers

Delta time

Text, Troika (opens in a new tab)

Color management (opens in a new tab) (article (opens in a new tab))

Foliage, MeshSurfaceSampler (opens in a new tab)

Screen space, world space

Cameras in Side-Scrollers (opens in a new tab)

Third Person Cameras in Games (opens in a new tab) (Unity)

Is in mesh (opens in a new tab)

Is grounded (opens in a new tab)

BVH (opens in a new tab)

Drei Bvh (opens in a new tab)

Solving ray-box intersection (opens in a new tab) directly

⚠️ 2D Raycasting with Flatten.js

CSG - constructive solid geometry (combining geometries) - react-three-csg (opens in a new tab)

three-meshline (opens in a new tab)

📐 Fundamental Math ✨ VFX & Particles

Sponsored by Poki

The market leader on Web

Sponsored by Hathora

Cloud Hosting for Multiplayer Games

Written by 🐦 Verekia
🐘 Mastodon • 🐙 GitHub