filter resolutions = 2

This commit is contained in:
saiminh 2023-10-30 23:08:41 +01:00
parent 565e574bc2
commit b114930400
3 changed files with 7 additions and 5 deletions

View file

@ -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];

View file

@ -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;

View file

@ -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, {