TextureActives - ZIM inside three.js

In ZIM 015 we launched TextureActives to bring ZIM into three.js as interactive textures on any material for any mesh.

textureactive_banner

The ZIM 015 Feature Page has a promo video and lists VR and 3D examples - videos and demos. There are also links to resources - bubbling and explore videos and posts on the three.js forum and discord as well as an Article on the Level Up publication on Medium.

We look forward to working with this in the future. If anyone has any questions or needs help. This post is the place to ask. We will add updates here as we make them!

1 Like

Tried the demos on my Quest 2 and everything worked flawlessly. Very cool :face_in_clouds:

2 Likes

Yes - over the summer and beyond, I am on Sabbatical. I hope to do more explorations and perhaps get TextureActives working in Banter worlds where they use A-frame and three.js. Their main worlds are unity, I think... but perhaps it is there interactive parts that are three.js - not sure - need to check it all out. But it was cool to make things for VR!

2 Likes

Just launched a video about using TextureActives in Svelte, React, Angular and VUE.

please try also my VR app 3dwalkVR wiweter and a vr glass with video

with VR button at the bottom

with no VR button at the bottom

and 360 picture with VR button app of my school at Veurne Belgium :slight_smile:

(only walking app with playing videos: https://Webtinq.nl/3dwalk2-codefestival to walk around :-))

1 Like

Here is a question and answer as to if we can use a Pen with a TextureActive:

Excellent! We got a message on the weekly three.js newsletter

We created a couple examples of transforming 2D on 3D surfaces - so go and check out the comment. So far, it has been there for a week and 1 person has clicked through... sigh... hopefully, it is the person who asked the question.

1 Like

We made a couple transform examples:

And added the examples to the https://zimjs.com/015 page.

and will work on a series of small examples for 2D interactivity in 3D as video tutorials.

1 Like

Creating a mini-site called ZIM TextureActive Studio. The first batch of examples are up at https://zimjs.com/studio/

We will make vids for them as well and launch on three.js forum, etc. but wanted you guys to have a first look... let us know what you think, and you are welcome to DM me with suggestions.

It is really cool to see them in VR if you have a headset.

WAAUW is cool!
I tried to make a beam :slight_smile:
but did not get the images inside the walls
https://zimjs.com/beam/ZIMstudioDrag/show

Please drop on by and give some support. Cheers.

1 Like

Discord link for TextureActive Studio. Added another 3 example yesterday and 4 examples today.

Almost done the 33 TextureActive Studio zapps - 6 more to go. TextureActive Studio - 2D ZIM in three.js