{"enrichment":{"faq":[{"a":"pixijs-html-source bridges DOM content and GPU rendering by converting HTML elements into WebGL or WebGPU-backed textures. You can render live DOM elements that stay interactive via HTMLSource, or capture frozen snapshots as ElementImage objects and convert them to textures. The skill handles the experimental HTML-in-Canvas browser API, letting you compose web content seamlessly within PixiJS scenes without manual canvas drawing.","q":"How does pixijs-html-source render HTML to texture in PixiJS?"},{"a":"pixijs-html-source's HTMLSource component lets you display interactive HTML elements as sprites while keeping them editable. Unlike frozen snapshots, HTMLSource maintains the DOM's interactivity\u2014forms, buttons, and inputs remain functional. You can call requestPaint() to update the texture when content changes, and configure autoUpdate to refresh automatically. This approach is ideal when you need live HTML interaction within a PixiJS scene.","q":"What is HTMLSource and how do I keep interactive HTML elements editable?"},{"a":"pixijs-html-source provides ElementImage for capturing immutable snapshots of DOM elements. Once captured, you convert the snapshot to a texture for use in PixiJS sprites and meshes. This frozen approach is lighter than live HTMLSource when you don't need interactivity, and it's useful for caching static UI or rendering forms to canvas without ongoing updates.","q":"How do I capture element image snapshots and convert to textures?"},{"a":"Yes, pixijs-html-source includes feature detection and handling for the experimental HTML-in-Canvas browser API. The skill automatically detects browser support and gracefully manages the API's availability. This allows you to leverage cutting-edge rendering capabilities when available while maintaining compatibility across different environments.","q":"Does pixijs-html-source support the experimental HTML-in-Canvas API?"},{"a":"pixijs-html-source supports mapping HTML textures onto PixiJS meshes, enabling advanced transformations and effects. Once you've converted your HTML content to a texture\u2014whether via HTMLSource or ElementImage\u2014you can apply it to mesh geometries and use PixiJS's full transformation pipeline, including scaling, rotation, and distortion effects.","q":"Can I map rendered HTML onto meshes and apply transformations?"},{"a":"pixijs-html-source is released under the MIT license, allowing free use, modification, and distribution in both open-source and commercial projects with minimal restrictions.","q":"What license does pixijs-html-source use?"}],"shadow_tags":["gpu-rendering","dom-capture","live-mirroring","texture-sources","browser-api","snapshot-freezing","interactive-elements","experimental-feature"],"summary_rewrite":"This skill enables PixiJS developers to capture and render HTML content directly as GPU textures, bridging the gap between DOM-based UI and high-performance 2D graphics. Whether you need live-updating HTML elements or frozen snapshots, the skill provides the integration layer to convert web content into WebGL or WebGPU-backed textures for seamless composition within PixiJS scenes."},"files":[{"bytes":13000,"path":"skills/pixijs-html-source/SKILL.md","sha256":"18e44b0d40a75946219ffa4e4c481c247246eb20e182d1d38277db67e2c26d43","url":"https://skillfed.io/files/pixijs/pixijs-skills/pixijs-html-source/0fcd0ceb/SKILL.md"}],"id":"pixijs/pixijs-skills/pixijs-html-source","links":{"html":"https://skillfed.io/pixijs/pixijs-skills/pixijs-html-source","md":"https://skillfed.io/pixijs/pixijs-skills/pixijs-html-source.md","repo":"https://github.com/pixijs/pixijs-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":16,"language":null,"last_updated":"2026-06-04","license":"MIT","name":"pixijs-html-source","publisher":"pixijs","stars":293},"relations":{"similar":[{"id":"pixijs/pixijs-skills/pixijs"},{"id":"freshtechbro/claudedesignskills/pixijs-2d"},{"id":"pixijs/pixijs-skills/pixijs-performance"},{"id":"pixijs/pixijs-skills/pixijs-scene-gif"},{"id":"gamedev-skills/awesome-gamedev-agent-skills/pixijs-rendering"},{"id":"pixijs/pixijs-skills/pixijs-application"},{"id":"pixijs/pixijs-skills/pixijs-scene-dom-container"},{"id":"pixijs/pixijs-skills/pixijs-migration-v8"},{"id":"pixijs/pixijs-skills/pixijs-scene-sprite"},{"id":"pixijs/pixijs-skills/pixijs-blend-modes"}]},"slug":{"owner":"pixijs","repo":"pixijs-skills","skill":"pixijs-html-source"},"version":"0fcd0ceb"}