Developing Immersive Applications: Recorded live coding stream on "Implementing Interactions"
The Centre for Immersification at the Singapore Institute of Technology (SIT) aims to make the use and creation of immersive experiences more accessible to everyone. This video was meant for a course aimed for undergraduate students to develop immersive applications and may contain references to course-specific mentions that you may not comprehend. However this video is released as part of our efforts in providing the education to make creation of such applications more accessible to everyone. 00:00:00 Intro 00:01:09 Project setup tips 00:01:29 Bundling assets with build files 00:05:39 Installing prettier plugin 00:07:01 Why we need copy-webpack-plugin 00:11:57 Cleaning up unneeded code 00:13:49 NPM run and serve scripts 00:18:23 Component-based architecture to structure code 00:19:19 Cleaning up d.ts files 00:22:20 Refactoring text plane into a component class 00:38:16 Preparing the Scene 00:41:58 Creating another component to manage meshes 00:43:32 Titbits on javascript interfaces, etc... 00:58:23 Overview of different methods to implement interactions 00:59:43 Using behaviors to implement interaction 01:21:07 Using actions to create behaviours 01:45:51 Using keyboard actions 01:50:13 Using observables to implement interactions 02:10:15 Using more observables 02:24:15 Using coroutines 02:44:06 Implementing locomotion 03:03:02 Implementing teleportation locomotion 03:09:22 Implementing WIP locomotion 03:12:56 Implementing hand tracking 03:16:32 Implementing bimanual interaction 03:21:13 Implementing gizmos 03:24:31 Implementing natural grabbing
The Centre for Immersification at the Singapore Institute of Technology (SIT) aims to make the use and creation of immersive experiences more accessible to everyone. This video was meant for a course aimed for undergraduate students to develop immersive applications and may contain references to course-specific mentions that you may not comprehend. However this video is released as part of our efforts in providing the education to make creation of such applications more accessible to everyone. 00:00:00 Intro 00:01:09 Project setup tips 00:01:29 Bundling assets with build files 00:05:39 Installing prettier plugin 00:07:01 Why we need copy-webpack-plugin 00:11:57 Cleaning up unneeded code 00:13:49 NPM run and serve scripts 00:18:23 Component-based architecture to structure code 00:19:19 Cleaning up d.ts files 00:22:20 Refactoring text plane into a component class 00:38:16 Preparing the Scene 00:41:58 Creating another component to manage meshes 00:43:32 Titbits on javascript interfaces, etc... 00:58:23 Overview of different methods to implement interactions 00:59:43 Using behaviors to implement interaction 01:21:07 Using actions to create behaviours 01:45:51 Using keyboard actions 01:50:13 Using observables to implement interactions 02:10:15 Using more observables 02:24:15 Using coroutines 02:44:06 Implementing locomotion 03:03:02 Implementing teleportation locomotion 03:09:22 Implementing WIP locomotion 03:12:56 Implementing hand tracking 03:16:32 Implementing bimanual interaction 03:21:13 Implementing gizmos 03:24:31 Implementing natural grabbing