キーワード検索「スプライト」
1319
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければ...
340
ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。 今回は、ファイル容量を削減に焦点...
313
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見...
254
津田大介＆南治一徳＆清水亮らが語る，ゲームとプログラミングの今は昔。ゲームやプログラムはもちろん，大震災にまで話が及んだ座談会を掲載 副編集長：TAITAI カメラマン：増田雄介 123→ 先日（4月18日）公開された「enchant.js」は，主にスマートフォン用のゲームをターゲットにしたHTML5とJavaScriptによるゲームライブラリだ。これは，2Dゲームを作成するための基本システムをま...
100
Titanium, OpenGLTitanium Mobile で、enchant.js や emo-framework 並みに手軽に2Dゲームが作れるモジュールを公開しました！ http://code.google.com/p/quicktigame2d/ http://code.google.com/p/quicktigame2d/wiki/ Android の方は残念ですが、現在のところ i...
97
こんにちは。Yahoo!検索の高林です。先日、書籍『続・ハイパフォーマンスWebサイト』（オライリー刊）に寄稿させていただいた関係でトークイベントに参加してきました。 お忙しいところ、たくさんの方々に出席していただき、ありがとうございます。 今回のイベントでは、「Yahoo!検索のパフォーマンス向上策全て見せます！」というテーマでYahoo!検索で実際に行っているTipsの紹介と現在、Yahoo!...
80
Flashのエンジニアとして著名なGrant Skinner氏が開発している、HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」の最新版、v0.4が公開されました。 9カ月振りになる最新版では、ビットマップアニメーションやスプライトシートエンジンを全面的に書き換えたとのことです。 completely reengineered sprite...
71
ユビキタスエンターテインメント，無料で使用できるHTML5/JavaScriptベースのゲームエンジン「enchant.js」をリリース 編集部：aueki ユビキタスエンターテインメントは，主にスマートフォン用のゲームをターゲットにしたHTML5とJavaScriptによるゲームライブラリ「enchant.js」を公開した。 このライブラリは，2Dゲームを作成するための基本システムをまとめたもの...
71
jQueryUI Icons List / Cheatsheet jQuery UI のアイコンチートシート。jQuery UI を使えば class に特定の値を指定するとアイコンが表示出来ます。 アイコンの量が沢山あるので、チートシートを活用して便利に使うことが出来ます。 CSSスプライトで表現されるので、１個１個指定して表示するよりもパフォーマンス的にもアドバンテージがありますね。 jQue...
63
![[CSS]画像のロールオーバーにフェード効果を与える方法の理想と現実 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/fade-image-within-sprite-by-css-tricks.html)
CSSスプライトを使用した画像のロールオーバーにアニメーションでフェード効果を与える際の、妥当な実装方法、理想の実装方法、現実の実装方法を紹介します。下記は各ポイントを意訳したものです。最初の方法：妥当二番目の方法：理想三番目の方法：現実デモでは、上から順番に実装されています。最初の方法：妥当HTML元のエレメント内にspanを一つ配置します。確かにこれは余分のマークアップと感じるかもしれませんが...
47
カウントダウンタイマーの実装と 終了後に任意のイベントを発生 させられるjQueryのプラグイン、 jquery-countdownのご紹介です。 たまに見かけるやつですね。使用 頻度は高くは無さそうですけど。 ローンチ前のComing soonページなんかでたまに見かけるやつです。スクリプトも軽量です。 jquery-countdown カウントダウンアニメーションを実装します。終了後にコードを...
55
Davor Spasovski / Web Developer 画像を使った綺麗なタイマーが実装できるjQueryプラグイン「spriteTimer」。 次のような１枚の画像を使って簡単に綺麗なカウントダウン＆カウントアップタイマーが実装できます。 タイマーを表示されるなら味気ないテキスト表示よりも画像で綺麗にやりたいですよね。 画像なので、画像編集ツールを使って簡単にフォントやデザインを替えられ...
55
jQuery & CSS Sprite Animation Explained In Under 5 Minutes | AddyOsmani.com | Where Web Businesses Grow jQueryで行うFlashみたいなスプライトアニメーションのチュートリアルが公開されています。 iPhone向けのサイト等ではFlashは使えませんが、jQueryによって実装すればアニメー...
49
Mega Web Buttons Pack #1 | Codrops 綺麗なアイコン付きボタン４２個パック。 次のように、ボタンにアイコンが付いてより分かりやすくなっているものをダウンロード可能です。 jQueryとCSSが使われていて比較的容易に実装できてマークアップもシンプルになってます。 アイコンがあると無いとでは格段に見やすさが違いますね。 関連エントリ CSSスプライトでカッコイイボタン...
33
画面いっぱいにスマイリーが並んでいて、マウスオーバーするとくるっと反転するページがありましたよ。↑ こういうやつね。どうやってんじゃろ？と思ってソースをみたらFLASHじゃなくて、jQueryのアニメーション＋CSSスプライトを使って実現していました。↑ この画像を14pxごとにずらして表示、と。ま、それだけなのですが、ソースもシンプルだし、どこかで使えそうかな、と思ったのでエントリーしときまする...
25
ユビキタスエンターテインメント（以下UEI）は17日、HTML5／JavaScriptベースのスマートフォン向けゲーム開発支援ライブラリ「enchant.js（エンチャント・ドット・ジェイエス）」βバージョンの無償提供を開始した。 基本的に2Dゲームの作成を想定。おもな提供内容は、アニメーション付きアバターシステムや当たり判定を含むスプライト管理ライブラリ、複雑なスクロールマップを高速に処理するラ...
11
enchant.jsがWebGLに対応，本格的な3Dグラフィックスによるゲーム開発が手軽に 編集部：aueki ユビキタスエンターテインメントは，WebGLに対応したgl_enchant.jsのβ版を公開した。 enchant.jsは，JavaScriptとHTML5を使用したゲームエンジンで，これまではスプライトなど2Dグラフィックスを支援するゲーム開発ライブラリとして提供されていたのだが，つい...
15
cssスプライトをjQueryと組み合わせて 使用するAutoSpritesをご紹介します。 軽量化できるので人気のあるcssスプ ライトにjQueryを加える事でより豊かな 表現が可能になりますね。 HTMLソースも綺麗なまま使えますのでなかなか使えそうです。問題のIE6、7での実装もクリアしていますよ。AutoSpritesフェードするエフェクトがクールですね。cssスプライトを使用しており、...
8
Test 32 sprites in a cycle animationHTML5 canvasの、ゲーム向けのスプライトを実現するJavaScriptライブラリ「sprite.js」が公開されています。HTML5 canvasを使うモードと使わないモードが切り替えられます。上記のデモで言うと、URLの ?canvas=1 が付いているとcanvasを使うモード、それを取るとcanvasを使わない...
9
ユビキタスエンターテインメント（以下UEI）は17日、HTML5／JavaScriptベースのスマートフォン向けゲーム開発支援ライブラリ「enchant.js（エンチャント・ドット・ジェイエス）」βバージョンの無償提供を開始した。 基本的に2Dゲームの作成を想定。おもな提供内容は、アニメーション付きアバターシステムや当たり判定を含むスプライト管理ライブラリ、複雑なスクロールマップを高速に処理するラ...
