JR Logo
Axiom
Updated Nov 2024Next.js

Axiom - Dev Testing Ground

3D graphics and game dev testing environment built with Three.js

Personal sandbox for experimenting with 3D graphics, shaders, and game mechanics

Build Key Features

  1. 01

    Particles

    GPU-accelerated particle system with configurable emitters and custom shaders

  2. 02

    Weapons

    Test implementations of FPS mechanics including sights, scopes and effects

  3. 03

    Shaders

    Collection of custom GLSL/WGSL shaders for various visual effects

  4. 04

    Physics

    Basic player controller and physics interactions using Rapier

Friction Challenges

  1. 1

    Performance

    Optimizing particle and shader systems for smooth framerates

  2. 2

    Physics

    Balancing physical accuracy with playable mechanics

  3. 3

    Shaders

    Cross-platform shader development and optimization

Takeaways Learnings

Graphics

  • GPU particle systems and shader programming
  • Real-time graphics and post-processing

Architecture

  • Modular systems for weapons, particles and physics
  • Game state management patterns

Optimization

  • GPU-efficient rendering and physics
  • Batched rendering and shader optimization