タグ

cssspriteとperformanceに関するyhmtのブックマーク (2)

  • Mobile Game Primer - Build New Games

    Until recently, performance of browser-based games for mobile devices has lagged significantly behind desktop performance. If you wanted to create a Canvas-based mobile game, performance was terrible and you needed to build your game around the limitations of the platform. Developing a usable game meant using tricks like scaling up from very low resolutions or doing partial screen updates instead

    yhmt
    yhmt 2012/04/23
    iOS5においては基本的にはCanvasのパフォーマンスが上。AndroidではまだまだCSS Spriteの方が上。
  • 元画像群からSprite画像とCSSを生成·Sprite Factory MOONGIFT

    小さなアイコン画像などを一つにまとめて表示はCSSで切り出して行うのがCSS Spriteです。用意する手間があるため二の足を踏むケースも多いのですが、Sprite Factoryを使えばごく手軽に運用ができそうです。 インストールします。Rubygemsでインストール可能です。 実行はsfコマンドで。ディレクトリを引数としてそれ以下にある画像を全てまとめてくれます。 生成されるのはimg.cssとimg.pngです(カスタマイズ可能)。 生成されたCSSです。img.pngのSprite指定になっています。 生成された画像です。全て横につながった画像になっています。 生成された画像と元ディレクトリです。 オプションです。パスやSass形式での出力などに対応しています。 Sprite Factoryはクラス名に元のファイル名がつけられるので、Sprite画像は見ずともクラス名の指定がしやす

    元画像群からSprite画像とCSSを生成·Sprite Factory MOONGIFT
  • 1