Best of threejsFebruary 2025

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Code a Crossy Road Game Clone with React Three Fiber

    Learn how to create a clone of the mobile game Crossy Road using React Three Fiber. This tutorial covers setting up the scene, drawing characters and maps, animating vehicles, and implementing player movement and hit detection. The tutorial also provides guidance on using Vite to initialize the project and incorporating essential components for the game.

  2. 2
    Article
    Avatar of codropsCodrops·1y

    Implementing a Dissolve Effect with Shaders and Particles in Three.js

    Learn how to create a dynamic dissolve effect using Three.js shaders and particles. This tutorial covers setting up the environment and lighting, crafting the dissolve effect with Perlin noise, creating a particle system, and applying the Unreal Bloom effect to make the edges and particles glow. Each step is detailed with code snippets and linked to specific commits for easy reference.

  3. 3
    Article
    Avatar of game_developersGame Developers·1y

    Building a Web-Based MMORPG

    A developer is working on a casual project to create a web-based MMORPG using Flask and Three.js. They are seeking additional collaborators with or without game development experience to join the project, especially those skilled in sound and model design.

  4. 4
    Article
    Avatar of codropsCodrops·1y

    How to Make The Fluffiest Grass With Three.js

    Learn how to create the fluffiest grass on the web using Three.js with techniques including creating terrain, using tiled grass textures, alpha cards, and individual grass blades. Discover the instancing, chunking, and level of detail (LOD) methods to optimize performance, and enhance visual appeal with techniques like fake ambient occlusion, color variation, animation, and simplified lighting and shadows.