Skip to main content
100%

Gist 75d667d57672bebeec871c6adb853983

✓ Published0🌍 Public
Aandybak
Last edited Jul 16, 2021
Created on Jul 16, 2021

This example demonstrates how a 3D model is imported and placed into a scene at a specified position and rotation. The code uses the SketchMemoryScript and WidgetManager APIs to create a new model widget, load a file from the media library, and associate it with a TrTransform containing the given translation and rotation. It then shows the widget, disables dormant widget mode, and clears any current selection. The rendering approach relies on the Model class with its LoadModel method, while the CreateWidgetCommand handles undoable scene changes.

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

Gist 6ccd9c4ef2c862306f62bc847ac036d3

This WebGL visualization displays 3D models sourced from Google Poly, processed from original scene data into canonical JSON format. Using Python scripts, the code extracts embedded asset information from HTML pages and decomposes transformation matrices into rotation, translation, and scale components. The visualization renders the reconstructed 3D scenes through WebGL, leveraging the parsed model data and file type metadata from the Poly asset structure.

Aandybak
61% 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
60% match
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
60% match
Loading thumbnail…

Gist 4cf3c4c310294014302aa98c31600f32

This example displays a cortical surface mesh from a VTK file using pythreejs, a Jupyter widget library that wraps Three.js. It shows the brain’s left hemisphere pial surface colored by travel depth values, read with `read_vtk` from mindboggle.mio. The code builds a `FaceGeometry` from vertex and face arrays, applies a `LambertMaterial`, and renders the mesh in a `Scene` with `AmbientLight` and a `PerspectiveCamera`. Users can rotate the model interactively via `OrbitControls`.

Aakeshavan
59% match
Loading thumbnail…

sketch 02

A 3D block model rotates in a dark WebGL scene, its dimensions adjustable in real time through a dat.GUI control panel. The sketch uses Three.js with a perspective camera and OrbitControls, rendering both wireframe and flat-shaded materials to highlight the box’s edges and surfaces. Animate continuously rebuilds the geometry from parametric width, depth, and height inputs, while the directional and ambient lights define the form. The code does not load external data, relying instead on procedural geometry and interactive user sliders.

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

Gist 7d2dcc343f1204a9cc2385a893786dbe

This example demonstrates how to load and position a 3D model from Sketchfab into a Mozilla Hubs Cloud room using the Hubs Cloud scripting template. The code creates an `<a-entity>` in an A-Frame scene, attaches a `media-loader` component to fetch the model, and sets a `networked` component with the `#interactable-media` template so it appears for all clients. Execution is gated by author, login status, and email regex, and the model is placed at coordinates (1,1,1).

UUtopiah
58% match