danzen
November 5, 2023, 5:36pm
1
Here we use ZIM TextureActive which lets you use interactive textures in three.js to provide a shared pixel board.
The multiuser is done with ZIM Socket. This also features the ZIM XRControllers, XRMovement and XRTeleport for VR. It is our first VR app - fun to do! You can find resources links here:
[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.…
[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…