RPG風イラストマップ

ファミコンのRPG風イラストマップを作りました。

イラストマップを歩く 1

イラストマップをご覧いただきありがとうございます。

 

日本全国のイラストマップがひと通り完成しましたので、その上を歩いてみたいと思います。

 

以前、イラストマップをつなぎ合わせてパラパラ漫画の動画を作成したことはあるのですが、ファミコンのように動かすには、どうすればいいのか分かりませんでしたので、いろいろと調べてみました。

その結果、ブラウザ上のJavaScriptCanvas APIを操作すれば、絵を動かせることが分かりました。

 

JavaScriptは、あまり触ったことがありませんが、JavaScriptRPG風のプログラムを作成したいと思います。因みにライブラリもいろいろとあるようですが、フルスクラッチで作成してみたいと思います。

 

まずは、小規模なイラストマップのプロトタイプ版プログラムを作成したいと思いますので、次回は、その舞台となる都道府県を選定します。

 

根室市

 

イラストマップを歩くプログラムを起動します。
初回の起動は30秒くらいかかります。

 

 

拡大したマップを表示します。
初回の起動は30秒くらいかかります。

 

 

■町

根室市(ねむろし)

 

■半島

根室半島(ねむろはんとう)

 

■湖沼

オンネ沼(おんねぬま)

タンネ沼(たんねとう)

牧の内ダム(まきのうちだむ)

 

 

 

 

 

※1マップサイズ

 おおよそ 横:30km
      縦:17km

 

※2イラストサイズ

 横:960ピクセル
 縦:544ピクセル

 

※3マップチップについて

 

※4イラストマップやプログラムの利用について

 

※5イラストマップを歩くプログラムの操作について

 

 

 

Lot. 30071018

納沙布岬

 

イラストマップを歩くプログラムを起動します。
初回の起動は30秒くらいかかります。

 

 

拡大したマップを表示します。
初回の起動は30秒くらいかかります。

 

 

■海

珸瑤まい水道(ごようまいすいどう)

 

■島

萌茂尻島(もえもしりとう)

 

■海岸

納沙布岬(のさっぷみさき)

 

■湖沼

トーサムポロ沼(とーさむぽろぬま)

 

■遺跡

根室半島チャシ(ねむろはんとうちゃし)

 

 

 

 

 

※1マップサイズ

 おおよそ 横:30km
      縦:17km

 

※2イラストサイズ

 横:960ピクセル
 縦:544ピクセル

 

※3マップチップについて

 

※4イラストマップやプログラムの利用について

 

※5イラストマップを歩くプログラムの操作について

 

 

 

Lot. 30071017

知床岬

 

 

イラストマップを歩くプログラムを起動します。
初回の起動は30秒くらいかかります。

 

 

拡大したマップを表示します。
初回の起動は30秒くらいかかります。

 

 

■海

オホーツク海(おほーつくかい)

 

■海岸

知床岬(しれとこみさき)

 

 

 

 

 

※1マップサイズ

 おおよそ 横:30km
      縦:17km

 

※2イラストサイズ

 横:960ピクセル
 縦:544ピクセル

 

※3マップチップについて

 

※4イラストマップやプログラムの利用について

 

※5イラストマップを歩くプログラムの操作について

 

 

 

Lot. 30070010

野付半島

 

イラストマップを歩くプログラムを起動します。
初回の起動は30秒くらいかかります。

 

 

拡大したマップを表示します。
初回の起動は30秒くらいかかります。

 

 

■海

野付湾(のつけわん)

 

■半島

野付半島(のつけはんとう)

 

■湖沼

ボッコ沼(ぼっこぬま)

 

 

 

 

 

※1マップサイズ

 おおよそ 横:30km
      縦:17km

 

※2イラストサイズ

 横:960ピクセル
 縦:544ピクセル

 

※3マップチップについて

 

※4イラストマップやプログラムの利用について

 

※5イラストマップを歩くプログラムの操作について

 

 

 

Lot. 30070016

風蓮湖

 

イラストマップを歩くプログラムを起動します。
初回の起動は30秒くらいかかります。

 

 

拡大したマップを表示します。
初回の起動は30秒くらいかかります。

 

 

■海

根室湾(ねむろわん)

 

■平地

春国岱(しゅんくにたい)

 

■河川

風蓮川(ふうれんがわ)

別当賀川(べっとががわ)

 

■湖沼

温根沼(おんねとう)

風蓮湖(ふうれんこ)

長節湖(ちょうぼしこ)

 

 

 

 

 

※1マップサイズ

 おおよそ 横:30km
      縦:17km

 

※2イラストサイズ

 横:960ピクセル
 縦:544ピクセル

 

※3マップチップについて

 

※4イラストマップやプログラムの利用について

 

※5イラストマップを歩くプログラムの操作について

 

 

 

Lot. 30070018

浜中町

 

イラストマップを歩くプログラムを起動します。
初回の起動は30秒くらいかかります。

 

 

拡大したマップを表示します。
初回の起動は30秒くらいかかります。

 

 

■町

浜中町(はまなかちょう)

 

■島

嶮暮帰島(けんぼっきとう)

 

■平地

霧多布湿原(きりたっぷしつげん)

 

■河川

一番川(いちばんがわ)

新川(しんかわ)

琵琶瀬川(びわせがわ)

 

■湖沼

火散布沼(ひちりっぷぬま)

藻散布沼(もちりっぷぬま)

 

 

 

 

 

※1マップサイズ

 おおよそ 横:30km
      縦:17km

 

※2イラストサイズ

 横:960ピクセル
 縦:544ピクセル

 

※3マップチップについて

 

※4イラストマップやプログラムの利用について

 

※5イラストマップを歩くプログラムの操作について

 

 

 

Lot. 30069020