ndrsllwngr / linear-vaporwave-three.js

My first Three.js project: an attempt at recreating the WebGL animation of the 2021 Linear release page https://linear.app/releases/2021-06

Home Page:linear-vaporwave-three-js.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Linear Vaporwave Three.js scene

This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.

Demo

Head over to https://linear-vaporwave-three-js.vercel.app/ to see the project live.

Learn how it's built

I dedicated a blog post on how I implemented this scene 👉 Building a Vaporwave scene with Three.js.

Getting started

First, install the dependencies:

npm i
# or
yarn

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

About

My first Three.js project: an attempt at recreating the WebGL animation of the 2021 Linear release page https://linear.app/releases/2021-06

linear-vaporwave-three-js.vercel.app


Languages

Language:JavaScript 95.0%Language:CSS 5.0%