Web Game Dev logo

Web Game Dev

Learn how to make games in JavaScript
๐ŸŽฎ WebGamer.io
GitHubGitHubDiscordDiscord
  • ๐Ÿ‘‹ Introduction
  • โœจ Games & Demos
    • ๐ŸŒ Web Engines
    • โšซ๏ธ Poimandres
    • โš›๏ธ React
    • ๐Ÿงฐ Dev Tools
    • ๐ŸŽฎ Native Engines
    • ๐Ÿฅฝย WebXR (VR, AR)
    • ๐Ÿฆ€ Rust Game Dev
    • ๐Ÿ“ Fundamental Math
    • ๐Ÿชฉ 3D Essentials
    • โœจ VFX & Particles
    • ๐ŸŒˆ Postprocessing
    • ๐ŸŽฌ Animations
    • ใ€ฐ๏ธ Randomness & Noise
    • ๐Ÿ‘ป Shaders
    • ๐Ÿ”ฎ Techniques
    • ๐Ÿ–ฅ๏ธ User Interface
    • ๐ŸŽจ HTML/CSS UI
    • ๐Ÿบ Modeling
    • ๐Ÿƒ Model Animations
    • ๐Ÿฆด Inverse Kinematics
    • ๐Ÿ”ˆ Audio
    • ๐ŸŽน Music Production
    • ๐Ÿ› Asset Stores
    • ๐Ÿฆพ AI-Generated
    • ๐Ÿƒ Gameplay
    • ๐Ÿ•น๏ธ Controls
    • ๐Ÿ—บ Level Design
  • ๐Ÿค– Artificial Intelligence
    • ๐Ÿ‘พ ECS
    • ๐Ÿƒ Testing
    • ๐Ÿšฆ State Machines
    • ๐Ÿ“จ Events & Messaging
  • ๐ŸŽพ Physics
  • โšก๏ธ Performance
    • โœ๏ธ Reduce Draw Calls
    • ๐Ÿ“‹ Instanced Meshes
    • ๐ŸŽฑ Object Pooling
    • ๐Ÿ‘ท Web Workers
    • ๐ŸงŠ Spatial Partitioning
    • ๐Ÿ™ˆ OffscreenCanvas
    • ๐Ÿค” Network Strategy
    • ๐Ÿข HTTP Requests
    • ๐Ÿ”ป Server-Sent Events
    • ๐Ÿ‡ WebSocket
    • ๐Ÿ† WebRTC
    • ๐Ÿค Reconciliation
    • ๐Ÿญ Web Frameworks
    • ๐ŸŽฎ Game Frameworks
    • โ˜๏ธ Backend Services
    • ๐Ÿ”‘ Authentication
  • ๐ŸŒŽย Publishing
    • ๐Ÿš€ Portals
    • ๐ŸŒ PWAs
    • ๐Ÿ–ฅ Desktop
    • ๐Ÿ“ฑ Mobile
    • ๐Ÿฅฝ VR
    • ๐ŸŽฎ Consoles
    • ๐Ÿ’ฐ Monetization
    • ๐Ÿ’ธ Getting Paid
    • ๐ŸŽ“ Learning
    • ๐Ÿง‘ People
    • ๐Ÿ‘ฅ Communities
    • ๐Ÿ’ก Inspiration
    • Steven Yau
    • Dek (Hordes)
    • Hendrik Mans
  • ๐Ÿ’Œ Newsletter
    • Issue 026 โ€“ New! ๐ŸŽ‰
    • Issue 025
    • Issue 024
    • Issue 023
    • Issue 022
    • Issue 021
    • Issue 020
    • Issue 019
    • Issue 018
    • Issue 017
    • Issue 016
    • Issue 015
    • Issue 014
    • Issue 013
    • Issue 012
    • Issue 011
    • Issue 010
    • Issue 009
    • Issue 008
    • Issue 007
    • Issue 006
    • Issue 005
    • Issue 004
    • Issue 003
    • Issue 002
    • Issue 001
  • โœ๏ธ Community Blog
    • A-Frame Mech Walker

๐Ÿ’Œ Check out the newsletter!

โœจ VFX & Particles

There are a few VFX and particles libraries for Three.js:

  • Stars
    NPM
    TS
    Maintained
  • Effekseer
    1k
    /w
    TypeScript
    1kN/A
    TypeScript
  • r3f-effekseer
    50
    /w
    TypeScript
    50N/A
    TypeScript
  • three.quarks
    300
    600/w
    TypeScript
    300600/w
    TypeScript
  • Nebula
    800
    200/w
    Definitely Typed
    800200/w
    Definitely Typed
    4 years
  • three.proton
    480
    10/w
    JavaScript
    48010/w
    JavaScript
    5 years
โœ๏ธ TODO:

BufferGeometry

Float32Array

BufferAttribute

Points

PointsMaterial

The art of screenshake

League of Legends VFX styleguide

๐Ÿชฉ 3D Essentials๐ŸŒˆ Postprocessing
Sponsored by CrazyGames
The next generation of web games
Sponsored by Poki
The market leader on Web
Written by ๐Ÿฆ Verekia
๐Ÿฆ‹ Bluesky โ€ข ๐Ÿ˜ Mastodon โ€ข ๐Ÿ™ GitHub