TextureActives - ZIM inside three.js

Examples
,
1

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
2

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

2 Likes
3

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
4

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

5

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
6

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

7

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

image
image848×297 10.4 KB

image
image872×329 15.3 KB

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
8

We made a couple transform examples:

image
image1069×729 30.9 KB

image
image1064×594 79.6 KB

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

image
image744×494 94.8 KB

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

1 Like
9

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.

image
image1159×672 77.9 KB

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

image
image964×600 43.1 KB

10

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

11

Please drop on by and give some support. Cheers.

1 Like
12

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

13

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

image
image1189×552 61.1 KB