THREE-CustomShaderMaterial
leva
THREE-CustomShaderMaterial | leva | |
---|---|---|
5 | 11 | |
731 | 4,627 | |
- | 1.6% | |
5.7 | 1.5 | |
5 days ago | 17 days ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
THREE-CustomShaderMaterial
-
Extending Shader Materials
Or there is a package made by someone: https://github.com/FarazzShaikh/THREE-CustomShaderMaterial
-
Procedural realtime caustics in Three.js (code in commentes)
This was made as a demo for my library three-custom-shader-material. The library lets you extend Three.js standard materials with your own shaders!
- Just rewrote my Custom-Shader-Material to work with react-three-fiber. It lets you extend the default materials provided by ThreeJS with your own shaders! Demo in comments!
-
My Custom Shader Material now supports (almost) all standard material types and all standard material properties including shadows and vertex colors! It also supports custom diffuse color via Fragment Shader along with custom Vertex Shaders with standard materials as a base. Find it in the comments!
Version 2.3 of my CustomShaderMaterial (GitHub) now supports:
- Just updated my CustomShaderMaterial. Extend ThreeJSโs standard materials with custom vertex shaders. Perfect for GPU accelerated vertex manipulation.
leva
-
A lightweight GUI library for Angular
I created a GUI library, it's very useful for the visual editor and it can be very easy to generate config panel for options. If you don't know about GUI library, maybe you can checkout some other famous open source project ( dat.gui, tweakpane, leva).
-
Leva.cljs: Reagent interface to the Leva declarative GUI library
Hey all! I'm writing to announce v0.1.0 of Leva.cljs. This library provides a Reagent interface to the Leva declarative GUI library. These panels can sync bidirectionally to a stateful atom or cursor. Please give the library a try via the interactive documentation notebook written with Nextjournal's Clerk. Clojars: https://clojars.org/org.mentat/leva.cljs Github: https://github.com/mentat-collective/leva.cljs cljdoc: https://cljdoc.org/d/org.mentat/leva.cljs/0.1.0 Interactive docs: https://leva.mentat.org
- Best gui library for react 3 fiber (besides dat.gui)?
-
Migrating my Gatsby MDX blog to AstroJS (and why you shouldn't)
For the post processing I used @react-three/post-processing components, and to get the look just right I created a debug panel using Leva to adjust some values (like bokeh blur).
- I made this shader inspired by stripe.com
-
React Three Fiber and NextJS Starter Template
๐ Leva panel for debugging
-
Just rewrote my Custom-Shader-Material to work with react-three-fiber. It lets you extend the default materials provided by ThreeJS with your own shaders! Demo in comments!
Thanks! And nope, itโs something even better - Leva
-
Flow-field.js โ A library for generating flow fields
The GUI library that demo uses is pretty slick: https://github.com/pmndrs/leva
-
How to reproduce Death Stranding UI with react and react-three-fiber
Donโt hesitate to put every configuration variable (columns, lines, layers, spacing โฆ) for this grid in a tool like leva to make it look like what you want.
- Show HN: A GUI you are going to lava
What are some alternatives?
element-behaviors - An entity-component system for HTML elements.
react-three-fiber - ๐จ๐ญ A React renderer for Three.js [Moved to: https://github.com/pmndrs/react-three-fiber]
lamina - ๐ฐ An extensible, layer based shader material for ThreeJS
valtio - ๐ Valtio makes proxy-state simple for React and Vanilla
trois - โจ ThreeJS + VueJS 3 + ViteJS โก
gltfjsx - ๐ฎ Turns GLTFs into JSX components
photon - [DEPRECATED] An open source portfolio of 3D scenes, experiments, and prototypes.
zustand - ๐ป Bear necessities for state management in React
three-noise - Simple gradient noise library for use with Three.js. Now with fBm!
awesome-react-three-fiber - ๐ A loose collection of cool r3f links, gifs, people, stuff
react-postprocessing - ๐ฌ postprocessing for react-three-fiber
gltf-pipeline - Content pipeline tools for optimizing glTF assets. :globe_with_meridians: