まさおメーカーCanvas(テスト版)

どのプラットフォームでも動作するまさおメーカーの登場です。
多くの主要ブラウザで動作します。
一応、モバイル端末にも対応しています。(かなり使いづらいと思いますが)

※最新のブラウザでご使用ください。そうでなければ正常に表示されない可能性があります。


操作説明

下にある4つのボタンでページを切り替えます。

マップ編集
マップデータを編集するページです。
右にあるパーツをクリック(タップ)で選択して、左にあるグリッドの中に配置してください(PC版では、ドラッグでパーツを連続配置できます)。
下の方にある4方向のボタンは、押すとその方向に4マス1マス移動します。また、左下の縮小マップをクリックするとその位置へ移動します。
詳細設定
まさおコンストラクションの設定を行います。
左から項目を選択し、右下のテキスト入力ボックスに値を入力してください。
HTML書き出し
HTMLソースの書き出しを行います。
paramタグが書き出されるので、これらをまさおのデータとしてページに組み込んでください。
HTML読み込み
HTMLソースを解析して、まさおメーカーで使用します。
テキストエリアにまさおのHTMLソースを貼り付けて「読み込み開始」ボタンを押してください。ソースからすべてのparamタグを取り出します。
ただし、HTMLの構文として誤りがある場合、読み込みに失敗することがあります。また、同じnameのparamタグが複数ある場合は、後の設定が優先されます。

未対応の機能


まさおメーカー組み込み方法

この「まさおメーカーCanvas」は、ご自身のホームページに組み込むことも可能です。ここでは、組み込み方法を解説します。

  1. まず、まさおメーカーに必要なスクリプトファイルを読み込む。
  2. まさおメーカーを挿入するためのブロック要素を、配置したい場所に置き、IDをつける。
  3. さらに、ページ内にスクリプトを記述し、中身にMasaoMaker(ID);と記述する。

記述例:

<head>
……
<!-- スクリプトファイル読み込み -->
<script type="text/javascript" src="InitialValue.js"></script>
<script type="text/javascript" src="PartsDetail.js"></script>
<script type="text/javascript" src="MasaoMakerCanvas.js"></script>

<script type="text/javascript">
// まさおメーカー呼び出し
MasaoMaker( "hoge" );
</script>

……
</head>

<body>
……
<div id="hoge"></div>
……
</body>

組み込むだけならばこれで十分ですが、さらに別の機能もあります。


連絡先

バグ報告や要望等は、次のメールアドレスまでお願いします。
E-mail: ryo19950926■gmail.com (■をアットマークに変更してください)