thehale.dev / threejs-dice-screensaver

0

A tutorial teaching the basics of the 3D Web Graphics library THREE.js via the creation of a 3D Dice Screensaver

0

threejs-dice-screensaver / demo /

at main 2 folders 2 files

Joseph Hale Create THREE.js Dice Tutorial 4y ago

Create THREE.js Dice Tutorial Behold our completed THREE.js quickstart tutorial created as part of an Advanced Topic assignment for our Web Programming course at Arizona State University in the Fall 2021 Semester. We had a lot of fun putting this together and making it look really nice. We hope you also find it fun to explore and use! Co-authored-by: jgjanes <jgjanes@users.noreply.github.com> Co-authored-by: Brent Watkins <brent.n.watkins@gmail.com>

4 years ago

Create THREE.js Dice Tutorial Behold our completed THREE.js quickstart tutorial created as part of an Advanced Topic assignment for our Web Programming course at Arizona State University in the Fall 2021 Semester. We had a lot of fun putting this together and making it look really nice. We hope you also find it fun to explore and use! Co-authored-by: jgjanes <jgjanes@users.noreply.github.com> Co-authored-by: Brent Watkins <brent.n.watkins@gmail.com>

4 years ago

Create THREE.js Dice Tutorial Behold our completed THREE.js quickstart tutorial created as part of an Advanced Topic assignment for our Web Programming course at Arizona State University in the Fall 2021 Semester. We had a lot of fun putting this together and making it look really nice. We hope you also find it fun to explore and use! Co-authored-by: jgjanes <jgjanes@users.noreply.github.com> Co-authored-by: Brent Watkins <brent.n.watkins@gmail.com>

4 years ago

Create THREE.js Dice Tutorial Behold our completed THREE.js quickstart tutorial created as part of an Advanced Topic assignment for our Web Programming course at Arizona State University in the Fall 2021 Semester. We had a lot of fun putting this together and making it look really nice. We hope you also find it fun to explore and use! Co-authored-by: jgjanes <jgjanes@users.noreply.github.com> Co-authored-by: Brent Watkins <brent.n.watkins@gmail.com>

4 years ago

README.md

THREE.js / WebGL Demo#

The website contained in this folder is a demo of some basic 3D rendering on the web.

To load this demo website you will need a web server. We recommend using VS Code with this tutorial because it has a really easy to use Live Server Extension. Once it's installed, all you have to do is right click your .html file and choose the option Open with Live Server. Not only will your web page open in the browser, any changes you make to the source file are immediately reflected in the browser. Other IDEs may also have a similar feature that you can use.

The only dependency for this demo is the source code of THREE.js which has already been downloaded and saved into the js directory for you. If you want to download it yourself, you can do so from the official threejs.org website.

We've also made a video walkthrough of the demo available on YouTube.