このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

【JS】ドラゴンクエスト バトルシミュレーター (ドラクエ戦闘シーン改)

JavaScript

2013.11.14

この記事は最終更新日から1年以上が経過しています。

どもです。

何かと、最近話題なドラゴンクエストなんですが、バトルシーンのシミュレーターを行いたいなと思い、

前回製作した、 CSS3 jQueryでドラゴンクエスト風戦闘シーン作りました。

を改良し、Smarty + php + Javascriptで、

「ドラゴンクエスト バトルシミュレーター」なるものを作ってみました。

ドラゴンクエスト バトルシミュレーター

http://webcyou.com/demo/dq/

 

ドラゴンクエスト バトルシミュレーター

※モンスター及び画像その他の著作権はスクエア・エニックスに帰属致します。

ドラゴンクエスト バトルシミュレーター

http://webcyou.com/demo/dq/

(Safari、Google Chrome webkit系ブラウザのみの対応となります。)

ドラゴンクエスト1をベースに作成したのですが、制作に至って、色んなサイト等を参考にさせて頂きました。

モンスター

まず、モンスター等のデータに関しては、

iso.labo

http://iso-labo.com/labo/dragonquest1.html

ドラゴンクエスト モンスターデータ

http://www.adventureisland.org/dq1/mon2.html

等を参考にさせて頂きました。

バトルロジック

バトルのロジック計算式は、

ドラゴンクエスト1情報編

http://www.geocities.jp/hoppygeo/DQ1/DQ1infomation.html

DQ9 ダメージ計算式

http://nyusuke.com/game/dq/dq9damage.html

敵の行動 FC版 ドラクエ1

http://dqff.sakura.ne.jp/dq1fc/battle/action.html 

ドラクエ1 極限攻略データベース

http://dq.kyokugen.info/dq1/

等を参考にさせて頂きました。

サウンド

音楽に関しては

http://www.kinet.or.jp/j-w/gmidi.html

のMIDIを使用させて頂いたのと、

iPhone Appである 8bitone+ や、その他の効果音Appや

logicを使って、ポチポチ打ち込みしたりしてBGM、効果音作成しました。

メッセージ

その他、メッセージ文に関しては

メッセージ集

http://dq5nds.myafil.net/message_battle.html

こちらを参考にしたりしました。

バトルシミュレーター

ドラゴンクエスト1をベースのモンスター、LV、ぶき、よろい、たて、やくそうを選択し、

戦闘開始ボタンでバトルシミュレーションを行えます。

入力した名前はLocalStrageに保存されますので、再設定を行いたい場合はページ右上の設定ボタンを押し「なまえをへんこう」を押すと、LocalStrageがクリアされ再設定行えます。

バトルに関しては、jqueryに依存せずプレーンなJavascriptで作成しております。

上記で挙げさせて頂いたように、色んなサイトを参考にさせて頂きましたが、本物のロジックに近づくにはまだまだかなといった感じです。

github

拙い感じですが、こちらに www/ を公開しております。

宜しければと。

https://github.com/webcyou/dq/

(www/ なので、そのままでは利用はできません。)

その他

改善点(諦めた点)

・名前によるパラメータ振分け

・より詳細な戦闘ロジックパラメータ調整

・ページ内にソーシャルプラグインを入れる事によってパフォーマンスが激しく低下

・音楽OFF機能

・smarty viewとjson viewの同時出力

・urlの例外処理

と気が向いたら修正していこうかなと思ってます。

といった感じで、webはさておき、

次回は「cocos2d」を使ってシミュレーションゲームを作ってみたいかと思います。

ではでは。

Comment

Related Article

上級者向け JavaScript 問題集 「javascript-questions」日本語翻訳担当してます。

2019.06.22

SPAサイトでの認証認可 JWT✗Rails5✗Nuxt.js

2019.03.24

Nuxt.js と auth-module (@nuxtjs/auth)で、JWT(JSON Web Tokens)& OAuth 認証 ログイン

2019.02.21

ブラウザフィンガープリントは、Cookieの代用となるのか? JSライブラリ Fingerprintjs2など。

2019.02.03

Vue.jsでSPA、Vuex使用するなら Nuxt.jsが超絶便利な件。

2018.12.23

nodeのない環境にnodeを導入(HTML5ゲームも提供)し続け、1年数ヶ月経過後、かなり開発環境が整ってきたお話。

2018.09.26

Vue.js + SSR (Universal JavaScript)環境を、「NUXT.js」でサクッと構築する方法。

2017.10.09

フロントエンド開発が捗る JSON Serverについて

2017.07.10

技術書、参考書のしおりには【BOOK DARTS】がオススメ!

2017.07.01

会社で npm Private導入して、1ヶ月で8個ほどパッケージ作成したお話。

2017.06.02

CATEGORY LIST

LATEST NEWS

上級者向け JavaScript 問題集 「javascript-questions」日本語翻訳担当してます。

JavaScript

2019.06.22

Wordpress サイトで、長時間 500 Internal Server Error発生。解決した方法とは。

WordPress

2019.06.18

Ubuntu 18.04 LTSで OpenGL開発

ubuntu

2019.05.20

MacOS Mojave (10.14.4)の Xcode に、過去のMacOSのSDKをインストール

C++

2019.05.19

クローンソフトの「EaseUS Disk Copy」を使って、OSのバックアップを取ってみた。

tool

2019.05.06

Rails5 gemでmysql2が インストールできない

Ruby

2019.05.05

平成最後のお買い物!!「Logicool MX Master 2 Wireless Mouse」と「K780 マルチデバイス BLUETOOTH® キーボード」で快適PC生活。

ubuntu

2019.04.27

Amazon 87時間のビックセール タイムセール祭りで購入したもの

イベント

2019.04.23

Androidに Linuxを簡単にインストールするアプリ「UserLAnd」

Linux

2019.04.16

SPAサイトでの認証認可 JWT✗Rails5✗Nuxt.js

JavaScript

2019.03.24

CentOS MySQL(MariaDB) を バージョン10.3に yumでアップデート

MySQL

2019.03.22

Ubuntu 開発環境構築まとめ

ubuntu

2019.02.25

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US