{"repo":"FarazzShaikh/THREE-CustomShaderMaterial","free":true,"listed":false,"github":"https://github.com/FarazzShaikh/THREE-CustomShaderMaterial","clone":"git clone https://github.com/FarazzShaikh/THREE-CustomShaderMaterial.git","description":"🧩 Extend Three.js standard materials with your own shaders!","language":"TypeScript","stars":1326,"topics":["shaders","webgl","threejs","custom","3d"],"license":"MIT","category":"game-templates","readme_excerpt":"Custom Shader Material Extend Three.js standard materials with your own shaders! These demos are real, you can click them! They contains full code, too. More demos here! 📦 Custom Shader Material (CSM) lets you extend Three.js' material library with your own Vertex and Fragment shaders. It Supports both Vanilla and React! Show Vanilla example Show React example Show Vue (Tresjs) example Moved to Cientos' Docs Installation Output Variables CSM provides the following output variables, all of them are optional but you MUST use these variables like you would use standard GLSL output variables to see results. Variable Type Description Available In Notes --------------------------------- ------- ---------------------------------------------------------- ----------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------- Vertex Shader - - - - csm Position vec3 Custom vertex position. Vertex Shader csm Position will be projected furthur down the line. Thus, no projection is needed here. csm PositionRaw vec4 Direct equivalent of gl Position . Vertex Shader csm Normal vec3 Custom vertex normals. Vertex Shader csm PointSize float Direct equivalent of gl PointSize . Vertex Shader Only available in PointsMaterial Fragmet Shader - - - - csm DiffuseColor vec4 Custom diffuse color. Fragment Shader Base material's shading will be applied to this color. csm","default_branch":null,"files":null,"tree":[],"storefront":"/r/FarazzShaikh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/FarazzShaikh/THREE-CustomShaderMaterial/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}