どきっ！三行で作るランダムダンジョン！？～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/

※注意

顔文字を使うけど気にしないでね (`･ω･´)

ところで・・・

本当に三行でダンジョンができるの (´･ω･)？

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を裏でやり取りする = 画面遷移がない

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は便利

詳しくは別な機会に・・・ Σ(・ω・ノ)ノ

以上だけど何か質問ある (´･ω･)？

ありがとうございました (´･ω･)っ旦~

http://d.hatena.ne.jp	63
http://paper.li	9
http://webcache.googleusercontent.com	1

どきっ！三行で作るランダムダンジョン！？～WEBもあるよ！～ - 2010/8/21 群馬Web研究会（勉強会）

by parrotstudio on Aug 22, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 73

Statistics

どきっ！三行で作るランダムダンジョン！？～WEBもあるよ！～ - 2010/8/21 群馬Web研究会（勉強会） — Presentation Transcript