Pull to refresh
  • by relevance
  • by date
  • by rating

Blend4Web, открытая платформа для создания трехмерных веб-приложений

Open source *WebGL *
Sandbox
Ниже изложено содержание обзорной статьи о платформе Blend4Web, написанной мной для ресурса Mozilla Hacks, с изменениями и дополнениями.

В марте 2014 года командой российских разработчиков был представлен первый публичный релиз Blend4Web, открытой платформы для создания трехмерных веб-приложений. В этой статье рассматривается история развития платформы и перспективы ее применения.
Читать дальше →
Total votes 30: ↑26 and ↓4 +22
Views 20K
Comments 33

Что выбрать для 3D сайта – Three.js или Blend4Web?

Website development *JavaScript *Game development *WebGL *
Я знаю Blender много лет, использую Unity для своих игр, но полный новичок в WebGL. Однако, будущее именно за этой технологией, и неплохо было бы разобраться с ее использованием. К сожалению, экспортер Unity для WebGL пока не рабочий и нужен иной инструмент.

Я не люблю изобретать велосипед и предпочитаю готовые решения. Найденный ранее Blend4Web выглядит очень заманчиво (интеграция с Blender, качественный экспортер и т.д.), но ведь существует немало других библиотек и платформ для работы с WebGL.

Извечный вопрос: что выбрать новичку? Я поработал с платформами Blend4Web и Three.js. Что из этого вышло — читайте дальше.
image
Читать дальше →
Total votes 15: ↑12 and ↓3 +9
Views 31K
Comments 41

Создание игры на Blend4Web. Сцена и окружение

Website development *Open source *Game development *WebGL *
Tutorial
В наше время первопроходцем быть трудно, ибо совсем мало осталось областей деятельности для пытливого ума. «Эка, загнул», — скажете вы и, возможно, подумаете о скромности автора. Что ж, отрину философские, занудные тексты и начну повествование на нормальном языке.

Есть WebGL — универсальная технология для веб. Есть Blend4Web — платформа для работы с технологией WebGL. Есть документация и примеры работы с этой платформой, но совсем нет игр.

«Совсем?»
«Увы, совсем».

А может я плохо искал? Не знаю, но хочу положить конец этой несправедливости и создать Первую игру. Первую не для себя, ведь у меня уже есть три коммерческие игры на Unity. Первую на этом движке.

Я не буду особо распространяться по поводу выбора движка. Статьи на эту тему уже были написаны, а копья в словесной перепалке сломаны. Я просто начну делать и рассказывать о ходе работы.
Читать дальше →
Total votes 17: ↑17 and ↓0 +17
Views 13K
Comments 2

Создание игры на Blend4Web. Путь программиста

Website development *Open source *JavaScript *Game development *WebGL *
Tutorial
В своей первой статье на Хабре, посвященной разработке браузерной игры, я показал основные этапы создания базовой сцены для Blend4Web. Пара примитивов, несколько текстур плюс встроенные возможности платформы позволили с легкостью воплотить задуманную идею — воду с рефракцией и каустикой.

Можно сколько угодно любоваться переливами на морском дне. Пришло время реальной работы. Прежде всего нужно разобраться с программированием и сделать первые шаги в написании кода.
Читать дальше →
Total votes 15: ↑12 and ↓3 +9
Views 13K
Comments 3

Почему в NASA отказались от Unity в пользу Blend4Web

Website development *Open source *Game development *WebGL *
Совсем недавно был опубликован пресс-релиз на сайте NASA, где говорилось об уникальной возможности «прогуляться» по Марсу. Я не утерпел и перешел по ссылке — открылась потрясающая интерактивная сцена, где можно «прокатиться» с марсоходом, просмотреть видео с «камеры» и даже узнать технические параметры агрегата. Но самой шокирующей была новость, что все это сделано с помощью движка Blend4Web… А где же Unity?

image
Читать дальше →
Total votes 61: ↑54 and ↓7 +47
Views 41K
Comments 37

