Забудем на минутку про canvas

[@235]

если ощутили весомые тормозища браузера, после этого пора вспомнить зачем канвас был создан... ну кроме упрощения разработки.
кстати, есть либы, что эмулируют канвас для IE, да делают они это аналогично, есть и отдельные либы рисования в виде абстракции над пикселями-дивами.

[@Restorer]

абстракция над div-ами будет сильно тормазить.
а так да, есть канвас для IE через VML.

[@paladin]

Открывайте осторожно, моя опера сдохла. А IE заставил резетнуть комп.

[@AxisPod]

Тормозит жутко.

[@diamant]

"побегать" можно было только в Safari под Win XP, в IE7 получилось меeeдленно походить, а Fx 2.0.0.14 изображал помирающую улитку

[@Restorer]

кстати я начинаю проникаться сафари. что с канвасом, что без него - сафари лидер по скорости.
FF3 тоже достаточно быстр.
не порадовали Opera и FF2.

[@diamant]

Safari for Win is very unstable :(

[@sindrom]

Ну незнаю... Моя опера вполне шустро справилась что с первым, что со вторым.

[@azproduction]

Не понимаю почему всем нравится изобретать велосипеды. Желаем 3D в браузере - пользуем VRML или X3D.

[@Restorer]

извините, но вы невнимательно читали статью. "Применение технологии, естественно, не ограничено созданием шутеров :)", то бишь тут 3d только по странному стечению обстоятельств.

[@azproduction]

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

[@driessen]

"...раз отрисовывает элементы, по-этому при загрузке..."
Тире не надо в слове "поэтому".

"...не придётся отрисовывать из по столбцам..."
иХ

[@simpel]

Если вместо wall.png (даже с минимальной компрессией, или даже вбез нее) использовать простой GIF из этой же картинки - вы получите огромный прирост скорости. проверьте.
еще, я предполагаю, увеличить производитетльность можно создав class для описания этого столбца в 1px шириной и позиционировать в нем картинку фоном или воспользоваться css свойством CLIP. я предполагаю, что такое кол-во IMG на странице реально тормознее чем один раз прописанный background.
Background можно сделать prerendered, т.е. с уже готовыми текстурами нужных высот, в данном случае получится 64 картинки, вытянуть их в линию, по объему это будет не так уж и много, но производительность должна возрасти. Попробуем?

[@Restorer]

не только gif, но и 8bit png.
background нельзя сжимать/растягивать и prerendered не выход, так как их гораздо больше чем 64, и будет очень большой объём текстур.

[@Restorer]

кстати, ощутимый прирост производительности заметен только в FF

[@simpel]

8bit png был изначально, и с ним в FF тормознее чем с GIF.
С ресайзом да, не получится фон так растянуть, уменьшить еще ладно, а вот увеличть, чтобы стоя в упор к стене видеть большие пиксели - не выйдет.
Езе я вынес в CSS повторяющиеся стили для DIV и IMG.

[@Restorer]

изначально был 32bit png, я сейчас поменял на 8bit.

> Езе я вынес в CSS повторяющиеся стили для DIV и IMG.
угу. только пока нет времени.

[@Restorer]

upd: да, действительно, gif немного быстрее png8. почему? это для меня загадка. тем более что для меня png8 предпочтительней.

[@lahmatiy]

Все это актуально пока у canvas не появится 3D контекст :) Опера (еще одна ссылка) и мозила (еще одна статья) уже давно работают над этим. Не сложно представить что мы получим в итоге :) Тут уж никакой эмуляцией не догонишь.

[@bolk]

Эмулировать Canvas в IE не надо, надо просто использовать VML.

[@eschava]

подправьте ссылку на вольфенштейн -в javascript буквы c и p - русские

[@Restorer]

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