mc_canvasは、canvasまさお本体です。
用途
WebページにCanvasまさおを設置するには、mc_canvasが必要です。
サンプル
WebページにCanvasまさおをインストールするには、Canvasまさおスクリプトを取得して、ページにロードします。
<script src="./CanvasMasao.js"></script>
次に、ページ内のCanvasまさおを設置する場所に次のスクリプトを記述します。ゲームの内容は、パラメータオブジェクトによって指定されます。
<script>
new CanvasMasao.Game({
// パラメータオブジェクト(省略)
"time_max": "200",
});
</script>
また、Javaアプレット時代のまさおは、applet要素とparam要素によって記述されます。現在、Javaバージョンの正男はブラウザで実行できませんが、Canvasまさおスクリプトは、これをCanvasまさお設定としてロードできます。これを行うには、ページのどこかでCanvasMasao.Game.replaceAll()メソッドを呼び出します。
<applet code="MasaoConstruction.class" archive="mc_c.jar"> <!-- ... --> </applet> <script> CanvasMasao.Game.replaceAll(); </script>
API
CanvasMasao
CanvasMasaoオブジェクトは、canvasMasaoスクリプトをロードするときにグローバルに定義されます。 CanvasMasao.Gameプロパティは、canvasMasaoが機能するために必要です。
CanvasMasao.Game
CanvasMasao.Gameはコンストラクタです。Gameのインスタンスを作成することでゲームがひとつ設置されます。完全なドキュメントを見る。
コンストラクターのシグネチャは次のとおりです。newGame(params、[id]、[options]) paramsは必須であり、パラメータオブジェクトです。 idは文字列であり、省略またはnullにすることができます。 IDを指定すると、ゲームは配置されるのではなく、一致するIDを持つ要素に配置されます。
例:
例:
<div id="game"></div>
<!-- ... -->
<script>
new CanvasMasao.Game({
// ...
}, "game");
</script>
optionsはオプションオブジェクトであり、拡張機能を追加したり、ゲームをJavaScriptによって拡張するためのコールバック関数を指定したりできます。
CanvasMasao.Game.replace(id)
指定されたidを持つapplet要素をcanvasまさおに置換します。
例:
<applet id="Applet1" code="MasaoConstruction.class" archive="mc_c.jar">
<!-- ... -->
</applet>
<script>
CanvasMasao.Game.replace("Applet1");
</script>
CanvasMasao.Game.replaceAll()
ページ内の全てのapplet要素をcanvasまさおに置換します。
例:
例:
<applet code="MasaoConstruction.class" archive="mc_c.jar"> <!-- ... --> </applet> <script> CanvasMasao.Game.replaceAll(); </script>