These are examples of how to use LYGIA Shader Library with three.js

Live examples: lygia.guidoschmidt.cc

Example	Preveiw
marching squares [2D]
forward rendering [basic]
forward rendering [advanced], 5 x 5 PBR Materials

Clone this repository including its submodules. LYGIA is used as git submodule in this repository.

git clone --recurse-submodules git@github.com:guidoschmidt/lygia_threejs_examples.git

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

• Use THREE.js internal light shadow map. Currently it looks like there's an incosistency when using light.shadow.map.texture as the shadow map texture.
• Create a custom LygiaMaterial in order to integrate into THREE.js render pipeline
• Pass all PBR material parameters to the Lygia shaders/materials