
from lettier
3D Game Shaders For Beginners Interested in adding textures, lighting, shadows, normal maps, glowing objects, ambient occlusion, reflections, refractions, and more to your 3D game? Great! Below is a collection of...
Low-level graphics API for rendering interactive 3D and 2D graphics.

from lettier
3D Game Shaders For Beginners Interested in adding textures, lighting, shadows, normal maps, glowing objects, ambient occlusion, reflections, refractions, and more to your 3D game? Great! Below is a collection of...

from martinlaxenaire
What is it ? Knowledge and technical requirements Installation and usage In a browser, you can use the UMD files located in the dist directory: Usage with React Note that if you are using React, you might want to try...

from EvanBacon
Try in the Browser This is strictly for educational purposes only. Models I created the models using the open source project MagicaVoxel. Stack - Expo ios, android, web - React Native for web web - React Native ios,...

from doxas
twigl twigl.app is an online editor for One tweet shader, with gif or webm, jpeg, png generator and sound shader, and broadcast live coding. get started Example: regulation There are four modes in twigl.app, each of...

from emilwidlund
Alma Alma is an interactive playground for generative graphics. It comes with a unique node-based editor for WebGL experiences, and a layer-based renderer which can mix graph layers with raw GLSL-based layers. Nominated...

from andrewwoan
Recreation of Award-winning Bokoko33's Portfolio Live demo This repo contains code of a recreation of Bokoko33's award-winning website . The original creator asks to please not use this exact idea, but feel free to use...

from Motion-Core
Motion Core Motion Core is not just a library; it's a curated collection of expressive, production-ready motion components designed for the experimental web. Born from a desire to make high-end motion design accessible,...

from bizarro
Bruno Arizio This is the repository of Bruno Arizio portfolio. We decided to be transparent and take a step forward in making this entire project open source so people can learn how to make the things we created. The...

from iyinchao
🔮 Liquid Glass Studio English README.md 简体中文 README-zh.md O‘zbekcha README-uz.md The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 & WebGPU. Includes most Liquid Glass features with fine-grained...

from AndrewPrifer
React Three Editable ⚠️ React Three Editable is now part of Theatre.js and can be found on NPM as @theatre/r3f . The new project is functionally almost the same as this one, just with more features, regular maintenance...

from vaneenige
THREE.Phenomenon THREE.Phenomenon is a tiny wrapper around three.js built for high-performance WebGL experiences. With it's simple API a mesh can be created that contains multiple instances of a geometry combined with a...

from xemantic
shader-web-background Displays GLSL fragment shaders as a website background. Supports Shadertoy shaders, multipass - ping-pong offscreen buffers, feedback loops, floating-point textures. Either with WebGL 1 or 2, will...

from bizarro
BIZAR.RO This is the repository of Bizarro portfolio. The website was submitted to Awwwards in December 14, 2020 but unfortunately didn't made to score a Site of The Day. Overview The front end of the portfolio was made...

from JohansenJunias20
Portofolio🚀🚀🚀 Source code of Go to deploy repository ⭐ Reviewed by Web Programming Unpas 🔗 Please install Git bash and Docker⚠️ Development - Run webpack build watch and nodemon websocket - Only build files not...

from jagracar
WebGL shader examples Some simple examples of WebGL shaders. They can be seen live at webgl-shaders.com. Build the project Install Node.js for Ubuntu :

from Erkaman
glsl-godrays This module implements the volumetric light scattering effect godrays described in "Volumetric Light Scattering as a Post-Process" as a GLSL shader. A demo is provided at: The camera in the demo is...

from bizarro
Infinite WebGL Images A tutorial explaining how to build an infinite scrolling gallery using WebGL with OGL and GLSL Shaders. Article on Codrops Demo Installation Install dependencies: - - Misc Follow Luis Henrique...

from EvanBacon
Expo Voxel Tutorial 🍎 Watch the video tutorial: Youtube 👍 Stack 🥞 - Expo - React Native - THREE.js Special Thanks 🙏 - Voxel Terrain by Mr. Doob - Nikhilesh Sigatapu - Charlie Cheever - Expo Team

from tiansijie
Tile Based WebGL Deferred Shader updated with WebGL 2 support Yuqin & Sijie Sijie's twitter: Yuqin's twitter: Demo Mentioned Overview Deferred shading, a screen-space shading technique, which enables fast and complex...

from ybouane
LiquidGlass A liquid glass effect library for the web. Live Demo Apply realistic glass refraction, blur, chromatic aberration, and lighting effects to any HTML element using WebGL shaders. Demo Installation 1. Non-glass...

from repalash
Open shader repository Collection of many open source shaders GLSL, HLSL, CG in popular open source game development and rendering engines and public repositories. Aim is to have a common index of shader snippets and...

from Tw1ddle
Interactive procedurally generated sun and skies. Run it in your browser. This extends code from my Ludum Dare 33 entry, Otherworldly Stars. Usage Use the controls in the top right of the demo page to modify the shader...

from juniorxsound
R3F.Multiplayer React three fiber, socket.io boilerplate multiplayer server and client 💻 Getting started Getting started To quickly get started - Clone the repository git clone...

from nhtoby311
Interactive Water Surface A React Three Fiber component for water surface with realistic reflections, with additional interactive FX. Installation 1. Make sure you have all dependencies installed first: Import...