Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Also searching for Drag Interaction, because “draggable” is another name for it.
17 results for “draggable”.
- Showcase
Totem.earth Turns a Web3 Landing Page Into a WebGL Ritual Object
OFF+BRAND’s Totem.earth wraps a Web3 ecosystem in smoke, light, and a draggable Three.js object that does most of the branding before the copy gets a turn.
- Showcase
Orbiting a Single Photo: 3D Camera Control with Qwen Image Edit and Three.js
Upload a photo, drag a Three.js camera to a new angle, and a diffusion model hallucinates what the scene looks like from there. 96 poses, trained on Gaussian Splatting renders, running in a single app.py.
- Showcase
A Windows 98 Portfolio
Evan Poliquin's portfolio renders a full Windows 98 desktop inside a three.js scene, with React UI nested via CSS3D and raycasting to translate 3D clicks into 2D interaction. Two versions ship: WebGL with metaballs, or video fallback for lower-spec machines.
- Showcase
A Brewery Hero Section You Can Push Around
A landing page for a brewery that doesn't exist, built so you can shove it around. Real physics rides under the hero: objects with weight that jostle, settle, and won't sit still. A percent counter loads the whole scene before the first frame. The demo is its own documentation.
- Showcase
A Project Gallery That Bends Like Film
A row of project cards behaves like a strip of film you can scroll, flex, and shove around with your cursor. Built in Three.js with hand-written GLSL, where scroll velocity drives a vertex-shader bend and a post-process pass adds the grainy, almost celluloid edge shimmer.
- Showcase
Walking Inside a DeepSDF Latent Space, in the Browser
Click a dot in the UMAP atlas and a chair resolves from a 256-dim code. Drag a slider and watch it melt into a lamp, meshed live from a neural signed distance function at 64³ or 128³. DeepSDF latent spaces you can actually walk around in. Three.js, WebGL, no download.
- Showcase
Track: A Scroll-Paced WebGL Run by Hiroto Sato
Scroll the page and an athlete runs forward. Stopwatch climbing, meters racking up, quotes from sports icons surfacing as you earn them. Hiroto Sato's TRACK pairs WebGL with GSAP and paces its reveals to distance instead of viewport position.
- Showcase
Cat Warrior Parkour: Seven Levels of Three.js Platforming
Pelican Party Studios ships a tidy 3D parkour game in the browser: seven levels, hidden jades, a cat with no respect for gravity, and optional multiplayer. Three.js under the hood, aggressive asset diets, and jumps tuned to stay forgiving past the third fall.
- Showcase
Flight Path: 30,000 GPU-Instanced Flights on a Photorealistic Earth
Yong Su's Three.js demo spins a photorealistic Earth and threads up to 30,000 planes along dashed parabolas between cities. Every plane lives in one instanced mesh, with shaders handling the per-frame math. Scrub the UTC slider and watch the terminator crawl across the Pacific.
- Showcase
DRIFT: A Million Particles, a Lost Astronaut, and AI-Generated Loneliness
A lost astronaut records his diary in your browser. Over a million GPGPU particles shift with his mental state while AI generates fresh text and voice each visit. Ming Jyun Hung built something that feels alive and a little heartbreaking.
- Showcase
Troika: The Three.js Framework That Solved WebGL Text Rendering
Troika parses font files directly, generates SDF glyphs in a web worker, and patches any Three.js material with the right shader code. The result is crisp, antialiased 3D text that handles kerning, ligatures, and RTL layout without dropping frames.
- Showcase
Climbuddy: From Phone Photos to Interactive 3D Climbing Walls in the Browser
Snap photos of a bouldering wall, get back a textured 3D model with routes and holds auto-detected. Climbuddy chains COLMAP, SAM, and YOLO into a WebGL viewer that actually makes sense to use.
- Showcase
Earthquake Pulse Map: A Century of Seismic Activity on a WebGL Globe
A Three.js globe plotting 120+ years of major earthquakes with custom GLSL shaders, binary-packed data, and live USGS feeds. Spin, zoom, and scrub through time. The tectonic boundaries light up whether you're ready or not.
- Showcase
NGL Viewer: WebGL Molecular Graphics That Scales to Millions of Atoms
A WebGL viewer that renders proteins, DNA, and virus capsids with millions of atoms, smoothly, on desktop or phone. Hyperball shaders, MMTF parsing, and a selection language that actually works.
- Showcase
Orage Studio: A Modular WebGL Grid That Feels Like a Visual Operating System
Orage's homepage runs on a custom WebGL canvas-masking engine. Shader-driven tiles flicker and sync like data packets, the menu is drag-and-drop, and the whole thing boots like a terminal. Built by Beaucoup with Three.js, GSAP, and a deep commitment to the retro-tech aesthetic.
- Showcase
Why Most 3D Websites Feel Wrong (and How to Fix It)
An interactive demo that breaks down what makes 3D sites feel clunky vs. alive. Step through real examples of inertia, bounce, magnetic snapping, and micro-interactions that transform flat 3D into something users actually want to touch.
- Showcase
Google's Language Explorer
Explore 7,000+ languages on a slick WebGL-powered globe built by Google Research. Real-time filters, rich metadata, and interactive pins all driven by the LinguaMeta dataset.