Как подружить HTML5 с мобильными ОС

Development for iOS *Development of mobile applications *Game development *Development for Android *WebGL *
Tutorial
Ты совсем рехнулся с этим WebGL!”, как-то заявил мне знакомый разработчик: “Изучаешь новый движок ради одной платформы?!

А ведь и, правда, работая с Unity, я получаю доступ ко многим платформам. Работая с Blend4Web — только к одной. Крупные компании могут позволить себе использовать несколько технологий для качественного портирования игры, в случае инди — это большая проблема.

И что, разрабатывая браузерный проект не с Unity, я ставлю крест на остальных платформах? Честно, этот разговор сильно поколебал мою решимость. Но недавно я услышал о фреймворках, с помощью которых можно чудесным образом портировать HTML5 на множество мобильных платформ.

Не все оказалось так просто. Хотя удалось найти пару многообещающих инструментов, которые показали приличные результаты.
Читать дальше →
Total votes 14: ↑13 and ↓1 +12
Views 19K
Comments 5

Площадки для браузерных игр

Website development *Game development *HTML *WebGL *
Tutorial
Допустим, я создал браузерную игру, а что дальше? Если для мобильных — есть магазины Google Play, App Store, Windows Store и куча всяких альтернативных. Можно найти площадки для распространения сборок standalone — Desura, Steam, Itch.io. Но когда задумываешься о судьбе браузерки, то невольно впадаешь в ступор. И куда ее?

Думать о судьбе своего детища необходимо еще на начальном этапе разработки. Так, в случае с Dangerous Insects, я уже знал, где и как буду размещаться, хотя от игры в лучшем случае был только диздок. Вот и с HTML5 захотелось заранее прощупать почву.
Читать дальше →
Total votes 19: ↑13 and ↓6 +7
Views 23K
Comments 8

Подготовка персонажа для Blend4Web

