xevion/100prisoners
1
0
Fork 0
mirror of https://github.com/Xevion/100prisoners.git synced 2025-12-16 12:11:08 -06:00
Code Issues Packages Projects Releases Wiki Activity

Simplify isometric matrix transform, disable arrow pointer events

Browse Source 
- Pointer events were being intercepted by high z-level arrows above boxes,
making their hover events somewhat flaky and glitchy
This commit is contained in:
Xevion
2022-12-17 20:54:08 -06:00
parent 2b07a16f27
commit 4c04ac5ff9
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/BoxGraphic.tsx
View File

@@ -26,7 +26,7 @@ const BoxGraphic = ({id, children, className}: BoxGraphicProps) => {
<path id="right" d={`M ${D} L ${C} L ${B} L ${Z} L ${D} Z`} fill={rightColor}/>
<path id="top" d={`M ${F} L ${A} L ${B} L ${Z} Z`} fill={topColor}/>
{/* Matrix applies isometric transform, rotate for adjustment, translate to place on top of box */}
<text transform="matrix(0.8944276,-0.4472128,0.8944265,0.447215,0,0) rotate(10) translate(45, 210)"
<text transform="matrix(0.9, -0.45, 0.9, 0.45, 0, 0) rotate(10) translate(45, 210)"
fontSize='90'
fontWeight={700}
textAnchor="middle"