basement.studio :: lab

# experiments and interactive demos built by basement.studio. the arcade at /lab is a desktop webgl experience; a lightweight mirror lives at lab.basement.studio.

experiments ...
17
mirror ........
lab.basement.studio
markdown ......
/lab.md
human .........
/lab

── EXPERIMENTS ────────────────────────────────────────────────────────────────────────────────

  • - 3D Wireframe Reveal — This experiment explores dynamic visualization techniques for unveiling a 3D object through its wireframe structure
  • - Bunker Scene — The Bunker 3D: Behind the Scenes delves into the process of crafting a highly detailed underground environment,
  • - Camera Rail — A showcase showing how splines can be used to create a camera rail.
  • - Carpenter Scene — Exploring the creation of a urban environment using simplified geometry.
  • - CD Reflections — Physical behavior of light interacting with microscopic grooves on a CD’s surface
  • - Circular Fog Shader — An spotlight effect that highlights only the elements in the middle of the scene.
  • - Collision Lightning — Lightning animations dynamically triggered upon object collisions, creating striking visual effects and reactive energy bursts.
  • - FFFlauta Scene — The FFFlauta Scene: Behind the Scenes takes a deep dive into the creation of an atmospheric moment in this old-school point-and-click game.
  • - Glyphs Rain Animation — This animation creates an engaging visual effect where symbols or characters fall like raindrops, cascading down the screen in a fluid, dynamic pattern.
  • - Image Pixelation Effect — This effect dynamically reduces image resolution in real-time to create a stylized, blocky aesthetic
  • - Instanced Grass — The Instanced Grass experiment explores efficient rendering of large-scale grass fields in WebGL using instancing techniques.
  • - Normals & HDRI Hologram — By leveraging normal maps, the surface details respond realistically to lighting changes, while HDRI provides realistic reflections and ambient illumination.
  • - Render Texture — By rendering to a texture instead of directly to the screen, we can manipulate and reuse the output in creative ways, such as applying shaders for distortion effects or creating complex multi-pass rendering pipelines.
  • - Sun Rays Cone — This simulates volumetric light effects by projecting a noise-textured illumination onto a conical shape.
  • - Transition Shader — Animate transition between matcap texture and shader based on scroll.
  • - Vertex Animation Texture — Animate soft bodies dynamically using a displacement texture for realistic motion.
  • - Xero Scene — Explore dynamic light-based signage using WebGL and shader-driven effects.