01. Basic Scene in BabylonJS
BabylonJS allows us to create interactive 3d environments all within the browser. We can use this to build 3d websites, games, and product displays all using common web technologies. Vue is a modern front-end framework similar to React and Angular but beginner-friendly and easy to use. Combined with Typescript we'll get a better understanding of how everything works with type safety included.
In this video, you'll learn how to set up a basic BabylonJS scene using Typescript and Vue 3. Understanding the basic fundamentals of setting up a scene between Babylon and Vue will set us up for more complex 3d scenes within the browser.
Github Repo (01_Basic_Scene): https://github.com/Babylon-Projects/Babylon_101
BabylonJS: https://www.babylonjs.com/
Vue: https://vuejs.org/
Chapters:
0:00 Intro
0:25 Installing Vue 3, Typescript and BabylonJS
3:20 Creating the BabylonExamples Vue component
7:55 Creating a Babylon Typescript Class
14:15 Rendering Babylon Scene in Vue
16:00 Modifying CSS for the Canvas
17:00 Adding a Camera and Hemispheric Light
19:54 Adding 3d Meshes
22:25 Modify Mesh Positions
24:30 Moving Camera Position
#babylonjs #typescript #tutorial
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «01. Basic Scene in BabylonJS», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.