simon/floter.design
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

filter resolutions = 2

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/ContactCanvas.svelte
View file

@ -71,13 +71,13 @@ onMount(()=>{
bulgefilter.radius = is_landscape ? xFrac(0.5) : xFrac(0.55); bulgefilter.radius = is_landscape ? xFrac(0.5) : xFrac(0.55);
bulgefilter.strength = 0.5; bulgefilter.strength = 0.5;
bulgefilter.center = is_landscape ? center : [0.5, 0]; bulgefilter.center = is_landscape ? center : [0.5, 0];
// bulgefilter.resolution = 2; bulgefilter.resolution = 2;
let twistfilter = new TwistFilter(); let twistfilter = new TwistFilter();
twistfilter.angle = 0; twistfilter.angle = 0;
twistfilter.radius = is_landscape ? window.innerWidth/4 : window.innerWidth/2; twistfilter.radius = is_landscape ? window.innerWidth/4 : window.innerWidth/2;
twistfilter.offset = new PIXI.Point(window.innerWidth/2, window.innerHeight/3); twistfilter.offset = new PIXI.Point(window.innerWidth/2, window.innerHeight/3);
// twistfilter.resolution = 2; twistfilter.resolution = 2;
bulgegroup.filters = [bulgefilter, twistfilter]; bulgegroup.filters = [bulgefilter, twistfilter];

7
src/lib/components/HomeCanvas.svelte
View file

@ -5,10 +5,10 @@ import gsap from 'gsap';
import ScrollTrigger from 'gsap/dist/ScrollTrigger'; import ScrollTrigger from 'gsap/dist/ScrollTrigger';
import SplitText from 'gsap/dist/SplitText'; import SplitText from 'gsap/dist/SplitText';
import { PixiPlugin } from "gsap/dist/PixiPlugin"; import { PixiPlugin } from "gsap/dist/PixiPlugin";
import { onMount, onDestroy } from 'svelte';
import { browser } from '$app/environment'; import { browser } from '$app/environment';
import createCanvasText from '$lib/utils/createCanvasText'; import createCanvasText from '$lib/utils/createCanvasText';
import createCanvasImg from '$lib/utils/createCanvasImg'; import createCanvasImg from '$lib/utils/createCanvasImg';
import { onMount, onDestroy } from 'svelte';
import { tick } from 'svelte'; import { tick } from 'svelte';
export let textsToCanvas: Array<HTMLElement> = []; export let textsToCanvas: Array<HTMLElement> = [];
@ -38,7 +38,7 @@ onMount(()=>{
autoDensity: true, autoDensity: true,
resolution: 2, resolution: 2,
backgroundAlpha: 0, backgroundAlpha: 0,
view: canvas, view: canvas
}); });
PIXI.Filter.defaultResolution = 2; PIXI.Filter.defaultResolution = 2;
@ -69,8 +69,9 @@ onMount(()=>{
bulgefilter.radius = is_landscape ? xFrac(0.5) : xFrac(0.5); bulgefilter.radius = is_landscape ? xFrac(0.5) : xFrac(0.5);
bulgefilter.strength = 0; bulgefilter.strength = 0;
bulgefilter.center = center; bulgefilter.center = center;
bulgefilter.resolution = 2;
bulgegroup.filters = [bulgefilter]; bulgegroup.filters = [(bulgefilter as unknown as PIXI.Filter)];
let opening_animation_running = false; let opening_animation_running = false;

1
src/routes/service/ServiceCanvas.svelte
View file

@ -108,6 +108,7 @@
bulgefilter.radius = is_landscape ? window.innerWidth / 2 : window.innerWidth; bulgefilter.radius = is_landscape ? window.innerWidth / 2 : window.innerWidth;
bulgefilter.strength = .66; bulgefilter.strength = .66;
bulgefilter.center = new PIXI.Point(0.5, 0.5); bulgefilter.center = new PIXI.Point(0.5, 0.5);
bulgefilter.resolution = 2;
app.stage.filters = [bulgefilter]; app.stage.filters = [bulgefilter];
let textgroupIn = gsap.to(textgroup, { let textgroupIn = gsap.to(textgroup, {