Website development *JavaScript *Game development *WebGL *
Tutorial
На сайте разработчиков движка опубликовано множество материалов, в том числе и по этой теме. Все «разжевано» и на русском языке. Но вот казус — задача оказалась не простой, даже для человека имеющего солидный опыт работы с Blender и искренне считающего себя game developer`ом. Некоторые этапы вызывали критические приступы “зависания”, происходящих от недопонимания особенностей работы с движком и, откровенно говоря, слабого знания JavaScript.

Немаловажным фактором была попытка переноса опыта работы с Unity (c#) на абсолютно иную платформу. И это было серьезной ошибкой. Blend4Web — инструмент заточенный исключительно для создания приложений WebGL, что дает солидное преимущество перед кроссплатформенным Unity, но и накладывает некоторые ограничения. В связи с прекращением поддержки веб-плеера и слабой работоспособностью экспортера Unity WebGL, платформа Blend4Web выглядит очень интересной. Поэтому, хочешь — не хочешь, а разбираться приходится.

Этот урок — компиляция собственного опыта, подсказок разработчиков b4w, официальной документации. Рассчитан, в первую очередь, на начинающих и основан на моем игровом проекте.
Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Views 11K
Comments 1

Создание игры на Blend4Web. Зачатки интеллекта

Website development *JavaScript *Game development *WebGL *
Tutorial
Даже самый примитивный игровой персонаж должен обладать хоть какими-нибудь “мозгами”. Рыбки априори не блещут интеллектом, но кое-что они все же должны уметь — передвигаться, “смотреть”, убегать или нападать. От них не требуется искать укрытия или “морщить лоб” для умной ответной фразы. Выглядит просто, но легко ли сделать?

Разговор пойдет о реализации AI силами JavaScript и Blend4Web. Поставленные задачи, способы их решения или вынужденные пути обхода — все это на примере разрабатываемого живого, игрового проекта.
Читать дальше →
Total votes 11: ↑9 and ↓2 +7
Views 12K
Comments 2

Blend4Web. Система событий

Website development *JavaScript *Game development *WebGL *
Tutorial
Создание интерактивного приложения немыслимо без обработки событий, будь-то опрос клавиатуры или работа таймера. Реализация этих важных действий зависит от платформы, языка программирования. В этой статье я хочу рассказать о некоторых особенностях использования событий для WebGL-движка Blend4Web. К сожалению, информации по этой теме совсем немного.


Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Views 5.8K
Comments 1

ЗаПулить по простому. Менеджер пула на JavaScript

JavaScript *Game development *WebGL *
Tutorial
Разрабатывая игру, приходится идти на всевозможные ухищрения для повышения производительности. В самом деле, если сцена будет притормаживать при каждом выстреле или генерации врагов, то пользователь может махнуть рукой и найти более шуструю игру (благо рынок ими сейчас перегружен). «Узких мест» в игровом приложении немало, но я хотел бы рассказать про оптимизацию именно со стороны кода.

Тестируя одну из своих мобильных игр, я был неприятно поражен тормозами системы при выстрелах или взрывах. Понятное дело, что на стационарном компьютере эта же игра работала без проблем. Путем определенных ухищрений был найдет виновник — скрипт, ответственный за генерацию взрывов. Тогда-то и пришлось найти пул-менеджер на C#, который в дальнейшем перекочёвывал из проекта в проект. Однако для JavaScript такового у меня не было.
Читать дальше →
Total votes 11: ↑11 and ↓0 +11
Views 7.1K
Comments 1

Полгода работы с Blend4Web. А стоит ли оно этого?

Website development *Open source *JavaScript *Game development *WebGL *


В августе прошлого года я обратил внимание на интересный WebGL-движок для разработки своих браузерных проектов. Меня подкупила его тесная интеграция с Blender и русская команда разработчиков. И вот совсем недавно на официальном сайте появился своеобразный отчет о прошедшем годе и планах на будущее. Я подумал, а почему бы и мне не высказаться на это тему, но с точки зрения своего опыта и времени работы с этим фреймворком. На хабре уже есть немало обучающих статей написанных мною о Blend4Web. Помимо всего прочего я рассказывал и о текущих проблемах. Теперь я хочу суммировать накопленные положительные и отрицательные оценки в нечто целое. Учтите, что это только личное мнение.
Читать дальше →
Total votes 14: ↑13 and ↓1 +12
Views 17K
Comments 9

Создание пользовательского интерфейса для Blend4Web (ч.1)

Website development *JavaScript *Game development *WebGL *
Tutorial
Иногда я считаю себя первопроходцем, открывающим новые страницы использования Blend4Web. Это молодой движок, с энергичной командой разработчиков, богатыми возможностями и множеством не очень хорошо документированных функций. Что-то я черпаю из исходников большого количества демо, дергаю разработчиков по всяким вопросам, а чаще всего действую методом “научного тыка”. В этой статье я хочу поделиться своими наработками по созданию пользовательского интерфейса для приложения. И что важно, с помощью Blend4Web и HTML5 можно сделать вполне приличный игровой GUI.


Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Views 8.9K
Comments 1

Blend4Web vs Unity. Битва на ринге. Раунд 2

Website development *Development of mobile applications *Game development *WebGL *Browsers
Очередные «попугаи»?! О, нет. Три реальных теста, три разных направления, различные устройства и интересные факты.


Читать дальше →
Total votes 27: ↑24 and ↓3 +21
Views 13K
Comments 37

Как я реконструировал места посадок АЛС Луна-9 и Луна-13

Open source *Working with 3D-graphics *Astronautics

Привет, поведаю краткий рассказ как создавал иллюстрации мест первых удачных посадок земных аппаратов на поверхность другого небесного тела в программе blender. Работы делались для книги Павла Шубина Shubinpavel, посвященной освоению Луны.


image

Читать дальше →
Total votes 45: ↑45 and ↓0 +45
Views 6K
Comments 15