Skip to content

Examples: Add BoxInteractionManager for HTMLTexture box interaction.#33612

Open
MrYang614 wants to merge 5 commits into
mrdoob:devfrom
MrYang614:feature/html-texture-box-interaction
Open

Examples: Add BoxInteractionManager for HTMLTexture box interaction.#33612
MrYang614 wants to merge 5 commits into
mrdoob:devfrom
MrYang614:feature/html-texture-box-interaction

Conversation

@MrYang614
Copy link
Copy Markdown

@MrYang614 MrYang614 commented May 20, 2026

Summary

  • Add BoxInteractionManager and MinHeap in examples/jsm/interaction/ for per-face HTMLTexture interaction on box meshes (up to three nearest visible faces inside the frustum).
  • Add webgpu_materials_texture_html_box example demonstrating multi-face HTML-in-Canvas interaction on a rounded box.
  • Register the example in files.json.

Test plan

  • Run npm start and open webgpu_materials_texture_html_box
  • Orbit the box and verify HTML on visible faces is interactive (button, input)
  • Run npm run lint

Co-authored-by: Cursor <cursoragent@cursor.com>
Comment thread examples/jsm/interaction/BoxInteractionManager.js Fixed
scene.environment = new THREE.PMREMGenerator(renderer).fromScene(new RoomEnvironment(), 0.02).texture;

// HTML element
const materials = []
yangjun and others added 4 commits May 21, 2026 10:30
EOF

Co-authored-by: Cursor <cursoragent@cursor.com>
Regenerate baseline with make-screenshot and disable CSS animation during TESTING.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants