言語を学ぶ

CSS3+jQueryでつくる2Dゲームモーション

CSS3+jQueryでつくる2Dゲームモーション

チャプター:5

このブックでは、CSS3とjQueryを活用してキャラクターの2Dゲームモーションを作成します。このブックを通して、「CSSスプライト」と呼ばれるコーディング技法を学習できます。

1.レイアウトの基となるHTMLをつくろう

このチャプターでは レイアウトの基となるHTML構造をつくります。

36P

2.「CSSスプライト」を使ってみよう

「CSSスプライト」とは 複数のアイコンや画像を一枚の画像にまとめて、通信量をおさえる技術のことです。スマートフォンが発達してパフォーマンスが重用視されるようになってから、こうした技術が多くのサイトで採用されるようになってきました。このチャプターでは実際にCSSスプライトの使い方を学習します。

34P

3.アニメーションをつくろう (1)

このチャプターでは CSS3のアニメーション機能を使用してアニメーションをつくります。 ※ この機能は Internet Explorer 9以下のバージョンでは対応しておりません(2013年10月時点)。

40P

4.アニメーションをつくろう (2)

このチャプターでは 前回のチャプターで作成したアニメーションを参考にしながら アニメーションをつくります。 ※ この機能は Internet Explorer 9以下のバージョンでは対応しておりません(2013年10月時点)。

58P

5.ボタンを押したらアニメーションを実行しよう

このチャプターでは、jQueryを使用して ボタンが押されたらアニメーションが実行されるようにします。このチャプターを通して CSSとjQueryがどのように連携しているのか学習することができます。

34P