Hypersensitive sleeve parallax: ±120px H, ±35px V with power curve
- Doubled horizontal range to ±120px - Doubled vertical range to ±35px - Added power curve (0.7) for hypersensitivity near center - Small mouse movements now produce dramatic response
This commit is contained in:
1 parent
33dc0ccafb
commit
43444951ba
1 file changed
+6
-3
@@ -50,9 +50,12 @@
|
|||||||
mouseY = 0.5;
|
mouseY = 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Parallax calculations (aggressive horizontal for sleeve effect)
|
// Parallax calculations (hypersensitive - reacts to small mouse movements)
|
||||||
const coverOffsetX = $derived((mouseX - 0.5) * 120);
|
// Using power curve for more responsive feel near center
|
||||||
const coverOffsetY = $derived((mouseY - 0.5) * 35);
|
const deltaX = $derived(mouseX - 0.5);
|
||||||
|
const deltaY = $derived(mouseY - 0.5);
|
||||||
|
const coverOffsetX = $derived(Math.sign(deltaX) * Math.pow(Math.abs(deltaX) * 2, 0.7) * 240); // ±120px
|
||||||
|
const coverOffsetY = $derived(Math.sign(deltaY) * Math.pow(Math.abs(deltaY) * 2, 0.7) * 70); // ±35px
|
||||||
const revealOffset = $derived(isPlaying ? -10 : 0);
|
const revealOffset = $derived(isPlaying ? -10 : 0);
|
||||||
|
|
||||||
// Vertex shader
|
// Vertex shader
|
||||||
|
|||||||
Reference in new issue
Block a user