初心者向けにWindows標準のソフトだけで簡単なプログラムが作れることを示します。HTML5のcanvasを使います。

1. IE とメモ帳で
かんたんゲーム開発
FKD

2. 自己紹介
Twitter: @Coins_FKD
JavaScript ・ Perl ・ C# ・ C ・ Ruby を
浅く狭く触ってきた量産型プログラマ

3. これまでの製作物
2006/ 個人 /JavaScript 2012/ 個人 /JavaScript
2010/ 合作 /C# 2012/ 合作 /C#

4. 目的

ゲーム開発未経験者に最初の一歩を
踏み出してもらう

5. 初心者が思うであろうこと
Unity
Visual Studio FlashDevelop
ゲームを作るには普通、
「ゲームを作るためのツール」の
インストールが必要
→ 面倒…

6. そこで
と
Internet Explorer メモ帳
だけでゲームを作ります！

7. 初心者の人は
作ったものが動くという感覚を
味わいましょう

8. 中級者以上の人は
こんな環境でもゲーム作れるんだ
と驚きましょう

9. メモ帳を開く
左下の旗→すべてのプログラム
→アクセサリ→メモ帳

10. 呪文を書く

11. 呪文を書く
↑ ここだけ書き換えてネ

12. このコードは
AmusementCreators
のサイトに掲載しています！
http://www.amusement-creators.info/

13. ファイルを保存する (1/2)
ファイル→名前をつけて保存

14. ファイルを保存する (2/2)
ファイル名を game.html などに
してデスクトップなどに保存

15. ファイルを開く
保存したファイルをダブルクリック

16. 警告に OK を出す
ブロックされているコンテンツを許可

17. 結果
四角形が表示されました

18. もっと色々な図形を描きたい
「 canvas html5 」で検索

19. もっと色々な処理をしたい
「 JavaScript 」で検索して
勉強しましょう

20. 自分がこの手法で作ったゲーム

21. tips
マウスのクリック座標は
こういうコードで取得しました
$("#canvas").click(function(e) {
var x = e.pageX
- $("#canvas").offset().left
- parseInt($("#canvas").css("border-left-width"), 10)
- parseInt($("#canvas").css("padding-left"), 10);
var y = e.pageY
- $("#canvas").offset().top
- parseInt($("#canvas").css("border-top-width"), 10)
- parseInt($("#canvas").css("padding-top"), 10);
});

22. 質疑応答
？

23. THE END