TextureActive Studio - 2D Interactivity in 3D

[danzen]

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

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

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

[textureactives] 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.…

ZIM TextureActives for VR

[image] 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 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

ZIM - JavaScript Canvas Framework

[Karel_Rosseel]

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