diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-17 10:52:22 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-17 10:52:22 +0900 |
| commit | 5d22e113b2617eb7807136405132d5ca2e60488e (patch) | |
| tree | 078458da8c3bae2abb2dabaa836a7be263b536c6 /packages/frontend/src/components | |
| parent | Revert "refactor: define _IS_CHROMATIC_" (diff) | |
| download | sharkey-5d22e113b2617eb7807136405132d5ca2e60488e.tar.gz sharkey-5d22e113b2617eb7807136405132d5ca2e60488e.tar.bz2 sharkey-5d22e113b2617eb7807136405132d5ca2e60488e.zip | |
:art:
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkAnimBg.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkAnimBg.vue b/packages/frontend/src/components/MkAnimBg.vue index 5a5c427cf1..010bfb6fee 100644 --- a/packages/frontend/src/components/MkAnimBg.vue +++ b/packages/frontend/src/components/MkAnimBg.vue @@ -50,8 +50,10 @@ let handle: ReturnType<typeof window['requestAnimationFrame']> | null = null; onMounted(() => { const canvas = canvasEl.value!; - const gl = canvas.getContext('webgl', { premultipliedAlpha: true }); + canvas.width = canvas.offsetWidth; + canvas.height = canvas.offsetHeight; + const gl = canvas.getContext('webgl', { premultipliedAlpha: true }); if (gl == null) return; gl.clearColor(0.0, 0.0, 0.0, 0.0); @@ -156,8 +158,7 @@ onMounted(() => { vec3 purple = vec3( 1.0 ) - vec3( 195.0 / 255.0, 165.0 / 255.0, 242.0 / 255.0 ); vec3 orange = vec3( 1.0 ) - vec3( 255.0 / 255.0, 156.0 / 255.0, 136.0 / 255.0 ); - //float ratio = u_resolution.x / u_resolution.y; - float ratio = 1.0; + float ratio = u_resolution.x / u_resolution.y; vec2 uv = vec2( v_pos.x, v_pos.y / ratio ) * 0.5 + 0.5; |