Best of threejs2023

  1. 1
    Article
    Avatar of 80lv80 LEVEL·2y

    A Programmer Presents a Mind-Blowing Multi-Window Adaptive Experience

    A programmer has developed a setup that allows synchronization of a 3D scene across multiple browser windows. It uses Three.js and localStorage and is designed for developers interested in advanced web graphics and window management techniques.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Discover three.js!

    Discover three.js is a tutorial series that introduces the web as a platform for 3D graphics using the three.js WebGL library. It covers everything you need to start creating professional-quality 3D web applications and provides live code examples and clear diagrams.

  3. 3
    Article
    Avatar of habrhabr·3y

    React + Three.js. Creating your own 3D shooter. Part 1

    This article explores the integration and features of React Three Fiber, a library that combines React and Three.js for creating 3D graphics on the web. It discusses the advantages of using React Three Fiber, the relevance of web game development, and performance aspects to consider. The article provides a step-by-step guide on setting up the project, customizing the Canvas display, adding a floor surface, lighting, physics, camera movement, importing 3D models, enabling shadows, and adding animation. The next part of the article will cover further improvements to the game.

  4. 4
    Article
    Avatar of codropsCodrops·2y

    Creating Audio-Reactive Visuals with Dynamic Particles in Three.js

    Learn how to create audio-reactive visuals with dynamic particles using Three.js. The tutorial covers initializing the scene, analyzing audio data, detecting tempo, creating procedural reactive particles, adding noise and colors, and bringing audio and visuals together.

  5. 5
    Article
    Avatar of codropsCodrops·3y

    Animate a Camera Fly-through on Scroll Using Theatre.js and React Three Fiber

    This tutorial demonstrates how to use Theatre.js and React Three Fiber to animate a camera fly-through in a 3D scene on a webpage.