Core()
Core() コンストラクタは新しい Core オブジェクトを生成します。それと同時に以下のような図形要素も生成して内部に保持します。
| 図形要素 | タグ | 要素のID | 親の図形要素 |
|---|---|---|---|
| SVG画像 | <svg> | jmotion_core_0 | （なし） |
| 定義部 | <defs> | jmotion_core_0_definition | SVG画像 |
| 背面レイヤー | <g> | jmotion_core_0_back | SVG画像 |
| 中間レイヤー | <g> | jmotion_core_0_middle | SVG画像 |
| 前面レイヤー | <g> | jmotion_core_0_front | SVG画像 |
| 手の平 | <rect> | jmotion_core_0_hand | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_red | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_lime | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_blue | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_orange | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_gray | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_maroon | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_green | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_aqua | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_olive | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_fuchsia | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_teal | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_yellow | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_navy | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_silver | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_purple | 定義部 |
| ボール ● | <circle> | jmotion_core_0_prop_black | 定義部 |
| 頭 | <circle> | jmotion_core_0_head | 背面レイヤー |
| 肩 | <line> | jmotion_core_0_shoulder | 背面レイヤー |
| 右手の前腕 | <line> | jmotion_core_0_right_0 | 背面レイヤー |
| 右手の上腕 | <line> | jmotion_core_0_right_1 | 背面レイヤー |
| 左手の前腕 | <line> | jmotion_core_0_left_0 | 背面レイヤー |
| 左手の上腕 | <line> | jmotion_core_0_left_1 | 背面レイヤー |
| 右手の平 | <use> | jmotion_core_0_right_hand | 前面レイヤー |
| 左手の平 | <use> | jmotion_core_0_left_hand | 前面レイヤー |
ID のうち jmotion_core_0 の部分は、既に同じ名前があれば jmotion_core_1, jmotion_core_2, ... と変化します。また、既存の <svg> タグが指定されたときはその ID に置き換わります。
ボールは必要な個数に応じて先頭から順に使用されます。個数がこれらより多い場合は、先頭に戻って同じ色のボールが順に使用されます。
構文
new Core()
new Core(element)
new Core(element, cancel)
引数
- element（省略可）
- HTML のタグを表すオブジェクト、またはCSSセレクタです。
- 文字列が指定されたときはCSSセレクタとみなし、それで検索される最初のオブジェクトを使用します。
- オブジェクトとして <svg> タグが指定されたときはそれが Core.prototype.svg になります。
- オブジェクトとして <div> など親要素になるタグが指定されたときは Core.prototype.svg には新たに作成された <svg> タグが設定され、element の子要素としても追加されます。
- それ以外が指定されたとき、または引数が省略されたときは Core.prototype.svg には新たに作成された <svg> タグが設定されますが、DOM ツリーには追加されません。
- cancel（省略可）
- デフォルトの図形要素の設定をキャンセルするかどうかを指定します。
- この引数が true のときは図形要素の生成と保持がキャンセルされるので、別途設定したり描画したりする必要があります。
- この引数が false のとき、または引数が省略されたときはデフォルトの図形要素が内部に保持されます。
例
const core = new jmotion.Core("div");
// core = {
// "back": g#jmotion_core_0_back,
// "defs": defs#jmotion_core_0_definition,
// "front": g#jmotion_core_0_front,
// "middle": g#jmotion_core_0_middle,
// "svg": svg#jmotion_core_0,
// }