Fork
31
Fav
46
View
22958
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 153 lines
  • HTML 1 lines
  • CSS 8 lines
[About]
去年作った HTML5 Canvas サンプルを jsdo.it に移植.
マウスに円が追尾するサンプルです.

[Links]
『HTML5 Canvas と JavaScript を使って作る追尾サンプル』
Step by Step形式の解説とコーディング動画もあるので簡単に同じものを作れます.
http://tmlife.net/programming/javascript/html5-canvas-javascript-pursuit.html

00 - HTML, Canvas をセットアップ
http://tmlife.net/programming/javascript/html5-canvas-javascript-pursuit-00.html
01 - メインループを作成, 円を描画
http://tmlife.net/programming/javascript/html5-canvas-javascript-pursuit-01.html
02 - Circle class を定義, 生成, 更新, 描画
http://tmlife.net/programming/javascript/html5-canvas-javascript-pursuit-02.html
03 - Circle に, 手前の Circle を追尾する処理を追加
http://tmlife.net/programming/javascript/html5-canvas-javascript-pursuit-03.html
04 - マウスに追尾する処理を追加
http://tmlife.net/programming/javascript/html5-canvas-javascript-pursuit-04.html
05 - iPhone に対応
http://tmlife.net/programming/javascript/html5-canvas-javascript-pursuit-05.html
  • HTML5 Canvas と JavaScript を使って作る追尾サンプル
  • HTML5 Canvas と JavaScript を使って作る追尾サンプル

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

phi

Author

  • Twitter
  • Github

ゲームプログラマやりながら執筆してる27歳. phina.js(tmlib.js) というライブラリ作ってます. 著書「enchant.js スマートフォンゲーム開発講座」 『日本国民全員プログラマ化計画』進行中 Math/JavaScript/HTML5/CSS3/Python/C/C++/C#/Java

Blog http://phiary.me

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

RainoRaino:

canvashtml5javascriptart&designきれいだし、canvasの練習にGood!

Forked

sort by