テキストRPGをHTMLとJSで作ってみようと思うんだが (25レス)
1-

リロード規制です。10分ほどで解除するので、他のブラウザへ避難してください。
10: 名前は開発中のものです。 [] 2020/07/09(木) 19:27:00.30 ID:C2sLSK4a(10/15) AAS
データ構造はこんなもん

let NAME = "Hiroyuki";
let HP = 11;
let AP = 2;
let FLOOR = 0;

let PROGRESS=[];
11: 名前は開発中のものです。 [] 2020/07/09(木) 19:35:48.27 ID:C2sLSK4a(11/15) AAS
モンスター複数にしてランダムでモンスター出るようにした

let PLAYER=[NAME,HP,AP];
let MONSTERS = [["ゴブリン",3,1],["骸骨剣士",5,2],["ドワーフ",6,1]];

const shuffleArray = array => {
for (let i = array.length - 1; i > 0; i--) {
let r = Math.floor(Math.random() * (i + 1));
let tmp = array[i];
array[i] = array[r];
array[r] = tmp;
}
return array
}

const getAnyMonster = (MONSTERS) =>{
const EntityMONSTER = R.clone(MONSTERS);
return shuffleArray(EntityMONSTER)[0];
}
12: 名前は開発中のものです。 [] 2020/07/09(木) 19:41:06.61 ID:C2sLSK4a(12/15) AAS
モンスター複数っていうかモンスターの種類が複数で出現は1体ずつ

あと死亡状態確認の関数も定義した

const deathCheck = () =>{ if(Math.sign(PLAYER[1]) !== 1){ indicate(`${PLAYER[0]}は死亡した`) } }
13
(1): 名前は開発中のものです。 [] 2020/07/09(木) 19:52:24.97 ID:C2sLSK4a(13/15) AAS
匿名でhtmlファイルの共有簡単にできるやつなんか無いのか
とりあえず検索してすぐ出たやつで上のこれ共有しとく
ただのHTMLとJSだからセットアップ無しでそのまま動く

外部リンク:volafile.org
14: 名前は開発中のものです。 [] 2020/07/09(木) 19:57:45.35 ID:C2sLSK4a(14/15) AAS
あと戦闘以外のイベント作りたい
とりあえずHPかAPを増減するだけのイベントだけ設定するか

戦闘もイベントも結果が選択によって変わるのと確率の要素入れたい
とりあえずまずイベントだけ作ってPROGRESSに入れてみるか
15: 名前は開発中のものです。 [] 2020/07/09(木) 20:20:38.39 ID:C2sLSK4a(15/15) AAS
デバッグめんどくさいからシード値か何かでランダムの部分固定したい

イベント追加した
イベントの結果を2つ以上にして結果をランダムにするのと
イベントを実行するの実装するか

const THINGS = [
["HPが1増えた", ()=>{PLAYER[1]=PLAYER[1]+1}],
["HPが5減った", ()=>{PLAYER[1]=PLAYER[1]-5}]
];

const getAnyHappening = () =>{
const EntityTHINGS = R.clone(THINGS);
return shuffleArray(EntityTHINGS)[0];
}

const happening = (THING) =>{
indicate(THING[0]);
THING[1]();
deathCheck();
}

PROGRESS=[happening, battle, battle, happening, battle, battle, battle];
PROGRESS.forEach(SEQUENCE=>{
if(SEQUENCE===battle){SEQUENCE(PLAYER,getAnyMonster(MONSTERS))};
if(SEQUENCE===happening){SEQUENCE(getAnyHappening())};
})
16: 名前は開発中のものです。 [sage] 2020/07/12(日) 20:25:51.01 ID:rCxmJFqB(1) AAS
おい誰か反応してやれよ
17: くまじょ [sage] 2020/07/13(月) 09:50:39.52 ID:/7c2Q8iI(1) AAS
俺もそう思うが
興味ない
18
(1): くまじょ [sage] 2020/07/13(月) 10:00:43.90 ID:ZHvjE/iT(1) AAS
最近のjsはconstとか使えるのか
すごいなあ
今スマホなのでレス見ながらレスできないので不便

=>ってのはラムダ式とか無名関数ってのかな
なれてないのでどうも分かりにくい
19: 名前は開発中のものです。 [age] 2020/07/22(水) 22:41:50.45 ID:wBHkT/Gr(1) AAS
とりあえずgithubにコードあげとけば?
20: 名前は開発中のものです。 [sage] 2020/08/02(日) 05:11:07.88 ID:xA8cEPYg(1) AAS
>>13
codepen.ioとかjsfiddle
21: 名前は開発中のものです。 [sage] 2020/09/12(土) 03:34:53.36 ID:ezbp5FoJ(1) AAS
挫折した
22: 名前は開発中のものです。 [] 2020/10/12(月) 10:33:40.81 ID:8HwwmF4l(1) AAS
>>18
=>を使う関数はアロー関数と呼ばれてて、主な違いは、
・短く書ける
(const test1 = x =>x**2+3; みたいな)
・thisが上書きされない
・argumentsが定義されていない
詳しくはMDNで調べるといいと思う
23: 名前は開発中のものです。 [sage] 2023/07/03(月) 20:21:27.20 ID:UCmJE3+L(1) AAS
(   )y-~~( ´)y-~~( ´-)y-~~(´ー`)y━~~∑( ゚Д゚)y━~~スゲー!!
24: 名前は開発中のものです。 [sage] 2023/08/19(土) 12:00:28.01 ID:87EPDeDn(1) AAS
プハァー ( ̄┏Д┓ ̄)y─┛~~
25: 名前は開発中のものです。 [sage] 2023/10/19(木) 00:18:00.90 ID:RR2g51y6(1) AAS
・・・運命なんかどうでもいい・・・だが、あんたはここで倒さなきゃならないらしいな
1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.009s