開始行:
#navi(nimをプレーするコンピューター・プログラム) ** 構築2 [#t1a81ff8] フロント・エンド・プログラムの製作に取りかかりましょう。 WebアプリケーションのUI部分を実現するには、 いくつかの選択肢があります。 + CGIを用いて、ページ遷移にしたがってプログラムの状態を遷... + AJAXを使って、非同期にサーバーと通信をおこなう + Java Applet, Flash/Flexなどを使って、非同期にサーバーと... + AppletやFlashをクライアントサイドですべての機能を動作さ... 上記の方法は、それぞれ特徴があります。1.については、もっ... 分析のフェーズで作ったプログラムを発展させやすいのですが、 ゲームアプリケーションとしては、少々味気ない演出しかでき... 4.はサーバーと通信しないので、Webアプリケーションの中でも... といったものです。この手法は、当館の[[Kalah (マンカラ)]]... ここでは、Adobe社がオープンソースとして公開しているFlex3... サーバー上のAIと通信しながら対戦できる方式を採用すること... *** Flex3の準備 [#q266fdf0] Flex3は、Adobe社から提供されている、オープンソースなプロ... 開発環境には、Flex BuilderというEclipse((こちらもオープン... Flex3は、同じくFlashアプリケーションの実行ファイルと同じs... Flex3のプログラムは、Flashのスクリプト言語である、ActionS... UI記述を容易にするMXMLというXMLを用いた記述言語でプログラ... プログラムを作成する上での、ソースファイルの拡張子はそれ... MXMLの中には、ActionScriptを記述することができます。 開発するには、Flex SDK 3 を入手しなければなりません。 [[Adobeのサイト>http://opensource.adobe.com/wiki/display/... から取得してください。 先述のように、IDEを使わずプログラムを作成しますので、お好... デバックおよび、動作を確認するために、上記SDKの他に、Stan... Flash Player も [[Adbobe>http://www.adobe.com/support/flashplayer/downloa... からダウンロードしておくと便利です。 インストール方法は、複雑ではないので、こちらでは説明いた... 各自ドキュメントを参照して、導入してください。 *** Nimboard ClassをActionScriptで記述する [#t8423bda] プロトタイプで作成した、nim_board.rbを発展させて、 ActionScript上に実現します。UI仕様の粗い設計は、 前回おこないましたので、それにしたがってプログラムを 書いてみました。 :&ref(Nimboard.as);|当面、nimのUIの中核になるクラス :&ref(Stone.as);|画面上に複数の石を配置するために、石を独... Flex3プログラムは、ソースコード(as, mxmlファイル)をコンパ... mxmlc Nimboard.as プログラムの開発過程であるなら、以下のようにすると、デバ... mxmlc -debug=true -incremental=true Nimboard.as プログラム中、ゲームを演出するアートワークは、作成してい... ハイライトも、すべてプログラムによって描画しています。 文字の周囲には、表示位置を後に調整しやすくするため、表示... 以前作成した、Rubyのnim_board.rbとNimboard.as+Stone.asを... イベント駆動でプログラムを記述するための状態遷移を管理す... イベントリスナーから呼ばれるコントローラーメソッドなどで... 大きくなっています。 勝敗判定は、バックエンドの役割なのでおこないませんが、石... 後は、インゲームメッセージの表示部分を実装することになり... プログラムの動作は、下で確認することができます。 ボード上の石を選択すると、その右側にある石全部が選択され... もう一度同じ石を選択すれば、選択を"Submit"してサーバーに (ここでは、実際に送りませんが)情報を送ります。選択状態で、 別の石を選べば、選択がキャンセルされます。 また、手番のプレーヤー名の下に、ハイライトのための長方形... #iframe(/plugin/htmlinsert/Nim_Computer/4/index.html,styl... ---- ...つづく (2009/5/18) * SEE ALSO [#n2763e67] #related * Feedback [#u1caae51] &facebooklike(400x180,action="like",scrolling="yes",show_... #vote(おもしろい[0],役に立つ[0],興味ない[0],理解できない[... //#pcomment_nospam(noname)

