From b114930400d77fc9985f5fa79a6454d5e9cdf972 Mon Sep 17 00:00:00 2001
From: saiminh <saiminh@gmail.com>
Date: Mon, 30 Oct 2023 23:08:41 +0100
Subject: [PATCH] filter resolutions = 2

---
 src/lib/components/ContactCanvas.svelte | 4 ++--
 src/lib/components/HomeCanvas.svelte    | 7 ++++---
 src/routes/service/ServiceCanvas.svelte | 1 +
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/ContactCanvas.svelte b/src/lib/components/ContactCanvas.svelte
index 053a06d..4bd01ec 100644
--- a/src/lib/components/ContactCanvas.svelte
+++ b/src/lib/components/ContactCanvas.svelte
@@ -71,13 +71,13 @@ onMount(()=>{
     bulgefilter.radius = is_landscape ? xFrac(0.5) : xFrac(0.55);
     bulgefilter.strength = 0.5;
     bulgefilter.center = is_landscape ? center : [0.5, 0];
-    // bulgefilter.resolution = 2;
+    bulgefilter.resolution = 2;
 
     let twistfilter = new TwistFilter();
     twistfilter.angle = 0;
     twistfilter.radius = is_landscape ? window.innerWidth/4 : window.innerWidth/2;
     twistfilter.offset = new PIXI.Point(window.innerWidth/2, window.innerHeight/3);
-    // twistfilter.resolution = 2;
+    twistfilter.resolution = 2;
 
 
     bulgegroup.filters = [bulgefilter, twistfilter];
diff --git a/src/lib/components/HomeCanvas.svelte b/src/lib/components/HomeCanvas.svelte
index b310a0b..d0b2a88 100644
--- a/src/lib/components/HomeCanvas.svelte
+++ b/src/lib/components/HomeCanvas.svelte
@@ -5,10 +5,10 @@ import gsap from 'gsap';
 import ScrollTrigger from 'gsap/dist/ScrollTrigger';
 import SplitText from 'gsap/dist/SplitText';
 import { PixiPlugin } from "gsap/dist/PixiPlugin";
-import { onMount, onDestroy } from 'svelte';
 import { browser } from '$app/environment';
 import createCanvasText from '$lib/utils/createCanvasText';
 import createCanvasImg from '$lib/utils/createCanvasImg';
+import { onMount, onDestroy } from 'svelte';
 import { tick } from 'svelte';
 
 export let textsToCanvas: Array<HTMLElement> = [];
@@ -38,7 +38,7 @@ onMount(()=>{
       autoDensity: true, 
       resolution: 2,
       backgroundAlpha: 0,
-      view: canvas,
+      view: canvas
     });
     
     PIXI.Filter.defaultResolution = 2;
@@ -69,8 +69,9 @@ onMount(()=>{
     bulgefilter.radius = is_landscape ? xFrac(0.5) : xFrac(0.5);
     bulgefilter.strength = 0;
     bulgefilter.center = center;
+    bulgefilter.resolution = 2;
 
-    bulgegroup.filters = [bulgefilter];
+    bulgegroup.filters = [(bulgefilter as unknown as PIXI.Filter)];
 
     let opening_animation_running = false;
   
diff --git a/src/routes/service/ServiceCanvas.svelte b/src/routes/service/ServiceCanvas.svelte
index 152ae72..11c689a 100644
--- a/src/routes/service/ServiceCanvas.svelte
+++ b/src/routes/service/ServiceCanvas.svelte
@@ -108,6 +108,7 @@
     bulgefilter.radius = is_landscape ? window.innerWidth / 2 : window.innerWidth;
     bulgefilter.strength = .66;
     bulgefilter.center = new PIXI.Point(0.5, 0.5);
+    bulgefilter.resolution = 2;
     app.stage.filters = [bulgefilter];
 
     let textgroupIn = gsap.to(textgroup, {