このサイトは、只今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

OAuthのフローを可視化できるツールを作ってみました。

2020.05.17

令和の時代に、JavaScriptで Shift-JISファイル作成 全銀データフォーマットに対応する。

2020.03.03

インターネットにて世論調査を行う「世論Web」サービスを始めてみました。

2020.01.31

年末のレトロゲーム熱の際、ファミコンソフト一覧パッケージ作ってました。

2020.01.24

あと10日で「jsdo.it」のサービスが終わってしまう!! ソースダウンロードまだの方は急げぇ〜!

2019.10.21

正規表現 先読み後読み 論理積

2019.07.28

「二段階認証?」という方も 5分で覚える パスワードレス WebAuthnのまとめ

2019.07.07

上級者向け 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

CATEGORY LIST

LATEST NEWS

【M1 Mac】dotnet ef ツールで、MySQLを scaffoldする。

C#

2021.10.17

『2Dスマホゲームにおける圧縮テクスチャ』『膨大になったDBを何とかする』9月30日(木)【オンライン開催イベント】

イベント

2021.09.24

バキバキ画面割れ、バッテリー膨張している iPhoneXを修理した話

iPhone

2021.09.05

Macのデータ復旧を簡単に! EaseUS Data Recovery Wizard for Mac Pro を使用してみた。

tool

2021.08.24

パーティション管理ソフト「MiniTool Partition Wizard」を使ってみた。

tool

2021.08.18

【2021】ゲオのサマーセール 980円以下のゲームソフトが半額!8月16日(月)まで。で購入したもの。

Game

2021.08.08

M1 Macで始める「ゼロからのOS自作入門」- 第1章

自作OS

2021.07.24

2021年6月 Amazonプライムデーで購入したもの。(今更)

イベント

2021.06.30

Go言語開発者、Unity開発者必見!! 【Golang】「クソコードをシンプルにする」,【Unity】「Singletonを使わないUnityを用いたApplication開発」

イベント

2021.05.23

TypeScriptでStateMachine

AI・Bot・algorithm

2021.05.16

iPad Air で、Web開発環境構築(iSH Alpine使用)

mac

2021.04.11

【Qt】Mac開発 ソートダイアログ (拡張するダイアログ)を作成

C++

2021.04.01

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

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

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

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

FOLLOW US