M starkingdoms-client/src/pages/Play.svelte => starkingdoms-client/src/pages/Play.svelte +7 -10
@@ 11,6 11,7 @@
import Popup from "../components/ui/Popup.svelte";
import Checkbox from "../components/ui/Checkbox.svelte";
import { global } from "../globals.ts";
+ import * as PIXI from "pixi.js";
let config = DEFAULT_CONFIG;
@@ 18,7 19,7 @@
let x_pos;
let y_pos;
- let antialiasing: boolean = false;
+ //let antialiasing: boolean = false;
let chatbox: Chatbox;
@@ 28,10 29,11 @@
);
logger("Current view: /play");
- function toggleAntialiasing() {
- global.rendering!.app.antialiasing = antialiasing.title;
- //logger("Antialiasing is now", antialiasing.checked ? "on" : "off");
- }
+ /*function toggleAntialiasing() {
+ global.rendering!.app.renderer.reset();
+ PIXI.settings.RENDER_OPTIONS.antialias = antialiasing;
+ logger("Antialiasing is now", antialiasing ? "on" : "off");
+ }*/
onMount(async () => {
config = await loadConfig();
@@ 124,11 126,6 @@
<label for="dev_mode">Developer mode (Advanced)</label>
<Checkbox
title="Enables tools intended only for the developers. Buggy. Use at your own risk." />
- <label for="antialiasing">Antialiasing</label>
- <Checkbox
- title="Smooth out jagged edges. Minor performance hit."
- bind:checked={antialiasing}
- on:click={toggleAntialiasing} />
</Popup>
</div>
M starkingdoms-client/src/rendering.ts => starkingdoms-client/src/rendering.ts +1 -0
@@ 13,6 13,7 @@ export function startRender() {
height: window.innerHeight,
resizeTo: window,
hello: true,
+ antialias: true,
});
(globalThis as any).__PIXI_APP__ = app; // eslint-disable-line