КатегорииBabylon.js

Урок 2. Основы Babylon.js

Сегодня мы рассмотрим основы Babylon.js. А точнее такие понятия как движок, сцена, камера, свет, сетка и другие. На практике разберем основные инструменты, а так же векторы, как и где их применяют. Мы так же будем практиковаться в работе с графовыми  структурами и разберем архитектуру Babylon.js.

И так мы рассмотрим следующие темы:

  • Обсудим основные моменты Babylon.js
  • Создадим нашу первую сцену

Продолжить чтение

КатегорииBabylon.js

Урок 1. Введение в Babylon.js и TypeScript

Babylon.js фреймворк с открытым исходным кодом позволяющий создавать полноценные 3D-приложения и игры работающие в браузере без каких-то дополнительных плагинов, что звучит очень здорово. Сегодня мы окунемся в краткое введение этого фреймворка и языка TypeScript на котором и был написан Babylon.js. Babylon.js включает в себя все необходимые инструменты для разработки 3D-приложений. Он позволяет загружать и использовать 3D-объекты, управлять ими, создавать и управлять специальными эффектами, воспроизводить и управлять звуками, создавать геймплей и многое другое. Babylon.js прост в применении и мы это увидим на примерах.

Продолжить чтение

КатегорииReactУроки

React урок 5 Маршрутизация

URL является важной частью веб-приложений. Изначально задумывался как простой указатель на файл, который лежит на сервере, но с появлением веб-приложений лучше думать о нем, как о текущем состоянии приложения. Глядя на него пользователь может понять где он в настоящее время находиться, а также может скопировать его для последующего использования или кому-то передать.

Продолжить чтение

КатегорииReactУроки

React урок 4 Сложные взаимодействия

Имея отлаженную функциональность, быстрое время загрузки и хорошую скорость работы, на сегодняшний день может быть не достаточным. Интерфейсы популярных проектов, становятся все более утонченными, добавляется анимация, перемещения элементов (drag and drop) и т.д. Что в целом можно назвать сложными взаимодействиями про них мы и поговорим в этой статье.

Продолжить чтение

КатегорииReactУроки

React урок 3 Архитектура приложения

В этой статье мы рассмотрим как структурировать сложный пользовательский интерфейс, выполненный из вложенных компонентов, рассмотрим потоки данных, зачем нужен propTypes и многое другое.

Продолжить чтение

КатегорииReact

React урок 2 Внутри абстракции DOM

В прошлой уроке мы узнали что React абстрагирует DOM, обеспечивает высокую производительность, а так же возможность создавать итоговый HTML компонентов на сервере и даже создание нативных интерфейсов для мобильных платформ.

Этот урок посвящен JSX расширению языка JS.

Продолжить чтение

КатегорииReactУроки

React урок 1 Основы

React — это open-source библиотека созданная в Facebook. Предлагает новый подход к созданию пользовательских интерфейсов на JavaScript. Если вы знакомы с партерном MVC, то React это V. Другими словами он отвечает за визуализацию и это кажется немного странным, с одним только слоем представления  далеко не уедешь. Но не переживайте мы рассмотрим не только React, как таковой, но и другие прикладные архитектуры, которые применяются вместе с ним для построения полноценных веб приложений.

Продолжить чтение