Flexboxで塔を移動させるタワーディフェンスゲーム「Flexbox Defense」!

2016/06/25

こんにちは。
今回はFlexboxで塔を移動させるタワーディフェンスゲーム「Flexbox Defense」!です。

Flexboxのプロパティを使って、塔を配置して進路を防ぐゲームを紹介します。

Flexboxで塔を移動させるタワーディフェンスゲーム「Flexbox Defense」!

Flexbox Defense

flexbox-defense

http://www.flexboxdefense.com/

 

「Flexbox Defense」の使い方

flexbox-defense

画面左上のヒントを見ながら、下のCSSのぬけた箇所を埋めていきます。
全部で12問あります。
だんだんレベルが上がり難しくなってきますよ!

 

現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)
現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)

 

いかがでしたか。ゲームで楽しみながらFlexboxの理解を深めてみてはどうでしょうか。
以上でFlexboxで塔を移動させるタワーディフェンスゲーム「Flexbox Defense」!でした。

Related Post

topへ戻る