WIP Engine.

mydraft-cc · Nov 30, 2024 · 0cc9cb3 · 0cc9cb3
1 parent 362232b
commit 0cc9cb3
Show file tree

Hide file tree

Showing 10 changed files with 306 additions and 210 deletions.
diff --git a/src/texts/en.ts b/src/texts/en.ts
@@ -97,6 +97,7 @@ export const texts = {
         zoomIn: 'Zoom In',
         zoomOut: 'Zoom Out',
         webGL: 'Web GL',
-        webGLHints: 'Use WebGL as alternative renderer. Requires restart',
+        webGLHints1: 'Use WebGL as alternative renderer.',
+        webGLHints2: 'Require manual refresh (F5)',
     },
 };
diff --git a/src/wireframes/components/properties/Experimental.tsx b/src/wireframes/components/properties/Experimental.tsx
@@ -21,14 +21,19 @@ export const Experimental = () => {
     }, [dispatch]);
 
     return (
-        <Row className='property'>
-            <Col span={12} className='property-label'>{texts.common.webGL}</Col>
-            <Col span={12} className='property-value'>
-                <Checkbox checked={useWebGL}
-                    onChange={doChangeWebGL} />
+        <>
+            <Row className='property'>
+                <div>{texts.common.webGLHints1}</div>
+                <div>{texts.common.webGLHints2}</div>
+            </Row>
 
-                <div>{texts.common.webGLHints}</div>
-            </Col>
-        </Row>
+            <Row className='property'>
+                <Col span={6} className='property-label'>{texts.common.webGL}</Col>
+                <Col span={18} className='property-value'>
+                    <Checkbox checked={useWebGL}
+                        onChange={doChangeWebGL} />
+                </Col>
+            </Row>
+        </>
     );
 };
diff --git a/src/wireframes/engine/pixi/engine.ts b/src/wireframes/engine/pixi/engine.ts
@@ -103,7 +103,7 @@ export class PixiEngine implements Engine {
         const engineEvent =
             new EngineMouseEvent(
                 event,
-                new Vec2(x, y));
+                new Vec2(Math.round(x), Math.round(y)));
 
         return engineEvent;
     };
@@ -135,7 +135,7 @@ export class PixiEngine implements Engine {
         const engineEvent =
             new EngineHitEvent(
                 event,
-                new Vec2(x, y),
+                new Vec2(Math.round(x), Math.round(y)),
                 eventObject,
                 eventItem,
                 hit);