Мини-игра виртуальной реальности в несколько строк кода
Создайте собственное приложение GearVR с использованием JavaScript, 100 % в браузере.
В этом уроке мы расскажем, как создать собственное приложение GearVR с использованием JavaScript и полностью из вашего браузера.
Для этого мы будем использовать веб-приложение RenderLoop, доступное бесплатно здесь: https://app.renderloop.com.
Приложение, которое мы будем воссоздавать, — это то же самое, что Джон Кармак сделал в своем Live Coding talk на Oculus Connect 2015.
Для начала создадим новый проект OVRScript:
Как только мы настроим наш проект, воссоздание этой игры займет всего несколько шагов:
Настройка нашей сцены: установите соответствующую сцену (в данном случае додзё):
app.setScene("assets/dojo_scene.ovrscene");
Добавление наших игровых объектов: добавьте целевой объект и звезду ниндзя на сцену и анимируйте целевой объект вперед и назад для каждого кадра.
// Add our target model (adding the ninja star is the same concept)
var targetModel = new SceneObject(‘assets/dojo_target.ovrscene’);
app.addObject(targetModel);
app.onDrawCallback = function() {
targetModel.x = Math.sin(Date.now()/1000);
ninjaStar.z -= .05; // animate ninja star forward in space
}
Ответить на ввод.Отвечайте на прикосновения к сенсорной панели GearVR, бросая звезду ниндзя в цель.
app.onInputCallback = function() {
ninjaStar.z = 0; // reset star position;
if (detectHit) {
app.playSound("assets/hit_01.wav");
}
}
Хотите увидеть все вместе? Посмотрите короткое видео ниже.
