Skip to main content
100%

Gist 6e56678993df5a603e27787a7af84f9c

✓ Published0🌍 Public
Aandybak
Last edited Mar 25, 2022
Created on Mar 25, 2022

This visualization shows a virtual reality scene of an open brush painting environment, with a headset and controllers rendered in 3D space. The configuration file sets up video capture parameters for exporting the scene, including resolution, frame rate, and camera smoothing. It uses Three.js for 3D rendering and specifies post-processing effects, FBX export options, and audio settings. The data originates from a Full of Eyes YouTube channel and is configured for both online and offline video output, with camera path saving enabled.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 2bf4f8f77b581264da82c111addb1dd0

This example provides a web-based control panel for managing a 3D virtual reality drawing environment. It allows users to configure brush types, sizes, and colors, as well as set the spectator camera’s position, target, and movement modes like stationary, follow, circular, or wobble. The interface also toggles visibility of canvas layers, UI elements, and user tools, and triggers actions such as saving, exporting, or clearing the scene. The code uses plain HTML form controls and JavaScript event handlers, with template placeholders for brush and environment data, but does not rely on external visualization libraries.

Aandybak
80% match
Loading thumbnail…

Gist bbd575c20a64fd4402a75d507da5c31f

This example demonstrates a 3D drawing and camera-control system built around a command-driven API. It shows how a user can manipulate a virtual brush, reposition the camera, and toggle features like symmetry, straightedge, and autoorient through a set of named commands. The visualization uses Three.js-like vector operations for translations and rotations, while commands such as `brush.draw` and `camera.teleport` are executed sequentially. It also includes save/load functionality with user and curated indices, plus export options for the scene. The code defines a protocol for capturing drawing actions, rendering them in 3D space, and managing user interactions.

Aandybak
75% match
Loading thumbnail…

Gist 1b1c584b62bbf80f4e95935d9654a5c9

This example demonstrates a virtual-reality drawing tool where users can create and manipulate 3D paths, strokes, and shapes in a spatial environment. The code uses the Tilt Brush API, including functions like `draw.path`, `strokes.select`, and `headset.pastPosition`, to render SVG-derived geometry and apply transformations such as translation, rotation, and scaling. It also supports symmetry modes, camera-path recording, and layer management, with turtle-style drawing commands and Unity Mathf utilities for calculations. The visualization shows how procedural and imported paths can be interactively positioned and edited within a VR scene.

Aandybak
73% match
Loading thumbnail…

Gist 4e55f8e8b799944cb6b33e98fd168250

This visualization shows a networked 3D scene assembled from GLTF assets, with a grid of nodes representing interactive media frames, text labels, and environmental elements like water, sky, and lighting. The code defines a complete virtual space using Three.js-style scene-graph components, including spawn points, waypoints, audio zones, particle emitters, and colliders. A central box-collider acts as a ground plane, while the scene includes a nav-mesh for navigation and a hidden trigger volume. The setup demonstrates how MIXED REALITY components—such as networked objects, media frames, and physics properties—combine to create a shareable, interactive environment with URLs for external image, video, and audio assets.

Aandybak
73% match
Loading thumbnail…

Gist 274a5a6067cf7b0ba3ea0762382b0112

This visualization demonstrates a virtual brush stroke system inspired by the Tilt Brush "Wire" material, using JSON-defined properties for rendering and physics. The experimental configuration adjusts float parameters like displacement, emission scroll, and squeeze amount, while the master brush file specifies material shaders, particle rates, and tube geometry. The code relies on structured data schemas to validate and interpret brush settings, with no external visualization libraries visible; instead, it appears to be a custom renderer that parses the JSON to control stroke appearance and animation.

Aandybak
71% match
Loading thumbnail…

Gist 234bdecaa64b3487505f6886f9daa54c

This example presents a 3D virtual Crater scene built with the Mozilla Hubs framework and Spoke editor, exporting a GLTF-style JSON scene graph. It shows a spatial environment with a ground plane, a nav mesh, a floor plan, and a spawn point, populated with interactive media frames and an audio zone. The scene uses Three.js-compatible node and mesh definitions, along with Hubs components like box-collider, waypoint, and trigger volume to define physics and navigation. A networked media frame is positioned to display 2D content, while the scene background is set to a gray color.

Aandybak
69% match
Loading thumbnail…

Gist 0ea3280775a189e0e80fa93b2445e92e

This visualization embeds an interactive 3D astronaut model from the Icosa gallery. The page uses an iframe with the `icosa.gallery` embed URL, enabling fullscreen, autoplay, and WebXR spatial tracking for immersive viewing. The model is rendered in real time, likely using Three.js behind the scenes, and supports touch or mouse interaction through the iframe’s sandboxed environment. No additional data processing or charting libraries appear in the code; the focus is solely on presenting the pre-built 3D asset.

Aandybak
68% match
Loading thumbnail…

Gist 2761dd6bd26cbb45163b317490fa58ff

A WebGL-based virtual reality scene built with Exokit and A-Frame loads a Hubs environment, rendering it through a WebGL 2.0 context. The visualization shows the console log output and error stack traces from the Hubs client, capturing runtime issues such as the MediaRecorder API incompatibility and schema warnings. The example demonstrates how WebXR applications can fail and log errors when running in non-standard environments, using Three.js and the Exokit browser runtime. It highlights error handling and API compatibility challenges in mixed-reality web development.

UUtopiah
67% match