https://github.com/GraemeFulton/ThreeJS-3D-Music-Visualizer

Three.js terrain + starfield (object oriented)
https://github.com/GraemeFulton/ThreeJS-3D-Music-Visualizer

Last synced: 2 days ago
JSON representation

Three.js terrain + starfield (object oriented)

• Host: GitHub
• URL: https://github.com/GraemeFulton/ThreeJS-3D-Music-Visualizer
• Owner: GraemeFulton
• Created: 2015-05-03T23:55:25.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-11-17T13:56:06.000Z (almost 8 years ago)
• Last Synced: 2024-10-30T05:34:35.204Z (15 days ago)
• Language: JavaScript
• Size: 31.4 MB
• Stars: 8
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#Seeing Sounds with Three.js

This is a tutorial series I have been writing, and very much a work in progress. The series provides an introduction the world of three.js through developing a music visualizer. The tutorials created and code used so far can be seen below:


![header](https://gfulton-images.s3.amazonaws.com/2015/Dec/a77c9b93142db7e47dcb1effde43c14f-1449307608685.jpg)

Contents

Three.js Basics

Get up to speed with three.js: setting your first scene

Seeing Sounds Project

Seeing Sounds with ThreeJS + WebGL [Intro]

Seeing Sounds [Part 1]: Creating the star field 

Seeing Sounds [Part 2]: Creating the terrain

Seeing sounds [Part 3]: Star field + Terrain

Seeing sounds [Part 4]: Animating a terrain with three.js

[Todo: First person movement with the Chase Camera]

Coding an infinite 3D terrain

Coding an infinite 3D world with three.js [Part 1]

Coding an infinite 3D world with three.js [Part 2]

Code

Tutorial repository

Code samples can be seen here

Object oriented repository

To create a more re-usable codebase, I then refactored the javascript into object oriented code, which can be seen in this repository.