guidoschmidt/examples.lygia-threejs

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]
forward rendering [basic]
forward rendering [advanced], 5 x 5 PBR Materials

---

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.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