Skip to content

guidoschmidt/examples.lygia-threejs

Repository files navigation

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

How to start?

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

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