Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.11.2015, 01:40
Новичок на форуме
Отправить личное сообщение для mader Посмотреть профиль Найти все сообщения от mader
 
Регистрация: 14.08.2013
Сообщений: 8

Скриптинг карты в игре
Здравствуйте. Не могу сообразить, возможно кто-то уже сталкивался с такими вещами.
Необходимо реализовать карту высот.

например, картинка-фото с
двумя горами или холмами, надо , как бы спроецировать 3-х мерные перепады высот на экран.

То есть, если грубо, в результате кликаешь на фотку, в зависимости от места выдавалось алерт(высота 10м), как то так.

у меня пока пришло в голову разбить картинку на квадраты и записать скажем в базу или хранить в виде массива, типа с 1=го по 100 пиксел по икс и с 1 до 200 по игрек это высота 1м.

может есть какие-нибудь другие варианты?
Ответить с цитированием
  #2 (permalink)  
Старый 26.11.2015, 07:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Если картинка склонов гор контрастная, если картинка(желательно в .png) загружена на текущий ресурс, где и скрипт то мон загрузить её в canvas.
Далее, в canvas можно выделить линии склонов и даже c'апроксимировать её функцией.
Мон отследить координаты клика(даже без сanvas) привязать эти координаты, к низу горы(картинки), зная массив(или функцию) координат обвода горы, мон определить текущую высоту в точке клика

Последний раз редактировалось Deff, 26.11.2015 в 07:07.
Ответить с цитированием
  #3 (permalink)  
Старый 26.11.2015, 18:08
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

mader, самый простой вариант
<img src="http://oi63.tinypic.com/j8cg7o.jpg" alt="hill" usemap="#map">
<map name="map">
	<area nohref title="30m" alt="30m" shape="poly" coords="83,62,67,34,81,28,110,36,115,61">
	<area nohref title="20m" alt="20m" shape="poly" coords="80,83,37,45,51,16,113,28,134,53,122,79">
	<area nohref title="10m" alt="10m" shape="poly" coords="64,97,23,77,11,37,28,11,76,4,136,28,147,60,125,90">
	<area nohref title="0m"  alt="0m"  shape="rect" coords="0,0,150,100">
</map>
Ответить с цитированием
  #4 (permalink)  
Старый 26.11.2015, 18:21
Новичок на форуме
Отправить личное сообщение для mader Посмотреть профиль Найти все сообщения от mader
 
Регистрация: 14.08.2013
Сообщений: 8

Rise,
Классная идея. Спасибо. Скорее всего так и буду делать.
Deff,
Ваша мысль интересная, но какая-то сложноватая, по крайней мере для меня. Не хочется так сложно заморачиваться. В любом случае для моей игры слишком сложно. НА будущее может пригодится. Все равно огромное спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Карты и jQuery Mobile Родзевич Олег jQuery 4 07.02.2013 16:01
Инструмент разметки карты Rozalinda Общие вопросы Javascript 1 17.11.2012 10:57
zoom интерактивной карты марк Элементы интерфейса 0 05.11.2012 23:16
jQuery (Как открыть объект в этом же окне, щёлкнув по нему мышкой) Объект кусок карты hadzhimuratov (X)HTML/CSS 32 18.06.2012 17:54
JavaScript в браузерной игре NeoTank Работа 7 28.04.2010 09:01