leva
THREE-CustomShaderMaterial
leva | THREE-CustomShaderMaterial | |
---|---|---|
11 | 5 | |
4,627 | 731 | |
1.6% | - | |
1.5 | 5.7 | |
14 days ago | 1 day ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
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
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.
What are some alternatives?
react-three-fiber - ๐จ๐ญ A React renderer for Three.js [Moved to: https://github.com/pmndrs/react-three-fiber]
element-behaviors - An entity-component system for HTML elements.
valtio - ๐ Valtio makes proxy-state simple for React and Vanilla
lamina - ๐ฐ An extensible, layer based shader material for ThreeJS
gltfjsx - ๐ฎ Turns GLTFs into JSX components
trois - โจ ThreeJS + VueJS 3 + ViteJS โก
zustand - ๐ป Bear necessities for state management in React
photon - [DEPRECATED] An open source portfolio of 3D scenes, experiments, and prototypes.
awesome-react-three-fiber - ๐ A loose collection of cool r3f links, gifs, people, stuff
three-noise - Simple gradient noise library for use with Three.js. Now with fBm!
gltf-pipeline - Content pipeline tools for optimizing glTF assets. :globe_with_meridians:
react-postprocessing - ๐ฌ postprocessing for react-three-fiber