На чем сделать сайт «как в видеоиграх»?

Question

[Rager]

Привет.

Появилась идея, чтобы ее воплотить — нужно сделать такой сайт:
Основное окно с контентом — некая карта местности, например как в «Ведьмаке 3». Можно скроллить масштаб, выбирать объекты кликом, смотреть их описания и проч. как в игре.

Так вот, основная проблема в том, что я не представляю на чем это можно реализовать. Думал как вариант рассмотреть Unity, HTML5, FLASH. Но вдруг есть какие-то более заточенные под это дело инструменты? Учитывая что делать буду все сам, в свободное время, нелишней была бы простота освоения.

За наставление на путь истиный спасибо заранее.

Comments

[Rager]

То есть, как я это себе сейчас представляю: нарисовал в фотошопе графику, в «чем-то» написал код, и все ожило. Писать нужно с нуля все или есть какие-то конструкторы или что-то еще WYSIWYG?

Answer 1

[profesor08]

Чтоб реализовать задуманное, достаточно набросать HTML разметку, на CSS задать стили бля всех объектов и их состояний, а на Javascript уже реализовать взаимодействие. То, что накидали в коментариях не расчитано на новичков, так что рано туда лезть.

Comments

[Rager]

Спасибо. Как раз подходит для меня (новичок).

Answer 2

[xmoonlight]

ThreeJS, WebGL и т.д.
Да-любой JS-движок 2D/3D берите и делайте.
https://html5gameengine.com/

Comments

[xmoonlight]

Есть и конструкторы, фреймворки. Советую делать на игровых JS-фреймворках.
https://ru.wikipedia.org/wiki/Three.js

Answer 3

[Зелимхан Бельтоев]

Можете использовать Phaser

В примерах есть целый раздел для работы с такими картами (как раз под вашу задачу)

Answer 4

[Виктор Королев]

А чем Unity не подходит? Редактор местности есть, скрипты напишите, да и сторонних плагинов полно. Хотя если чисто браузерный проект, то советую обратитья к webgl-движкам. Кое-что вам уже подсказали. Перспективен еще Blend4Web. Сами разрабы в качестве примера на нем сделали вполен масштабную игру. Все исходники отрыты, так что можно поковыряться.

Comments

[Rager]

«чисто браузерный проект» - именнно так.

[Виктор Королев]

Если Blender знаете, то лучше blend4web. В блендере соберете уровень, там же настроите логику (через нодовый редактор). Если нод не хватит для задуманного - подключите кодинг на js.

Если с Blender не дружите, то выбор гораздо шире. Та же юнька, например (она все же для веб тяжеловата) или three.js

Answer 5

[norlin]

Если говорить именно о карте, то можно попробовать такой вариант – использовать Google Maps API + кастомные тайлы.