IEとメモ帳でかんたんゲーム開発
- 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 メモ帳 だけでゲームを作ります！
- 9. メモ帳を開く 左下の旗→すべてのプログラム →アクセサリ→メモ帳
- 10. 呪文を書く
- 11. 呪文を書く ↑ ここだけ書き換えてネ
- 12. このコードは AmusementCreators のサイトに掲載しています！ http://www.amusement-creators.info/
- 13. ファイルを保存する (1/2) ファイル→名前をつけて保存
- 14. ファイルを保存する (2/2) ファイル名を game.html などに してデスクトップなどに保存
- 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