spritesheet и прочий контент в JS

[zig]

Делаю игру на JS+HTML5. Допустим, у меня есть большой спрайтшит. Делить его на тыщу маленьких картинок нет никакого желания. Можно ли как-то в javascript использовать отдельные кусочки этого изображения после его загрузки? Можно ли вообще как-то паковать загружаемый контент, чтобы он был представлен, например, одним архивом?

[SV0L0CH]

Можно использовать одну и ту же картинку, но задавать её положение так чтобы был виден только необходимый фрагмент.
Вариант решения: 2 вложенных <div/> , во внутреннем через CSS выставлена картинка в качесве фона и положение относительно внешнего, а во внешнем размер фрагмента.
Сам я это не проверял, использовал SVG(предлагаю как запасной вариант).

[Kolyaj]

http://yandex.ru/yandsearch?text=css...=46510&lr =16

[zig]

Мне один человек сказал, что можно использовать архив JAR для загрузки контента в javascript через атрибут <archive>. В гугле ничего конкретного не нашёл. Чем плох такой способ, какие браузеры его поддерживают? Есть где примеры?

[melky]

плох этот способ тем, что я, напрмиер, отключил яву, потому что эта херь даже на убунту может вирус загнать (!!)

и я нихрена не увижу

лучше делайте через CSS

[zig]

А из CSS-спрайтшита можно получить объекты Image?
В смысле я не очень представляю, как CSS-спрайты рисовать на канвасе.

[Kolyaj]

В смысле я не очень представляю, как CSS-спрайты рисовать на канвасе.

А зачем их рисовать на канвасе?

[zig]

Затем, что канвас для этого создан?
У меня Chrome, к примеру, держит 40 FPS, отображая 400 спрайтов 50х50 с анимацией и прозрачностью. Что ещё на веб-странице обладает подобным быстродействием помимо плагинов?

[melky]

А из CSS-спрайтшита можно получить объекты Image?

<img id="fuck" src="lol.жпг">

<script>

document.getElementById("fuck")

// и

var fuck = new Image();
fuck.src="lol.жпг";

appendchild.....etc...
</script>

[zig]

я имел ввиду получить кусочки спрайтшита как самостоятельные объекты Image, чтобы их можно было по отдельности отображать на canvas'е.