Skip to main content
100%

Gist 2bf4f8f77b581264da82c111addb1dd0

✓ Published0🌍 Public
Aandybak
Last edited Nov 11, 2021
Created on Nov 3, 2021

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.

AI-generated description

Similar vizzes

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
83% match
Loading thumbnail…

Gist 6e56678993df5a603e27787a7af84f9c

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.

Aandybak
80% 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
78% match
Loading thumbnail…

Gist c700120232ca68a90adc791f75c8a16c

This example demonstrates a Python client for controlling a 3D drawing environment through a local HTTP API. It shows how to remotely manipulate a brush, spectator camera, and user position using simple method calls that construct URLs with query parameters. The code uses `urllib.request.urlopen` to send commands to a server at `localhost:40074`, enabling actions like drawing strokes, moving the brush, turning the camera, and toggling spectator mode. It also provides shortcuts for showing folders, exporting sketches, and listening for stroke data, making it a toolkit for interactive visualization scripting.

Aandybak
75% 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
72% 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
71% match
Loading thumbnail…

Gist ce2d0ae16f469275661564df223c4a0c

This example displays a long, alphabetically sorted list of brush names in a scrolling text interface, with a large color swatch and hexadecimal color readout updating in real time. It uses a custom rendering loop with Canvas API drawing operations to generate a procedural color gradient based on mouse position. The code references `requestAnimationFrame` and Canvas `fillRect` to continuously repaint the background, while the list itself is rendered as plain HTML text. No external visualization libraries are used; the interaction is limited to mouse movement affecting the displayed color.

Aandybak
70% match
Loading thumbnail…

Gist e783e9e7df0dc768c4e7a8bc773de936

This example demonstrates a Tilt Brush tool that generates polyhedral brush strokes in virtual reality. It shows how a Conway polyhedron’s faces are converted into stroke control points and drawn as colored line segments. The code uses PolyhydraBrushHelper to generate the geometry, then iterates over each face’s halfedges to build control points with position, orientation, and pressure data. Strokes are created via the Stroke class and memorized in SketchMemoryScript, with face colors applied from polyHelper.GetFaceColor().

Aandybak
69% match