ZIM Explore! 90. Doctor Abstract Site!
Here we explore the new Doctor Abstract site chronicling the last 10 years of creativity with stories, puzzles and more! https://doctorabstract.com - come on and visit! The site uses ZIM TextureActive to add 2D interactivity to 3D in three.js. It also features ZIM Pages to swipe between pages and ZIM Scrambler for making puzzles.
Please come and join us at https://forum.zimjs.com or https://zimjs.com/discord - we would love to answer any questions.
00:00 start
00:16 showing https://docterdanzen.com
06:09 SOUP makers: images made with AI
07:50 explaining ZIM three.js TextureActives
09:07 ZIM TextureActive on a new Panel() in three.js
09:26 T-key lets you toggle and see the different ZIM objects with pages
11:34 how we will explore the long code
12:30 start explaining html page
14:10 assets pictures and sounds mp3 saved on cloudfront
16:30 side: front: explaining the front TextureActive page
18:00 pages with objects
19:22 social media buttons https://zimjs.com/tiktok https://zimjs.com/x
24:09 side:back: puzzle scrambler with emitter
26:18 if puzzle is complete, the chop() picture removing to original picture
27:33 toBack functionality button
28:59 animating the rotations of the cube
30:04 import Three Helper module with VR (Virtual Reality) + XR (eXtended Reality)
31:20 showing 3D cube all sides how it turns to the sides
32:03 using VR: coding everything in a holder
33:36 more videos about coding ZIM TextureActives with three.js on https://zimjs.com/015
34:03 preparing the logo 3D side boxes
34:40 scene 3D logo with OrbitControls
35:36 TextureActives loading with VR need a 1 at the end of the code
36:33 if you are not using panels three.makePanel()
37:40 front, side and back are all made with makePanel() each with a TextureActive
38:53 navigation
40:35 dispose
40:57 playing sounds must be timeout set always when going through pages fast
42:23 STORIES (first episodes, more will come)
43:18 DAN ZEN museum https://danzen.com
44:22 more stories for example NFT's https://zimjs.com/nft will come
45:00 join https://forum.zimjs.com or https://discord.zimjs.com