# TextureActive Studio - 2D Interactivity in 3D

**URL:** <https://discourse.threejs.org/t/textureactive-studio-2d-interactivity-in-3d/65261>\
**Category:** Resources\
**Tags:** slider, user-interface, transform, zimjs, textureactive, 2d\
**Created:** [May 8, 2024, 3:13pm UTC](https://discourse.threejs.org/t/textureactive-studio-2d-interactivity-in-3d/65261 "2024-05-08T15:13:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![danzen](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/danzen/32/39322_2.png) [@danzen](https://discourse.threejs.org/u/danzen)\
**Post date:** [May 8, 2024, 3:13pm UTC](https://discourse.threejs.org/t/textureactive-studio-2d-interactivity-in-3d/65261/1 "2024-05-08T15:13:22Z")

</div>

We are rolling out TextureActive Studio with examples and code for using 2D interactivity of ZIM inside 3D of three.js. [TextureActive Studio - 2D ZIM in three.js](https://zimjs.com/studio)

The examples all work in VR as well - please try them out and let us know what you think, below.

[![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/1/7183ebad098c8ff354272bf251036cb3444cbbb6.jpeg)](https://zimjs.com/studio)

[![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/0/b/0ba054661a41c5eea7bc9776b7865ce8ff20b557.jpeg)](https://zimjs.com/studio/slider.html)

[![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/5/7505751a3ceec174cbe9973443885e5e5fa79dcc.jpeg)](https://zimjs.com/studio/pen.html)

Current examples include: drag, drag on path, pen, color picker, stepper, dial, slider, transform, scrambler, physics, emitter, radial, animate, progress bar.

We are adding these very soon indicator, d-pad, tabs & pad, blob & squiggle, wrapper, synth, parallax, sprites, forms, editable text, keyboard, connectors, carousel, hit tests, tile, pack, beads, flipper, book.

Other resources:

> [@ZIM TextureActives for Interactive Textures](https://discourse.threejs.org/t/zim-textureactives-for-interactive-textures/55746):
>
> ZIM is a general 2D JavaScript Canvas Framework with many conveniences, components and controls. For a long time we have brought three.js into ZIM to overlay meshes in our 2D world. Now, we have TextureActive that lets us add ZIM to the three.js CanvasTexture. TextureActives pass x and y raycast data into ZIM in place of the pointer events so that any ZIM feature can be used as animated and interactive materials for meshes. An introduction video premieres at [https://youtu.…](https://youtu.be/LbtmzpSh2Co)

> [@ZIM TextureActives for VR](https://discourse.threejs.org/t/zim-textureactives-for-vr/56338/):
>
> We can now add ZIM TextureActives to VR. ZIM is a 2D canvas framework that be added to three.js as interactive textures. This raycasts pointer data into ZIM. Now, we can raycast VR Controller data into ZIM - see [https://zimjs.com/015](https://zimjs.com/015) and try the VR link in a VR Headset browser - there is also a video capture link. The ZIM Three helper module now has XRControllers(), XRMovement() and XRTeleport() classes to make these in just a line or two of code! Thanks three.js and others for m…

> **[ZIM Forum](https://forum.zimjs.com)**
>
> Support and discussion for the ZIM JavaScript Canvas Framework - Code Creativity!

> **[ZIM - JavaScript Canvas Framework](https://zimjs.com)**
>
> ZIM - Welcome to the modern world of coding! A great place to learn and make professional apps, games, puzzles and sites!

---

<div class="post-metadata">

**Author:** ![Karel\_Rosseel](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/karel_rosseel/32/35297_2.png) [@Karel\_Rosseel](https://discourse.threejs.org/u/Karel_Rosseel)\
**Post date:** [May 9, 2024, 2:52am UTC](https://discourse.threejs.org/t/textureactive-studio-2d-interactivity-in-3d/65261/2 "2024-05-09T02:52:05Z")

</div>

Waauw ZIM 2D apps in 3D+VR world are cool!  
ZIM TextureActive Studio looks wonderful!