THREE-CustomShaderMaterial
react-postprocessing
THREE-CustomShaderMaterial | react-postprocessing | |
---|---|---|
5 | 5 | |
731 | 1,030 | |
- | 1.7% | |
5.7 | 7.1 | |
6 days ago | 26 days ago | |
TypeScript | JavaScript | |
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.
react-postprocessing
-
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).
-
Lost on How To Implement Custom Post Processing, React
I'm attempting to implement custom post processing in react three fiber but I do not know how to go about it. I've tried to use these links as reference:https://github.com/pmndrs/react-postprocessing/blob/master/api.mdhttps://github.com/pmndrs/postprocessing/wiki/Custom-Passeshttps://github.com/pmndrs/postprocessing/wiki/Custom-Effects
-
HELP! how to create a custom postprocessing effect for react-three-fiber.
Hi all I've been fiddling with three.js for some time now! and recently started using react-three-fiber just because it's easy to use and declarative. I was wondering if someone here could help me out creating a custom postprocessing effect for my r3f project. I have the shader code already and I have seen pmndrs' code to extend three.js effect class but I'm unable to implement it with the shader code I have. the link to pmndr's / paul Hanchel's code Here and shader code for lens distortion effect Here or on stack overflow here. please assume I know nothing! thanks in advance!
-
issues using react-postprocessing selective bloom
looks like an active bug when using three r135 and above https://github.com/pmndrs/react-postprocessing/issues/111
-
I have started an everyday generative art project using React (and Three.js)
React Three Fiber with Drei and Postprocessing
What are some alternatives?
element-behaviors - An entity-component system for HTML elements.
drei - 🥉 useful helpers for react-three-fiber
lamina - 🍰 An extensible, layer based shader material for ThreeJS
Next.js - The React Framework
leva - 🌋 React-first components GUI
R3F-CRA-Starter - A starter project for React-Three-Fiber bootstrapped with Create-React-App and some useful packages
trois - ✨ ThreeJS + VueJS 3 + ViteJS ⚡
postprocessing - A post processing library for three.js.
photon - [DEPRECATED] An open source portfolio of 3D scenes, experiments, and prototypes.
react-three-flex - 💪📦 Flexbox for react-three-fiber
three-noise - Simple gradient noise library for use with Three.js. Now with fBm!
gelato-ui - React component library and design system powered by Vanilla Extract