Home > 2009年10月

2009年10月

Canvasでゲーム〜剣を振る

前回の予告通り、剣を振らせてみます。
スペースキーでどうぞ。



ソースは見ないで下さい・・・。
あまりにもひどいので、リファクタリングしようと思います。

Firefox Developers Conference 2009に参加します。

  • 2009-10-27 (Tue)
  • Web

こんにちは。

さて、最近元気のない(Canvasプログラミングに熱中してたらそうでもなくなってきた)僕ですが、
そんな時には外部からの刺激を受けるに限ると言うことで、

Firefox Developers Conference 2009 - アドオンで Web の未来を切り開く!

に申し込んでみました。

アドオンなんて、大学のゼミで先輩の作りかけのやつを保守したいらい触ってないですが、
いろいろおもしろそうな話題満載で楽しみです。

せっかく参加するんだから、そこで得た知識を使ってアドオンの1つぐらいはリリースしたいと思います。
※ インプットだけじゃ意味ないですもんね!

当日会場で出会った方はお手柔らかにお願いします。
(基本引きこもりなので・・・)

Canvasでゲーム~ジャンプ

さて、どんどん投下していきますよー。
お次はジャンプです。

キャラをカーソルで動かす、ただそれだけです。

ジャンプ

次は剣でも振らせてみるか。

Canvasの練習~魔方陣(五芒星)を描いてみた。

最終目的であるゲームには使えそうもありませんが…。

Canvasプログラミングに慣れるため、思いついたものはとりあえず作ってみようかと。

てなわけで、魔方陣です。

魔方陣
※ IEだと微妙に不自然です。

予想してたよりはうまくできたんじゃないかなと、自画自賛してみます。

Canvasでゲームでも作ってみるか

仕事がうまく行かない時はホビープログラミングに精を出すのが一番なんだけど、
近頃なんかもやもやしてあんまりやる気が湧いてこない。

というわけで、『ドラクエ作る人になりたい』とか思ってた子供時代を思い出して、
HTML5 Canvasでゲームでも作ってみることにした。

まず、手始めにCanvas Tutorialを読みながら、ブロック崩しを作ってみた。
(かなり前に話題になったサイトでしかも英語ですが、わかりやすいのでCanvasを勉強しようとしている人にはオススメです。)

ブロック崩し

uuCanvasを使ってるので、IEでも動くつもり。
本家そのままじゃなく、自己流にソースを書き換えながら作ってたら予想以上に時間がかかった・・・。

これでHello, Worldは終わり。 さて何を作るかな…。

Home > 2009年10月

Page Top