/mfadt-threejs-modules

Class repository for workshop on using Three.js and Webpack to divide a Three.js project into separate files

Primary LanguageJavaScript

MFADT / Shaders / Three.js Modules

Class repository for workshop on using Three.js and Webpack to divide a Three.js project into separate files.

We will be using the following libraries: three.js, webpack, babel, dat.gui

system requirements

  • Node.js version 13.12.0 or higher
  • NPM version 6.14.4 or higher

getting started

git clone https://github.com/zachkrall/mfadt-threejs-modules.git
cd mfadt-threejs-modules

install dependencies

npm install

start dev server

npm run dev

folder structure

src/
    components/
        Camera.js: extends three.js camera class
        Renderer.js: extends three.js renderer class
    objects/
        Ball.js: extends three.js mesh
    shader/
        functions/: various GLSL functions
        _frag.js: example fragment shader
        _vert.js: example vertex shader
        shaders.js: holds shader materials
    main.js

Design + Technology / Parsons School of Design
Currents: Experimental Shaders / Faculty: Justin Bakse
Spring 2020 / PSAM 5600 / CRN 7776

http://compform.net/experimental_shaders/