THREE-CustomShaderMaterial
Extend Three.js standard materials with your own shaders! (by FarazzShaikh)
react-postprocessing
📬 postprocessing for react-three-fiber (by pmndrs)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
| THREE-CustomShaderMaterial | react-postprocessing | |
|---|---|---|
| 5 | 5 | |
| 731 | 1,030 | |
| - | 1.7% | |
| 5.7 | 7.1 | |
| 5 days ago | 25 days ago | |
| TypeScript | JavaScript | |
| GNU General Public License v3.0 or later | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of THREE-CustomShaderMaterial.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-01-28.
-
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
Posts with mentions or reviews of react-postprocessing.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-10-06.
-
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?
When comparing THREE-CustomShaderMaterial and react-postprocessing you can also consider the following projects:
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
THREE-CustomShaderMaterial vs element-behaviors
react-postprocessing vs drei
THREE-CustomShaderMaterial vs lamina
react-postprocessing vs Next.js
THREE-CustomShaderMaterial vs leva
react-postprocessing vs R3F-CRA-Starter
THREE-CustomShaderMaterial vs trois
react-postprocessing vs postprocessing
THREE-CustomShaderMaterial vs photon
react-postprocessing vs react-three-flex
THREE-CustomShaderMaterial vs three-noise
react-postprocessing vs gelato-ui