Best of threejs — January 2026

1. 1
   Article

   Gamification·12w

   Full 3D Space RTS Game in a Single HTML File

   A developer created a complete 3D space RTS game in a single HTML file using Three.js. The game features procedurally-generated planets using GLSL shaders with fractal Brownian motion noise, flocking behavior for ship movement, and functional AI opponents. Built without build tools or bundlers, it demonstrates modern browser capabilities for game development with WebGL rendering 3,000 particle starfields, real-time laser effects, and orbital camera controls. The project showcases how constraints can lead to elegant solutions and serves as an example of creating interactive experiences with minimal tooling.

   142

   11
2. 2
   Article

   Frontend Focus·11w

   Frontend Focus Issue 726: January 28, 2026

   Chrome Canary now supports testing the new text-scale meta tag, which allows websites to respect user text size preferences more effectively than traditional zooming. The newsletter also covers CSS stacking contexts, introduces Color Palette Pro (a color palette tool with a synth-inspired UI), mentions Typed.js reaching version 3.0, and highlights impressive web ports of classic games including Super Monkey Ball and Quake using Three.js.

   36
3. 3
   Article

   Dev Tools·15w

   Built a 3D Scrollytelling Engine

   A visual studio tool that generates standalone 3D scrollytelling experiences without framework dependencies. Exports include a custom vanilla JavaScript engine (ScrollyPipeline.js), project configuration JSON, and assets bundled in a ZIP file. Features spline-based camera interpolation, real-time PBR materials, multi-chapter support, and configurable easing. Deployable to any static host without build processes or npm dependencies, with optional React integration via JSON export.

   20

   2
4. 4
   Article

   Vuejs&Nuxtjs·12w

   WebGL shaders with Three.js in Nuxt

   WebGL and Three.js enable GPU-accelerated graphics and shader programming within Nuxt projects to create dynamic visual effects and immersive interfaces. By executing custom fragment and vertex shaders on the GPU, developers can build organic backgrounds and 3D experiences that maintain performance while degrading gracefully across devices. Three.js abstracts low-level WebGL complexity into a flexible JavaScript API, making advanced shading techniques and real-time 3D rendering accessible for modern web applications.

   11