Remove the glitch effect on the home page. (#567)
I three people mention to me "what is getting all distorted. Obviously it's not clear that it's a stylistic effect. plus the home page animation is busy enough as it is.
This commit was merged in pull request #567.
This commit is contained in:
@@ -4,7 +4,6 @@ import { useLoader, useThree, useFrame } from '@react-three/fiber'
|
|||||||
import { STLLoader } from 'three/examples/jsm/loaders/STLLoader'
|
import { STLLoader } from 'three/examples/jsm/loaders/STLLoader'
|
||||||
import { useEdgeSplit } from 'src/helpers/hooks/useEdgeSplit'
|
import { useEdgeSplit } from 'src/helpers/hooks/useEdgeSplit'
|
||||||
import texture from 'src/components/IdeViewer/dullFrontLitMetal.png'
|
import texture from 'src/components/IdeViewer/dullFrontLitMetal.png'
|
||||||
import { Glitch, EffectComposer } from '@react-three/postprocessing'
|
|
||||||
import { MeshDistortMaterial, Sphere, useTexture } from '@react-three/drei'
|
import { MeshDistortMaterial, Sphere, useTexture } from '@react-three/drei'
|
||||||
|
|
||||||
const thresholdAngle = 10
|
const thresholdAngle = 10
|
||||||
@@ -39,14 +38,6 @@ export default function AssetWithGooey({
|
|||||||
})
|
})
|
||||||
return (
|
return (
|
||||||
<group dispose={null} ref={edgeRef} position={position}>
|
<group dispose={null} ref={edgeRef} position={position}>
|
||||||
<EffectComposer>
|
|
||||||
<Glitch
|
|
||||||
delay={[1, 5]} // min and max glitch delay
|
|
||||||
duration={[0.2, 0.4]} // min and max glitch duration
|
|
||||||
strength={[0.05, 0.1]} // min and max glitch strength
|
|
||||||
ratio={0.95} // Threshold for strong glitches, 0 - no weak glitches, 1 - no strong glitches.
|
|
||||||
/>
|
|
||||||
</EffectComposer>
|
|
||||||
<group ref={coffeeRef}>
|
<group ref={coffeeRef}>
|
||||||
<mesh ref={mesh} scale={scaleArr} geometry={geo}>
|
<mesh ref={mesh} scale={scaleArr} geometry={geo}>
|
||||||
<meshPhysicalMaterial
|
<meshPhysicalMaterial
|
||||||
|
|||||||
@@ -583,7 +583,7 @@ function Footer() {
|
|||||||
to="https://github.com/Irev-Dev/cadhub/graphs/contributors"
|
to="https://github.com/Irev-Dev/cadhub/graphs/contributors"
|
||||||
className="font-bold"
|
className="font-bold"
|
||||||
>
|
>
|
||||||
20 contributors
|
21 contributors
|
||||||
</OutBound>{' '}
|
</OutBound>{' '}
|
||||||
from around the world.
|
from around the world.
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user