threejs-html-surfaces
CommunityEmbed live HTML into Three.js meshes for interactive 3D interfaces.
Design & Creative#Three.js#3D interaction#HTML embedding#interactive 3D interfaces#scene integration
AuthorMCERQUA
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides the ability to add live HTML, such as interactive canvases and DOM widgets, directly onto specific named objects within a Three.js scene, creating rich and engaging interactive 3D environments.
Core Features & Use Cases
- Embed Live HTML: Insert dynamic HTML elements (including interactive features) into specified areas of a 3D scene.
- Mesh Targeting: Target specific objects within the scene using their names, such as "tv_screen" or "desk_tablet".
- Declarative API: Use a simple JSON-like syntax to specify HTML sources, size, and other attributes without extensive scripting.
Quick Start
Add the 'threejs-html-surfaces' skill and call 'mountHtmlSurfaces' to specify the target object, source HTML, and size.
Dependency Matrix
Required Modules
None requiredComponents
scriptsassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-html-surfaces Download link: https://github.com/MCERQUA/jam-skills/archive/main.zip#threejs-html-surfaces Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.