Доброго всем времени суток! Планирую написать довольно нехилый ресурс: карта лабиринта для моего проекта.
Суть лабиринта такова: имеется некое 2D помещение (плоское), состоящее из клеток (квадратов). Характеристики квадратов такие: либо квадрат это черное пятно (стенка, пустота), либо это часть дороги. В последнем случае у него есть до 3 стен, на нем может быть персонаж, либо предмет, а может и не быть. Стенка так же имеет две характеристики: она может быть классической стенкой - через нее нельзя пройти, а может быть стенкой-проходом, пускающем только в 1 направлении. На карте она должны отличаться рисунком, либо цветом (смотря как будет сделано).
Лабиринты бывают 5 видов, для каждого вида по 2-5 уровней. Все это нужно прорисовать, можно конечно прорисовать в ручную с помощью таблиц, но хочется сделать на JS. Собственно, хочу услышать ваши идеи по коду и алгоритмизации задачи.
Думаю, сценарий должен, исходя из полученных данных, рисовать таблицу с соответствующими квадратами и цветами.

В чём проблема? Если лабиринт не большой, то его вполне можно представить массивом чисел, где каждое будет отвечать за свой тип ячейки. Генерить таблицу, затем оборачивать в обьект Board, который будет отслеживать состояния вещей Item (всё что угодно) в лабиринте. Ну а дальше операции исходя из логики, пока не ясно что это, подсказать не могу.

За место массива ячеек можно пользовать список отрезков, ими "рисовать" по доске, компактно если лабиринт огромен.

А по конкретнее? Для меня всегда была самойб ольшой проблемой - это продумывание скрипта. Само написание проблем не составляет, а вот прийти в наиболее рациональному скрипту - проблема.
Под массивом чисел ты что имел ввиду? Может более уместным будет объект? Даже несколько?
Вот пример карты, сделанной конкурентами: http://www.darkclan.ru/cgi/lib.pl?p=underground
Но хочу сказать сразу - я не принимаю плагиат, поэтому даже в исходники их не смотрел.

Вообще начинают с логики, с самой задачи, т.е. у тебя это будет игрушка, вероятно будут какие то фишки бегать по лабиринту, начни с их определения. В конечном итоге всё равно придёшь к построению самой доски и к реализаии передвижения народа в лабиринте. С первым помочь не могу, т.к. только ты знаешь что это будет. Со вторым подумаем.

Есть поле, его надо отрисовать. Рисовать проще в таблице, всё равно всё клетками. В простейшем случае представим лабиринт растровым изображением, где каждая клетка это одна точка, получим картинку типа:



Далее вешаем на клетки базовый функционал, например place(obj), который будут юзать все остальные что бы поставить себя в конкретную клетку. Как положить вёрстку в клетку думаю ясно.

Это всё базовый (никому не видные) код выполняющий собственно саму работу по отрисовке. По верх ложиться нормальная логика, что бы можно было писать:


[/code]

P.S. а в чём сложности так и не понял 

Огромное спасибо, что подсказал мыслю 
Вот что получается пока: http://test.morgenshtern.com/dungeon.html
Есть много задумок еще, доделаю завтра.

У меня вопрос по верстке, котора мне не совсем как родная - как сделать, чтобы в ИЕ лабиринт отображался так же, как и в Лисе? Тоесть без промежутков между ячейками? Такое ощущение, что ИЕ игнорирует эти строки:


Это сообщение отредактировал(а) Aliance - 12.9.2006, 23:01

У самих ячеек задай margin: 0px; padding: 0px

Чего-то я не понимаю. В Лисе все работает на ура, да и верстка как надо: http://test.morgenshtern.com/dungeon.html
Но в ИЕ пишет ошибку, мол свойство не объявлено - хотя все свойства объявлены явно!

Я тут немного передрал постановку и получил это: ;)


Это сообщение отредактировал(а) 12345c - 14.9.2006, 18:42

12345c, спасибо, но в моем варианте уже готовы и монстры 
переделывать - больно муторно. Может можешь помочь, почему он не работает в ИЕ? Я из-за отсутствия практики долгой туплю по-страшному :-(

Цикл вылезает за пределы массива, а именно i==10.
Когда вставил в 182-ю строчку
, картинка нарисовалась.

Добавлено @ 20:15 
2) эти стили в IE не работают. Пиши в 6-й строчке border-collapse:collapse; - уберутся промежутки ячеек в IE.

Добавлено @ 20:25 
3) PNG-24 имеет альфа-канал, который непрозрачен в IE. Ghb переводе в PNG-8 делается прозрачным. Возможно, и с 24 удастся что-то схимичить, но не progid:DXImageTransform.Microsoft.AlphaImageLoader - он не будет работать в IE  на тех комп-ах, где отключён DirectX или старая видеокарта.

12345c, огромное спасибо. теперь вид на 99% одинаков в обоих браузеров и все работает без глюков, пока что 

http://test.morgenshtern.com/dungeon.html

Пока работаю для ИЕ только, чтобы было легче. Подскажите, как реализовать функцию, предложенную Сардаром как:

У меня есть стрелочка оранжевая - мне нужно чтобы пользователь мог ей управлять: сдвиг на 1 клетку по 4 сторонам света и повоторы (при этом изменяется стрелочка). Плюс еще ограничить перемещение так, чтобы он не мог пройти сквозь стены. Ну и там где синяя стрелочка - это односторонний рпоход, можно пройти только по стрелочке, обратно нельзя. Есть идеи?