HTML5 Canvas と JavaScript を使って作る追尾サンプル

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

HTML5 Canvas と JavaScript を使ってマウスに円が追尾するサンプルを作っていきます.

オブジェクトの更新, 描画, インターフェース(マウス)との連動など, 今後ゲームを作っていく上で基本的な部分を学ぶためのエントリーです.

Read More

HTML5 の Canvas で sort を可視化してみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

プログラミングを学び始めた頃を思い出そうという!!っとことでソートに関するサンプルをつくってみました.

HTML5 の Canvas を使って sort を可視化してみました.

丁度プログラミングを始めたばかりの方だとかはソートアルゴリズムの勉強前にこういった見た目でどうなっているのか 見ておくだけでも学ぶ効率が上がるのではないかなぁ~と思ってたりします.

HTML5 の canvas と JavaScript があればこういったサンプルもあっという間に作ることができます! いやぁ~面白いです!!

thumb

Read More

HTML5 と CSS3 で Web 制作 : Step08 – wordpress で使えるようテーマ化

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

最後の最後は wordpress のテーマ化についてです. 詳しい説明はしません.

1Step 1Step 少しずつサイトを作ってきました. この流れて制作すれば簡単に wordpress へのテーマとして流用できますよ. っという軽い紹介です.

テーマはダウンロードできるようにしているので, wp のサイトを持っているかたはぜひ適応させて遊んでみてください.

thumb

Read More

HTML5 と CSS3 で Web 制作 : Step06 – aside をレイアウト

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

ここではアサイド, つまりサイトとは関係のない情報を配置します. そのため他の部分とは少し違うデザインにして消しても違和感のないよう意識して作っています.

thumb

Read More