Inicialización de los Bots

100%

Inicialización de los Bots

✓ Published0🌍 Public

Last edited Feb 24, 2025

Created on Feb 24, 2025

Three specialized Jaguar-themed chat agents, ConstruBot, ElectroBot, and AdminBot, each use the Three.js WebGL library to render a shared 3D environment—a school parking lot with malfunctioning lamps. The visualization displays the interactive chat transcripts alongside a three-dimensional scene, where each bot’s response surfaces directly in the space. The gist’s data consists of the agents’ textual dialogues, which are dynamically bound to the 3D view via the rendering engine, illustrating distinct safety, electrical, and budgeting perspectives on the same repair task.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 2dcaad3a5d177257ef30955eada2624a

This visualization uses Three.js to render a three-dimensional scene that presents an academic consent form and instructions for using ChatGPT in a high school digital culture class. The WebGL canvas displays the document text as a textured surface, with the form details, registration steps, and activity guidelines mapped onto the 3D geometry. The material appears to be a rendered paper-like plane with text projected across its surface, creating a physical representation of the digital document. The setup likely uses Three.js scene construction with text applied as textures to show the written information as part of the 3D space.

IIoTeacher

60% match

Loading thumbnail…

LabBot Ciudadano Digital

LabBot Ciudadano Digital is a WebGL-rendered educational visualization that maps the ethical and legal responsibilities of clinical laboratory professionals in managing digital health data. It illustrates the consequences of sharing sensitive patient information without authorization, contrasting secure data handling with risky practices. The visualization uses Three.js for 3D scene rendering and interactive camera controls, with data from a Markdown-based lesson plan. It employs custom shaders and geometry to represent data flow nodes and privacy breach scenarios, while the interface supports real-time rotation and zoom to explore different case study examples. The source data originates from a gist authored by IoTeacher.

IIoTeacher

59% match

Loading thumbnail…

Pagina con ChatGPT-4 e DALL-E API

This example demonstrates a web interface for generating both text and images using OpenAI’s APIs, with ChatGPT-4 handling prompt responses and DALL-E producing matching visuals. A user enters a prompt in an HTML input field, triggering a fetch request to the ChatGPT-4 completion endpoint, which stores the response text in an array and displays it as slides in a scrollable container. Simultaneously, a second fetch call to the DALL-E image API generates three images, rendered as 200x150 pixel thumbnails. The UI is styled with vanilla CSS, including a search bar, image container, and horizontal slide layout, with no external JavaScript libraries beyond the browser’s built-in fetch API.

EErik L

58% match

Loading thumbnail…

My first three.js app

This example renders a 3D model of a two-cylinder engine inside a minimal web page. It uses Three.js with a WebGL renderer, importing the model from a local GLB file via the GLTFLoader. The scene adds the model at a fixed position and scale, sets up a perspective camera, and performs a single static render. The code also includes commented-out boilerplate for animating a rotating cube, but the active behavior is limited to loading and displaying the engine model.

AAron Gaden

56% match

Loading thumbnail…

three.js

Three colored cubes rotate continuously in a gray 3D scene, each spinning on its X and Y axes at staggered speeds. The visualization uses Three.js with a WebGL renderer to draw the cubes, a PerspectiveCamera, DirectionalLight, and MeshPhongMaterial for shading. The animation loop increments rotation based on time, driven by requestAnimationFrame, with cubes positioned at different X coordinates.

Ssabrinamochi

56% match

Loading thumbnail…

three.js webgl - simple text from json

This example renders the text "Three.js\nStroke text." as 3D geometry in a WebGL scene using Three.js. A `FontLoader` loads a typeface JSON file containing glyph outlines, from which `generateShapes` creates filled shapes with semi-transparent material and stroked outlines with darker material. The scene includes an `OrbitControls` camera for interactive rotation and a light gray background. The rendering highlights both the filled and stroked paths of each character.

LLaurens

55% match

Loading thumbnail…

Fork of Face with d3.js!

This example shows three green robots with yellow heads and pink caps moving horizontally across a patterned light-gray SVG background. Each robot bounces back and forth independently, reversing direction when it reaches the edge of the 600x400 viewport. The code builds the robots using D3 v7 selections and SVG shapes, including circles for eyes, polygons for antennae, and paths for bodies. Animation is driven by `requestAnimationFrame`, updating each group's `transform` attribute every frame based on a per-robot direction state.

Ddmouli369@gmail.com

55% match

Loading thumbnail…

Three.js Geometry Browser

This interactive Three.js example demonstrates a real-time 3D geometry explorer, allowing users to cycle through and modify a variety of parametric shapes, including boxes, cylinders, and custom polyhedra like the gem form. It shows how wireframe overlays and solid meshes update together as parameters change. The code relies on the Three.js library, using `PolyhedronGeometry`, `WireframeGeometry`, and `OrbitControls` for camera interaction, while `dat.gui` provides the control panel for adjusting geometry dimensions and segmentation. Rendering is handled through WebGL with continuous animation, and a separate HTML link opens the scene in a new window.

BBillyBHWong

55% match