Annotations with Numbers in ZIM with three.js and TextureActive - Many Examples

Energy-observer.org now has a real world odyssee.

I tried for my kids in classroom to make a real world to understand where the boat goes sailing : from 2015 to 2023 and 2023 - 2024 and 2025 - 2030

so in dutch

I was on the boat in 2019 : check my video in Antwerp

greetz

Cool.

Some overlapping of your interface. You can set how much those tabs will move in and that will avoid the overlap.

image

And not sure why that button on the top left is loading the app again?

ZIM Studio with fort.gltf and use VR : walk and click 3 numbers with annotations

so cool ZIM introduced the new annotation method.

now it is possible to walk around into the studio (TextureActive Studio - 2D Interactivity in 3D with ZIM in three.js) and click circles. I don't have a VR-glasses but with the emulator it looks cool!

you can test it out by clicking and touching ofcourse also.


test the file here

GreetZ

1 Like

@Abstract he only problem is in XR the circles and annotation is not looking in front to me so it is sometimes difficult to know where the numbers are and te read the text when it is not in front of the user @Abstract so maybe you can fix that with some extra little code?


and into the light version of the glb is look like this also not facing to the user

as in the html annotation it always is in front of the user https://zimjs.com/zapp/E_ESUMS

thanks to have a look

They are facing the camera. Maybe in VR - there is a different camera or something to face. I don't need this functionality... so it is more up to you to figure it out.

I found a solution, via claude,
you can test it again

so what was the solution:

so can you make an example of the cube working with VR now
so it will be nice it works always also in VR

thanks to have a look
greetz
karel

1 Like

yes - that worked.

1 Like

thanks.
Can you make the annotation examples also to the https://zimjs.com/three examples or https://zimjs.com/015 more visible tobannounce the can be used in VR facing mode?

what be cool to have a template where it always works to start from as you made a template for https://zimjs.com/vr at https://zimjs.com/015 as https://zimjs.com/015/vr_template.html

thanks a lot!

1 Like

how nice is ChatGPT 5.0 :slight_smile:
https://chatgpt.com/share/6895cd3c-e7b0-8006-bb35-4287f9d18ec1
see how it fixed the flying through collision:
I also have looked to have a version with ceiling,
and to stop so you can not fly through objects, it is called raycasting?

also a hud seems possilbe to see the speeds
so now the flying mode works perfectly


try the zapp

How cool voxel effect of minecraft, can be brought into ZIM!

I found out how to make Minecraft look-a-like in 3D+VR can be brought in

English

Dutch

Our world virtual with numbers and annotations : with ZIM + ThreeJS

My dream came true, I can explain my own son the world ..
idea to annotate in 3D as the cube example INFO button to click on

now for the world with picture on/off for the world
in English

in Dutch

with turning annotations in English

to do: click the numbers, see the annotations
to do: animate the world and you will see the numbers turning and the annotations with it!!

waauw!!
also with toggle the INFO NUMbers of/on

and colorfull labels and annotations

so you can click the annotations words or try kids to guess the "continent word' when clicking the number


in Dutch

now future plan: video and pictures into an annotation!
What do you think ZIMMERS, idea to point out where ZIM coders are?

thanks, oh because you zoomed out?
I made the title some to long
you like the https://energy-observer.org site? good layout?