Archive for 3月 2011

javascriptの基本メモ

javascriptの記入場所はいくつかあるけど、それぞれは以下

  • ヘッダー内に

HTMLのヘッダーに記入します。 ここに書いたスクリプトは、body部分より前に読み込まれます。 関数(処理を1まとめにしたもの)などはここに記入します。

  • body内に

何かを表示するようなスクリプトの場合、実際に表示する位置に記入します。

  • タグ内に

タグの中にイベントを組み込んで、そこに直接JavaScriptを記入できます。 関数を呼び出したり、簡単なスクリプトを記入します。

  • 外部ファイルに

複数のWebページ内で同じ処理を行いたい場合は、 外部ファイルにスクリプトを書いて、それを各ページが読み込むようにします。

http://www.pori2.net/js/kihon/2.html 「JavaScriptを記入する場所と方法」より

このエントリーをはてなブックマークに追加
はてなブックマーク - javascriptの基本メモ
Share on Facebook
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]
[`grow` not found]

Canvasで四角を描く

onload = function() {
draw();
};
function draw() {
/* canvas要素のノードオブジェクト */
var canvas = document.getElementById('canvassample');
/* canvas要素の存在チェックとCanvas未対応ブラウザの対処 */
if ( ! canvas || ! canvas.getContext ) {
return false;
}
/* 2Dコンテキスト */
var ctx = canvas.getContext('2d');
/* 四角を描く */
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(120, 20);
ctx.lineTo(120, 120);
ctx.lineTo(20, 120);
ctx.closePath();
ctx.stroke();
}

http://www.html5.jp/canvas/how.html より

このエントリーをはてなブックマークに追加
はてなブックマーク - Canvasで四角を描く
Share on Facebook
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]
[`grow` not found]

html5でゲームをつくる

次世代HtmlのHtml5では、かなりリッチに作り込みが出来るようになっています。

Html5.jp

http://www.html5.jp/

JavaScriptから図を描くことができるCanvasがHtml5の仕様に入っていて

これまでは、FlashやJavaアプレットで表現していたゲームも、

このCanvas(とjavascript)を利用して作ることが出来ます。

HTML5とCanvasで作られたゲーム厳選18選

http://blog.verygoodtown.com/2010/09/html5-canvas-game-18/

既にたくさんのゲームが作られてる。

で、ゲームを開発するためのゲームエンジンまで作られています。

IMPACT

http://impactjs.com/

ブラウザからスマートフォンまで幅広く動くのはHtml5ならではですねー。

このエントリーをはてなブックマークに追加
はてなブックマーク - html5でゲームをつくる
Share on Facebook
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]
[`grow` not found]