Как сделать 3D шутер на JavaScript за пару дней

[Pavel]

Нано-шутер :)

[silvansky]

Что-то не понял, как там ходить?
В FF/OSX не заработало управление совсем, в Chrome стреляю, но ходить не вышло ни стрелками, ни WASD.

А за проделанную работу и открытый код — респект!

[tsmar]

спасибо!
по поводу «ходить» — я специально написал, что выбрал простой вариант — пушка закреплена в центре координат

[silvansky]

Хм, я видимо этот фрагмент пропустил при чтении =)

[Pavel]

я так понял, что ходить там вообще нельзя. Мне, как лентяю, это нравится. Пожалуй, первый шутер, в котором не надо никуда идти…

[Newbilius]

Тогда это не шутер, а тир…

[ComodoHacker]

Tower defense от первого лица.

[mapron]

Ждем косынку от первого лица в жанре «Симулятор».

[BloodJohn]

Вообще-то survive,
TD подразумевает строительство башен, которые стреляют за тебя.

[mwizard]

НЛО прилетело и оставило эту надпись здесь.

[mwizard]

Епрст, друзья, я написал дублирующий комментарий и удалил его, какого черта это минусовать? Это не попытка пошутить не в тему, если что! НЛО не имеет отношения к данной игре!

[MikeLP]

Все исходники проекта открыты для исследования. Я не добавлял комментарии, но старался писать код структурированным и понятным для изучения.

Github?

[tsmar]

как-то не хочу захламлять своими поделками github

[MikeLP]

Ничего себе «поделка»… зря вы так! Некоторые о таком даже и не мечтают… (не буду показывать пальцем). В общем интересная хорошая работа. Спасибо! А гитхаб и так захламлен всякими свисто-перделками на html. Терять вам нечего.

[Newbilius]

Это нечто бОльшее, чем просто поделка. Выкладывайте, не стесняйтесь. Linux тоже начался как «небольшая ОС одного студента»… :)

[silvansky]

Гитхаб для того и нужен ;)

[shebanoff]

Выкладывайте, я уже готов отфоркать сию прелесть.

[tsmar]

положил на github

[bulletproofcupid]

Смотрю на скриншоты и подпись «за пару дней», завидую.
Кстати, как ни печально, но под макосью 10.7.5, Safari 6.0.2 — бесконечный «loading...»

[tsmar]

в сафари надо включить webgl — discussions.apple.com/thread/3300585?start=0&tstart=0

[bulletproofcupid]

Спасибо! Начал пользоваться сафари только с новой версии, до этого на хроме сидел.

[Newbilius]

У разработчика была маленькая форма — опыт работы c библиотекой :) Блин, надо юнити покопать наконец…

[Newbilius]

Не увидел списка поддерживаемыех браузеров :( Не запустилось ни в Опере, ни в Хроме, ни в FF. Надо вручную включать webgl?

[mlnd]

если он отключен, то лучше попробовать все-таки включить :)

[imbeat]

В последней версии хрома 23.0.1271.97 m работает прекрасно.

[tsmar]

в хроме включено по умолчанию, в фф — тоже, но иногда не хочет, так что лучше хром, про оперу могу сказать только одно — не пробуйте

[Newbilius]

В Хроме не видно противников и вообще объектов (стрелаю в пустоту, по мне фигачит пустота), в FF бесконечная загрузка, в Опере аналогично.

shot.qip.ru/00bl6T-2o8tiVHYk/

Версия Версия 23.0.1271.97 m

[tsmar]

видимо стелс режим у противника, стреляйте на удачу!
а по существу — не знаю чем вам помочь, посмотрите консоль javascript, может там ошибки какие есть

[Newbilius]

А ить и верно.

THREE.WebGLRenderer 53 three.min.js:385
THREE.WebGLRenderer: Float textures not supported.

Это после загрузки, но до старта. После старта:

WebGL: INVALID_OPERATION: getUniformLocation: program not linked planner5d.com:1
WebGL: INVALID_OPERATION: getAttribLocation: program not linked planner5d.com:1
WebGL: INVALID_OPERATION: useProgram: program not valid

и т.п.

слишком дохлая видеокарта?) (Intel встроенная, G33/G31 Express)

[tsmar]

видимо да :) повод сделать себе подарок на НГ!

[Newbilius]

Это рабочий компьютер) На домашнем ноутбуке точно запустится.

P.S. Дожили...))

[jazzman]

самое то для ленивых праздничных поигрушек. у меня вот запланированы давно закупленные XCOM и Hotline Miami, а также диджей-контроллер Vestax VCI-380. вот между ними и буду стартублить!

[shelestov]

В 23-м Chrome под Ubuntu не грузится.
В консоли:
Error creating WebGL context.
Uncaught TypeError: Cannot call method 'getExtension' of null.

[tsmar]

к сожалению ваша система не поддерживает webgl, рекомендую под убунту nvidia карточку (у нас в офисе работает на ура)

[philpirj]

Chromium под Linux'ом не умеет WebGL. Firefox — на ура.

[Tonik]

Тоже самое, но 22 Хром под OpenSuse 12.1

[vkolotov]

