質問編集履歴
3
調整版の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -74,6 +74,6 @@
|
|
|
74
74
|
|
|
75
75
|
|
|
76
76
|
### 補足情報（FW/ツールのバージョンなど）
|
|
77
|
+
まだ調整が必要ですがcartesianToIsometricに渡す座標をミニマップ内での座標にしたら理想に近くなりました
|
|
78
|
+
[https://codepen.io/merrymistake/pen/PogVOWM](https://codepen.io/merrymistake/pen/PogVOWM)
|
|
77
79
|
|
|
78
|
-
ここにより詳細な情報を記載してください。
|
|
79
|
-
|
2
cartesianToIsometricメソッドのソースを追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -50,6 +50,21 @@
|
|
|
50
50
|
this.testTarget.y = isoPt.y + borderOffset.y - heroHeight;
|
|
51
51
|
console.dir(this.testTarget);
|
|
52
52
|
},
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* デカルト座標からアイソメトリック座標に変換
|
|
56
|
+
* 参考：https://jsfiddle.net/juwalbose/w1tnu9qc
|
|
57
|
+
* @param {int} cartX デカルト座標 X
|
|
58
|
+
* @param {int} cartY デカルト座標 Y
|
|
59
|
+
*/
|
|
60
|
+
cartesianToIsometric(cartX, cartY) {
|
|
61
|
+
console.dir(`cartX: ${cartX}, cartY: ${cartY}`);
|
|
62
|
+
let tempPoint = { x: 0, y: 0 };
|
|
63
|
+
tempPoint.x = cartX - cartY;
|
|
64
|
+
tempPoint.y = (cartX + cartY) / 2;
|
|
65
|
+
console.dir(`iso_x: ${tempPoint.x}, iso_y: ${tempPoint.y}`);
|
|
66
|
+
return tempPoint;
|
|
67
|
+
},
|
|
53
68
|
```
|
|
54
69
|
|
|
55
70
|
### 試したこと
|
1
発生している問題の箇所に追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
移動方向の連動まではできているのですが、座標のオフセット処理がわからず座標がずれてしまっています。
|
|
19
19
|
**borderOffset**の設定が原因と思われますが、
|
|
20
20
|
ここをアイソメトリックビューのグリッド開始座標で設定してみましたがこの値の求め方が間違っていそうなので
|
|
21
|
-
どのようにこの値を求めたらいいか知りたいです。
|
|
21
|
+
どのようにこの値を求めたらいいか、もしくは別の間違いがあるのか知りたいです。
|
|
22
22
|
|
|
23
23
|
### 該当のソースコード
|
|
24
24
|
|