Creating a Particles Galaxy with Three.js

A coding session where you’ll learn how to recreate the galaxy made of particles from the Viverse website.

By Yuri Artiukh in Videos on June 21, 2022

In this new ALL YOUR HTML coding session we will look into recreating the particles galaxy from Viverse using Three.js.

Original: https://www.viverse.com/

Made by: https://ohzi.io/

This coding session was streamed live on June 19, 2022.

Check out the live demo.

Image credit goes to https://www.instagram.com/tre.zen/

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

Yuri Artiukh

Yuriy is a developer from Kyiv, Ukraine. Leading a small frontend agency riverco.de, also speaking at conferences, and open for freelance projects. Curious about CSS and shaders. Loves to learn every day.

particles three.js webgl

Master JavaScript Animation with GSAP – Perfect for Beginners! Get full, free access to 34 video lessons, step-by-step projects, and hands-on demos. Enroll for free →

Yuri Artiukh

3D Perspective Glitch Hover Effect

Coloring With Code — A Programmatic Approach To Design

Conway’s Game Of Life – Cellular Automata and Renderbuffers in Three.js

Stay in the loop: Get your dose of frontend twice a week