examples.lygia-threejs
                                
                                 examples.lygia-threejs copied to clipboard
                                
                                    examples.lygia-threejs copied to clipboard
                            
                            
                            
                        Collection of three.js examples using lygia shader library
Lygia Examples
These are examples of how to use LYGIA Shader Library with three.js
Live examples: lygia.guidoschmidt.cc
| Example | Preveiw | 
|---|---|
| marching squares [2D] | ![Marching Squares [2D]](https://github.com/guidoschmidt/examples.lygia-threejs/raw/main/2d-marching-squares/screenshot.png) | 
| forward rendering [basic] | ![Forward rendering [basic]](https://github.com/guidoschmidt/examples.lygia-threejs/raw/main/3d-forward-rendering-basic/screenshot.png) | 
| forward rendering [advanced], 5 x 5 PBR Materials | ![Forward rendering [advanced]](https://github.com/guidoschmidt/examples.lygia-threejs/raw/main/3d-forward-rendering-advanced/screenshot.png) | 
How to start?
Clone this repository including its submodules. LYGIA is used as git submodule in this repository.
git clone --recurse-submodules [email protected]:guidoschmidt/lygia_threejs_examples.git
Run the examples
The repository contains several examples in. Each example is its own sub-project. You can start each example as following:
cd 3d-forward-rendering-basic
npm | yarn | pnpm install
npm | yarn | pnpm dev
You can also start an overview HTML page by running just:
npm | yarn | pnpm dev
Open Issues & Ideas
- Use THREE.js internal light shadow map. Currently it looks like there's an
incosistency when using light.shadow.map.textureas the shadow map texture.
- Create a custom LygiaMaterialin order to integrate into THREE.js render pipeline
- Pass all PBR material parameters to the Lygia shaders/materials