終了行:
#navi(nimをプレーするコンピューター・プログラム) ** 構築2 [#t1a81ff8] フロント・エンド・プログラムの製作に取りかかりましょう。 WebアプリケーションのUI部分を実現するには、 いくつかの選択肢があります。 + CGIを用いて、ページ遷移にしたがってプログラムの状態を遷... + AJAXを使って、非同期にサーバーと通信をおこなう + Java Applet, Flash/Flexなどを使って、非同期にサーバーと... + AppletやFlashをクライアントサイドですべての機能を動作さ... 上記の方法は、それぞれ特徴があります。1.については、もっ... 分析のフェーズで作ったプログラムを発展させやすいのですが、 ゲームアプリケーションとしては、少々味気ない演出しかでき... 4.はサーバーと通信しないので、Webアプリケーションの中でも... といったものです。この手法は、当館の[[Kalah (マンカラ)]]... ここでは、Adobe社がオープンソースとして公開しているFlex3... サーバー上のAIと通信しながら対戦できる方式を採用すること... *** Flex3の準備 [#q266fdf0] Flex3は、Adobe社から提供されている、オープンソースなプロ... 開発環境には、Flex BuilderというEclipse((こちらもオープン... Flex3は、同じくFlashアプリケーションの実行ファイルと同じs... Flex3のプログラムは、Flashのスクリプト言語である、ActionS... UI記述を容易にするMXMLというXMLを用いた記述言語でプログラ... プログラムを作成する上での、ソースファイルの拡張子はそれ... MXMLの中には、ActionScriptを記述することができます。 開発するには、Flex SDK 3 を入手しなければなりません。 [[Adobeのサイト>http://opensource.adobe.com/wiki/display/... から取得してください。 先述のように、IDEを使わずプログラムを作成しますので、お好... デバックおよび、動作を確認するために、上記SDKの他に、Stan... Flash Player も [[Adbobe>http://www.adobe.com/support/flashplayer/downloa... からダウンロードしておくと便利です。 インストール方法は、複雑ではないので、こちらでは説明いた... 各自ドキュメントを参照して、導入してください。 *** Nimboard ClassをActionScriptで記述する [#t8423bda] プロトタイプで作成した、nim_board.rbを発展させて、 ActionScript上に実現します。UI仕様の粗い設計は、 前回おこないましたので、それにしたがってプログラムを 書いてみました。 :&ref(Nimboard.as);|当面、nimのUIの中核になるクラス :&ref(Stone.as);|画面上に複数の石を配置するために、石を独... Flex3プログラムは、ソースコード(as, mxmlファイル)をコンパ... mxmlc Nimboard.as プログラムの開発過程であるなら、以下のようにすると、デバ... mxmlc -debug=true -incremental=true Nimboard.as プログラム中、ゲームを演出するアートワークは、作成してい... ハイライトも、すべてプログラムによって描画しています。 文字の周囲には、表示位置を後に調整しやすくするため、表示... 以前作成した、Rubyのnim_board.rbとNimboard.as+Stone.asを... イベント駆動でプログラムを記述するための状態遷移を管理す... イベントリスナーから呼ばれるコントローラーメソッドなどで... 大きくなっています。 勝敗判定は、バックエンドの役割なのでおこないませんが、石... 後は、インゲームメッセージの表示部分を実装することになり... プログラムの動作は、下で確認することができます。 ボード上の石を選択すると、その右側にある石全部が選択され... もう一度同じ石を選択すれば、選択を"Submit"してサーバーに (ここでは、実際に送りませんが)情報を送ります。選択状態で、 別の石を選べば、選択がキャンセルされます。 また、手番のプレーヤー名の下に、ハイライトのための長方形... #iframe(/plugin/htmlinsert/Nim_Computer/4/index.html,styl... ---- ...つづく (2009/5/18) * SEE ALSO [#n2763e67] #related * Feedback [#u1caae51] &facebooklike(400x180,action="like",scrolling="yes",show_... #vote(おもしろい[0],役に立つ[0],興味ない[0],理解できない[... //#pcomment_nospam(noname)

ページ名: