https://github.com/ykob/study-threejs-lighting

It's a study record of 3D graphic lighting with the shaders that I created by quoting from three.js.
https://github.com/ykob/study-threejs-lighting

nuxtjs threejs webgl

Last synced: 3 months ago
JSON representation

It's a study record of 3D graphic lighting with the shaders that I created by quoting from three.js.

• Host: GitHub
• URL: https://github.com/ykob/study-threejs-lighting
• Owner: ykob
• Created: 2019-11-04T00:14:42.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2023-01-27T05:11:54.000Z (about 2 years ago)
• Last Synced: 2024-10-12T22:17:09.417Z (4 months ago)
• Topics: nuxtjs, threejs, webgl
• Language: GLSL
• Homepage: https://ykob.github.io/study-threejs-lighting/
• Size: 32.7 MB
• Stars: 14
• Watchers: 4
• Forks: 1
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# study-threejs-lighting

It's a study record of 3D graphic lighting with the shaders that I created by quoting from three.js.  

https://ykob.github.io/study-threejs-lighting/

## Build Setup

```bash

# install dependencies

$ yarn install

# serve with hot reload at localhost:8080

$ yarn dev

# build for production and launch server

$ yarn build

$ yarn start

# generate static project

$ yarn generate

# deploy to GitHub Pages

$ yarn deploy

```

## Reference sources 

- [three.js shaders](https://github.com/mrdoob/three.js/tree/master/src/renderers/shaders)

- [THREE.AmbientLight](https://threejs.org/docs/?q=Light#api/en/lights/AmbientLight)

- [THREE.DirectionalLight](https://threejs.org/docs/?q=Light#api/en/lights/DirectionalLight)

- [THREE.HemisphereLight](https://threejs.org/docs/?q=Light#api/en/lights/HemisphereLight)

- [THREE.PointLight](https://threejs.org/docs/?q=Light#api/en/lights/PointLight)

- [THREE.SpotLight](https://threejs.org/docs/?q=Light#api/en/lights/SpotLight)

## Assets

- [Water Surface Normal Map](https://www.cgtrader.com/3d-model-collections/ocean-8k)

- [Object Normal Maps](https://www.cgtrader.com/3d-models/textures/natural/s-ea3e180f-bfed-4c62-aaa1-4045e48d8d59)

- [Nebula Spherical Map](https://www.cgtrader.com/3d-models/textures/miscellaneous/nebula-spherical-maps-and-skyboxes-8192x4096-px)