|
Как сделать такую игру на Ява-скрипте?
|
|
| Smolya | Дата: Воскресенье, 20 Июня 2010, 07:28 | Сообщение # 1 |
|
почетный гость
Сейчас нет на сайте
| http://hip4yes.narod.ru/ind.htm
понажимайте там на кнопочки
Тут скорее джава, но как это сделать
|
|
|
| |
| froex | Дата: Воскресенье, 20 Июня 2010, 10:34 | Сообщение # 2 |
Руководитель Froexilize team
Сейчас нет на сайте
| Делаешь слой с изображением человека и присваиваешь ему уникальный id. Слой с абсолютным позиционированием, конечно, также z-index указывай верхний, чтобы слой было видно. Далее при нажатии на кнопку изменяешь положение слоя через getObjectById([id_слоя_с_человеком]).style.top (либо bottom) и ...style.left (либо right).
Не превращайте форум в чат. Пишите более развернуто и понятно - всё равно вас попросят объяснить подробнее.
Алгоритмы, программирование, оптимизация, тестирование, ведение проектов.
Ищу художника, дизайнера, тестера, программистов С и С++
Обучаю процессам разработки и программированию.
|
|
|
| |
| Smolya | Дата: Воскресенье, 20 Июня 2010, 11:14 | Сообщение # 3 |
|
почетный гость
Сейчас нет на сайте
| не понял
|
|
|
| |
| Master_Chief | Дата: Воскресенье, 20 Июня 2010, 12:33 | Сообщение # 4 |
Shoot Space creator
Сейчас нет на сайте
| Smolya, посмотри исходный код в браузере - там на Ява Скрипте всё расписано. Правда ИМХО можно было сделать такое гораздо легче и лучше, если юзать jQuery либу
|
|
|
| |
| Инфро | Дата: Воскресенье, 20 Июня 2010, 12:34 | Сообщение # 5 |
|
частый гость
Сейчас нет на сайте
| Smolya, это он тебе в двух словах объяснил как это на javascript реализовать. Если не понял сути, значит и все остальное самому реализовать с такими знаниями вряд ли удастся. P.S. Страничка html-овская, выложена на narod'е. Следовательно весь код можешь посмотреть просто открыв "Исходный код страницы" (в разных браузерах название немного отличается). Master_Chief, опередил)
Сообщение отредактировал Инфро - Воскресенье, 20 Июня 2010, 12:34 |
|
|
| |
| TLT | Дата: Воскресенье, 20 Июня 2010, 13:06 | Сообщение # 6 |
Сейчас нет на сайте
| Прикольная игра... но это, я думаю, чисто эксперимент. Код же доступен для просмотра, нажми правую кнопку мыши и выбери - посмотреть код страницы. Сохрани все элементы на комп и посмотри как работает этот ява-скрипт.
Дао, выраженное словами, не есть истинное Дао.
|
|
|
| |
| froex | Дата: Воскресенье, 20 Июня 2010, 13:27 | Сообщение # 7 |
|
Руководитель Froexilize team
Сейчас нет на сайте
| Понятия, которые надо знать для разработки такой страницы:
1. html, что это и как создавать свои страницы на нём
2. как добавить javascript внутрь страницы html
3. javascript - что это вообще
4. как можно изменять свойства объектов страницы на javascript
5. понятие слоёв. Абсолютное и относительное размещение. z-index слоя. не знаю, может что-то и упустил.
Не превращайте форум в чат. Пишите более развернуто и понятно - всё равно вас попросят объяснить подробнее.
Алгоритмы, программирование, оптимизация, тестирование, ведение проектов.
Ищу художника, дизайнера, тестера, программистов С и С++
Обучаю процессам разработки и программированию.
|
|
|
| |
| Nathan | Дата: Пятница, 22 Апреля 2011, 10:54 | Сообщение # 8 |
был не раз
Сейчас нет на сайте
| по мне идеотская реализация, карты огромных размеров тут не прокатят, только небольшие мапы.
Разрабатываю браузерную игру в стиле фэнтези.
Ищу энтузиастов которым интересна тематика.
icq 1444419
Skayp Nathan.IAG
|
|
|
| |
| wernher | Дата: Пятница, 22 Апреля 2011, 13:09 | Сообщение # 9 |
Only God is Perfect
Сейчас нет на сайте
| Java + GWT
Пишешь на Java и компилишь в HTML+JavaScript.
Тогда ты не только такое сможешь написать 
|
|
|
| |
| noTformaT | Дата: Пятница, 22 Апреля 2011, 13:39 | Сообщение # 10 |
Ukrainian independent game developer
Сейчас нет на сайте
| Quote (wernher) Java + GWT
гвт там не пахнет, да и джавой тоже.
Это обычный массив набитый номерами изображений
Единственная интересная функция там:
Code
function move(dirn){
if (wasteTime){
wasteTime=false;
if (dirn!=pDir) myPerson.src=dirn+".jpg";
var i;
nx=0; ny=0;
var image1,image2;
if (dirn=="up") ny = -1;
if (dirn=="dn") ny = 1;
if (dirn=="lf") nx = -1;
if (dirn=="rt") nx = 1;
if ((posX+nx>maxX)||(posX+nx<0)) nx=0;
if ((posY+ny>maxY)||(posY+ny<0)) ny=0;
if (sol[posX+nx][posY+ny]==1) {
nx=0;
ny=0;
}
posX+=nx; posY+=ny;
nx*=step; ny*=step;
addT="1";
mainD=dirn;
anim();
}
}
и
Code
function anim(){
picX = picX + nx;
picY = picY + ny;
myPerson.src=mainD+addT+".jpg";
myPos.style.left = picX;
myPos.style.top = picY;
if (addT!=""){
if (addT=="1") addT="";
setTimeout( 'anim();', speed );
} else wasteTime=true;
}
 @noTformaT
|
|
|
| |
