Skip to content

Collection of three.js examples using lygia shader library

Notifications You must be signed in to change notification settings

WuYue-s-Metaverse/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 [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

About

Collection of three.js examples using lygia shader library

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 61.8%
  • GLSL 26.6%
  • HTML 9.2%
  • SCSS 2.4%