atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-04-22 01:54:38 -06:00
Code Issues Packages Projects Releases Wiki Activity

Small tweaks

Browse Source
This commit is contained in:
David Haz
2025-07-19 16:29:57 +03:00
parent 2ad7e7d8d9
commit 89db3af185
7 changed files with 54 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/demo/Backgrounds/DitherDemo.vue
+18 -8
View File
@@ -73,18 +73,28 @@ import Dither from '../../content/Backgrounds/Dither/Dither.vue';
const { rerenderKey, forceRerender } = useForceRerender();
const waveSpeed = ref(0.05);
const waveFrequency = ref(3);
const waveAmplitude = ref(0.3);
const waveColor = ref<[number, number, number]>([0.5, 0.5, 0.5]);
const waveSpeed = ref(0.1);
const waveFrequency = ref(2.5);
const waveAmplitude = ref(0.2);
const waveColor = ref<[number, number, number]>([0.1, 0.7, 0.5]);
const colorNum = ref(4);
const pixelSize = ref(2);
const pixelSize = ref(3);
const disableAnimation = ref(false);
const enableMouseInteraction = ref(true);
const mouseRadius = ref(1);
const mouseRadius = ref(0.5);
watch(
[waveSpeed, waveFrequency, waveAmplitude, waveColor, colorNum, pixelSize, disableAnimation, enableMouseInteraction, mouseRadius],
[
waveSpeed,
waveFrequency,
waveAmplitude,
waveColor,
colorNum,
pixelSize,
disableAnimation,
enableMouseInteraction,
mouseRadius
],
() => {
forceRerender();
},
@@ -147,4 +157,4 @@ const propData = [
description: 'Radius of the mouse interaction effect.'
}
];
</script>
</script>