Christian Daniel Ortiz Ororbia

flow-shield-effect. 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.

hologram-particles. A real-time hologram particle effect built with Three.js WebGPU, TSL Node Shaders, and Next.js. This repository is a free open-source resource for the creative development community.

stylized-components. A growing collection of real-time, anime-inspired rendering systems for the web, built with Next.js, Three.js and React Three Fiber. Each one is a self-contained, reusable component written in custom GLSL — drop it into your own scene and drive it from Leva. No baked textures, no black boxes.

ship-selection-page. Preview "Laser Drift" Ship Selection Page

showcase-images. An immersive 3D scene built with Three.js, designed to showcase images in a dynamic and interactive way. The gallery reacts smoothly to mouse movement and scroll interactions, creating a sense of depth and motion that enhances visual storytelling.

mouse-effects. A collection of interactive mouse effects built with Next.js, Three.js, and GSAP. This project showcases creative cursor interactions including water ripple distortions, image trails, and liquid mask reveals.

charged-blast-vfx. A real-time Mega Man–style charge shot 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.

landing-product. Hi Keys is a personal project showcasing the power of WebGL and ThreeJs, combined with the versatility of NextJS, TypeScript, GSAP for animations, and CSS Modules for efficient styling. Explore this visually stunning experience and discover how technology can transform ideas into captivating web experiences.

creative-boilerplate. Personal production-ready setup for building interactive 3D experiences, experiments, and client projects.

depth-map-effect. Interactive 3D depth effect using depth maps and WebGL shaders.

bye-keys-experience. This project was an opportunity to explore creativity, design skills, and knowledge in 3D model. Bye Keys is a project inspired by a MIDI controller, fused with the aesthetics of the 80s.

cloth-simulation. This is a small visual experiment exploring cloth-like motion through rigging and physics simulation.

disney-plus-clone. Disney + clone created to help students understand how React works in bootcamp for BBVA

threejs-boilerplate. Base boilerplate for projects with ThreeJS

creative-404-page. This is a custom 404 page built as a creative experiment using 3D and animation.

shopflex-api. JavaScript

streaming-ui. TypeScript

eliza-v1. TypeScript