{"repo":"cortiz2894/flow-shield-effect","free":true,"listed":false,"github":"https://github.com/cortiz2894/flow-shield-effect","clone":"git clone https://github.com/cortiz2894/flow-shield-effect.git","description":"A real-time force shield effect built with React Three Fiber, Three.js, and custom GLSL shaders. This repository is a free open-source resource for the creative development community.","language":"TypeScript","stars":170,"topics":["threejs","gamevfx"],"license":null,"category":"game-templates","readme_excerpt":"Force Shield VFX A real-time force shield effect built with React Three Fiber, Three.js, and custom GLSL shaders. This repository is a free open-source resource for the creative development community. It includes a fully interactive 3D Playground to explore every parameter of the shield in real time — hex grid, hit impacts, life system, reveal animation, bloom, and more. --- https://github.com/user-attachments/assets/9d8db7ce-726f-45fc-9ee6-92410176ca1d --- ✨ What is this? Force Shield VFX is a production-quality WebGL shield effect built entirely with custom vertex and fragment shaders. It is designed as a learning resource and a starting point for similar VFX in interactive 3D projects. Key highlights: - Fully parametric — every visual property exposed via GUI - Written in clean, well-commented GLSL - Organized codebase: shaders, controls, and constants are split into separate files - Two ready-to-use scene presets (Default and Droideka) - Zero external shader libraries — everything is hand-written --- 🛡 Shield Features Visual - Hex grid — tri-planar projection with cube-face selection and seam fade - Fresnel glow — edge highlight driven by view angle - Flow noise — animated surface disturbance using layered simplex noise - Cell flash — per-hex random flicker - Bottom fade — configurable gradient that dissolves the shield toward the ground - Life color — shield shifts from its base color to red as health depletes Hit System - Ring buffer — up to 6 simultaneous hit impacts ","default_branch":null,"files":null,"tree":[],"storefront":"/r/cortiz2894","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/cortiz2894/flow-shield-effect/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."}