Тоже самое в Chromium и FF под Gentoo.

[Ierixon]

на встроенной карточке помог запуск со следующими параметрами:
google-chrome --ignore-gpu-blacklist --enable-webgl

[warmbellycat]

FF 17.0.1
работает.
замечания — босс, в отличие от других мобов умирает сразу, остальные пытаются встать.
и пожелание — добавьте прицел =)

[tsmar]

да, у босса иное поведение — он типа «танк» — у него с каждым разом все больше и больше хп и он не падает, а идет на пролом — это единственный способ убить умелого игрока

[warmbellycat]

но всё равно как-то быстро «боссы» умирают =)
В общем очень даже круто для двух дней!

[izelenyuk]

Реально круто для таких сроков. Только вот меня замочили два бота, которые стояли ко мне спиной за пределами радиуса поворота пушки :)
Но все равно круто, развивайте!

[Pavel]

ха, меня убили подлые мелкие чуваки, которые, как я думал, далеко находятся :) а они просто меньше ростом и стояли рядом!

[Anonym]

Мышка не захватывается?

[unclechu]

В Firefox запустилось, в Chromium 20 — “loading” и всё, WebGL включен.

Я так понимаю есть проблема с мышью, потому что курсор доходит до края и на этом всё? В браузерном EcmaScript предоставляется доступ к захвату курсора мыши?

Ещё есть вопрос с звуковым сопровождением, в частности я уже на хабре задавался вопросом, но ни к чему оптимальному не пришёл, — что если нужно расположить звук в пространстве? В HTML5 Audio есть даже реализация фильтров, где-то ссылочка была, например если отвернулся, — срезаем верха, отдалился — уменьшаем громкость. А вот как панорамировать звук — неизвестно.

Вот также интересная демонстрация WebGL в виде racing: triggerrally.com/x/Preview/Arbusu/drive

[tsmar]

По поводу курсора — угол поворота камеры по горизонтали равен 180 градусам и они честно распределены по всей ширине области просмотра, по этому при выходе за края области — ничего не происходит. В браузере нельзя захватить курсор (я даже этому несколько рад).
По поводу звука — что нибудь придумаю, спасибо за ссылки, хотя эту демку я уже видел, но честно говоря не разглядывал ее детально.

[unclechu]

Кстати насчёт захвата курсора я вспомнил что видео Quake 3, там просто отрисовывается карта и всё, можно побегать-посмотреть, но обзор мышью — полный, значит курсор можно захватить. А то, что нельзя — это бы не позволило сделать полноценный обзор кругом, это плохо, пусть и разрешения пользователя спрашивало, но возможность должна быть.

[unclechu]

Нашёл: media.tojicode.com/q3bsp/ — при нажатии на Fullscreen — разворачивается на весь экран и захватывает мышь, полный обзор. Так что гипотетически все инструменты для шутера есть.

[tsmar]

F11 и кнопка F == тот же эффект

[unclechu]

Это вы к чему? F11 только убирает все панели, делает страницу на весь экран, «игра» по прежнему в небольшой области на странице. По нажатию F вообще ничего не происходит. А вот если там справа снизу нажать Fullscreen, — тогда сама область «игры» разворачивается на весь экран и захватывается мышь (фуррифокс спрашивает даже: «разрешить или запретить»). Так что != и тем более !==.

[unclechu]

Вот ещё кое-какие интересные демо: www.chromeexperiments.com/webgl

[aruseni]

Ещё была публикация на Хабре с примерами.

[aruseni]

Курсор мышки можно блокировать (см. также документацию в MDN).

Ну и, конечно, было бы круто добавить поддержку Fullscreen API — тем более, обычно это очень просто.

А вообще автор очень большой молодец. :)

[muslimov]

Интересно же почитать, скиньте пож-та на github

[tsmar]

положил на github

[muslimov]

отлично

[gasizdat]

Очень здорово! Заработало, правда, только в Хроме.
Опять зачесались руки попробовать это сделать на Canvas (пропали выходные, эх). Если это возможно, не могли бы Вы выложить модели? У меня с моделированием как-то не очень, увы.

[tsmar]

модели доступны для всех — planetquake.gamespy.com/View.php?view=Quake2.Detail&id=368

[Fade]

Примитивненько, но для 2 дней очень круто. Я думаю, если нарядить немного монстров в новогодней тематике можно сделать крутую игру-открытку на новый год

[Dallas]

Тема названия startublo не раскрыта)

[tsmar]

Ха-ха, действительно, вы первый кто это заметил, но я правда пока и не собираюсь ее раскрывать, это будет в следующей версии, т.е. когда у меня появится побольше свободного времени.

[alexpf]

В хроме 23.0.1271.97 m не заработало с index.html
Скопировал в хром ссылку из FF, после того как там поиграл, и загрузилась

[tsmar]

Добавил управление с клавиатуры — стрелки для поворота пушки и пробел для стрельбы

[NekR]

Лучше бы PointerLock добавили для мышки, а то на 360 никак не повернуться (ну стрелки да, можно, но неудобно). Да и fullscreen через FullScreen API можно было бы сделать.

[tsmar]

Как появится время — обязательно