spritesheet и прочий контент в JS
Делаю игру на JS+HTML5. Допустим, у меня есть большой спрайтшит. Делить его на тыщу маленьких картинок нет никакого желания. Можно ли как-то в javascript использовать отдельные кусочки этого изображения после его загрузки? Можно ли вообще как-то паковать загружаемый контент, чтобы он был представлен, например, одним архивом?
|
Можно использовать одну и ту же картинку, но задавать её положение так чтобы был виден только необходимый фрагмент.
Вариант решения: 2 вложенных <div/> , во внутреннем через CSS выставлена картинка в качесве фона и положение относительно внешнего, а во внешнем размер фрагмента. Сам я это не проверял, использовал SVG(предлагаю как запасной вариант). |
|
Мне один человек сказал, что можно использовать архив JAR для загрузки контента в javascript через атрибут <archive>. В гугле ничего конкретного не нашёл. Чем плох такой способ, какие браузеры его поддерживают? Есть где примеры?
|
плох этот способ тем, что я, напрмиер, отключил яву, потому что эта херь даже на убунту может вирус загнать (!!)
и я нихрена не увижу лучше делайте через CSS |
А из CSS-спрайтшита можно получить объекты Image?
В смысле я не очень представляю, как CSS-спрайты рисовать на канвасе. |
Цитата:
|
Затем, что канвас для этого создан?
У меня Chrome, к примеру, держит 40 FPS, отображая 400 спрайтов 50х50 с анимацией и прозрачностью. Что ещё на веб-странице обладает подобным быстродействием помимо плагинов? |
Цитата:
<img id="fuck" src="lol.жпг">
<script>
document.getElementById("fuck")
// и
var fuck = new Image();
fuck.src="lol.жпг";
appendchild.....etc...
</script>
|
я имел ввиду получить кусочки спрайтшита как самостоятельные объекты Image, чтобы их можно было по отдельности отображать на canvas'е.
|
| Часовой пояс GMT +3, время: 00:08. |