Advertisement
どきっ！三行で作るランダムダンジョン！？～WEBもあるよ！～ - 2010/8/21 群馬Web研究会（勉強会）
Aug. 22, 2010•0 likes•1,183 views
1 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download to read offline
Report
Technology
2010/8/21におこなったプレゼン資料 以下の二点を修正済み ・本名の削除 ・版権画像の修正とURL追加
parrotstudioFollow
Advertisement
どきっ！三行で作るランダムダンジョン！？～WEBもあるよ！～ - 2010/8/21 群馬Web研究会（勉強会）
- どきっ！ 三行でできるランダムダンジョン！？ ～WEBもあるよ！～ Present by ぱろっと(@parrot_studio) on 2010/08/21 at 群馬Web研究会
- 自己紹介 ・名前：ぱろっと ・使える言語：Ruby Java Javascript Perl VB PHP etc… ・興味のある言語：C# Haskel Erlang Objective-C etc… ・職歴：SE/プログラマ/フリーランス/MMORPGの運営 ・hatena：id:parrot_studio ・Twitter：@parrot_studio ・RO’s Blog： http://parrot.blog21.fc2.com/
- ※注意
- 顔文字を使うけど 気にしないでね (`･ω･´)
- ところで・・・
- 本当に三行で ダンジョンができるの (´･ω･)？
- RDGC
- R - Ruby(Random) D - Dungeon G - Game C - Core
- 作者：私
- RDGCができること ・ダンジョンを作ること ・シナリオを制御すること ・モンスターを制御すること ・時間を制御すること etc… http://sourceforge.jp/projects/rdgc/
- rdgc-dm ダンジョン生成だけ 切り出したgem
- 準備： gem install rdgc-dm
- require “rubygems” # ruby1.9ならこれ不要 require “rdgc-dm” dungeon = RDGC::Maker::DivideDungeonMaker.create(30, 40)
- require “rubygems” require “rdgc-dm” dungeon = RDGC::Maker::DivideDungeonMaker.create(30, 40) HTML = <<EOF Content-type: text/html <html> <head> <title>Random Dungeon Test for RDGC 0.2</title> </head> <body> <h2>Random Dungeon Test for RDGC 0.2</h2> X:壁 .:通路 ・:部屋<br/> <hr /> EOF print HTML print"<table>" dungeon.each_y do |y| print"<tr>" dungeon.each_x do |x| t = dungeon.tile(x, y) case when t.wall? print "<td bgcolor='#aaaaaa'>X</td>" when t.room? print "<td bgcolor='white'>・</td>" when t.road? print "<td bgcolor='#eeeeee'>.</td>" end end print"</tr>" end print "</table></body></html>"
- おい・・・ どこが三行だ (#ﾟДﾟ)ｺﾞﾙｧ!!
- ダンジョン“オブジェクト”は 三行でできてますが 何か？( ﾟДﾟ)y─┛~~
- RDGCはViewを持たない
- 理由は二つ
- 1) Viewは使う側が 定義すべき
- View = ゲームそのもの
- 違いは一目瞭然Σ(ﾟДﾟ)ｶﾞｰﾝ “RO”gue #1 - The Pink Maze - (C)Debonosu Works. (c) parrot_studio http://www.debonosu.jp/debonosu/game/kagura/
- 2) プラットフォームに 依存しないため
- not only Windows/Linux, but also WebBrowser
- よろしい、 ならばブラウザだ ∠( ﾟдﾟ)／
- というわけで・・・
- RDGCをWebで動かそう
- 伝統的なやり方 It’s Traditional Way.
- HTML View Resource
- もっと対応機器を 増やしてみよう！
- HTML View1 HTML’ View2 Resource HTML? View3 View4 HTML…?
- ・別々にHTMLを書くのが面倒 ・サーバの負荷も高い
- Viewのことは クライアントに任せれば いいじゃなーい(ﾟДﾟ)!
- Viewは各クライアントが制御 View1 View2 Resource View3 only DATA View4
- シンプル(｀･ω･´) b （おもにサーバが）
- It’s API Style.
- Viewと データ（リソース）の 分離
- requestを裏で やり取りする = 画面遷移がない
- Ajax
- Asynchronous JavaScript + XML
- Asynchronous = 非同期
- でも、 難しいんでしょう・・・ (´･ω･)？
- 過去： var ajax; if(window.XMLHttpRequest) { ajax = new XMLHttpRequest(); } else if(window.ActiveXObject) { try { ajax = new ActiveXObject(“Msxml2.XMLHTTP”); } catch(e) { ajax = new ActiveXObject("Microsoft.XMLHTTP"); } } ajax.open(“GET”, serverURL); ajax.onreadystatechange = function() { if (ajax.readyState == 4 && ajax.status == 200) { // 取得データの処理 } } ajax.send(null);
- やってられるか！ （ﾉﾟДﾟ)ノ彡┻━┻
- jQueryで Ajaxを簡単に記述 (`･ω･´)
- 現在： $.getJSON(uri, param, function(data){ … })
- It’s jQuery.
- jQueryをサポートするIDE ・VisualStudio(MS) ・Netbeans(SunOracle) and more...
- 最近はXML以外に JSONも多く使われる
- JavaScript Object Notation
- It’s DEMO Time!!
- そろそろまとめますよ・・・
- 1) ゲームを作ると 仕事に広がりができる
- ランダム = てきとー ではない
- ランダム = あらゆる状況を 考慮する必要あり
- 2) Viewと リソースは分離する
- API REST and go on... Ajax CGI homepage
- Viewにとらわれない = いろいろ広がる Mashup
- 3) jQueryは便利
- 詳しくは別な機会に・・・ Σ(・ω・ノ)ノ
- 以上だけど 何か質問ある (´･ω･)？
- ありがとうございました (´･ω･)っ旦~
Advertisement