denshooter/portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix ShaderGradient component props - remove invalid attributes for production build
Some checks failed
Dev Deployment (Zero Downtime) / deploy-dev (push) Failing after 4m47s
Details

Browse Source
This commit is contained in:
denshooter
2026-02-02 15:20:24 +01:00
parent 4beeca02be
commit b7b7ac8207
1 changed files with 6 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
app/components/ShaderGradientBackground.tsx
View File

@@ -29,8 +29,9 @@ const ShaderGradientBackground = () => {
> >
{/* Sphere 1 - Links oben */} {/* Sphere 1 - Links oben */}
<ShaderGradient <ShaderGradient
control="props"
type="sphere"
animate="on" animate="on"
axesHelper="off"
brightness={1.3} brightness={1.3}
cAzimuthAngle={180} cAzimuthAngle={180}
cDistance={3.6} cDistance={3.6}
@@ -39,41 +40,24 @@ const ShaderGradientBackground = () => {
color1="#b01040" color1="#b01040"
color2="#b04a17" color2="#b04a17"
color3="#e167c5" color3="#e167c5"
destination="onCanvas"
embedMode="off"
envPreset="city"
format="gif"
fov={45}
frameRate={10}
gizmoHelper="hide"
grain="on"
lightType="3d"
pixelDensity={2.9}
positionX={-2.5} positionX={-2.5}
positionY={1.5} positionY={1.5}
positionZ={0} positionZ={0}
range="disabled"
rangeEnd={40}
rangeStart={0}
reflection={0.1}
rotationX={0} rotationX={0}
rotationY={15} rotationY={15}
rotationZ={50} rotationZ={50}
shader="defaults"
type="sphere"
uAmplitude={6.0} uAmplitude={6.0}
uDensity={0.8} uDensity={0.8}
uFrequency={5.5} uFrequency={5.5}
uSpeed={0.5} uSpeed={0.5}
uStrength={5.0} uStrength={5.0}
uTime={0}
wireframe={false}
/> />
{/* Sphere 2 - Rechts mitte */} {/* Sphere 2 - Rechts mitte */}
<ShaderGradient <ShaderGradient
control="props"
type="sphere"
animate="on" animate="on"
axesHelper="off"
brightness={1.25} brightness={1.25}
cAzimuthAngle={180} cAzimuthAngle={180}
cDistance={3.6} cDistance={3.6}
@@ -82,41 +66,24 @@ const ShaderGradientBackground = () => {
color1="#e167c5" color1="#e167c5"
color2="#b01040" color2="#b01040"
color3="#b04a17" color3="#b04a17"
destination="onCanvas"
embedMode="off"
envPreset="city"
format="gif"
fov={45}
frameRate={10}
gizmoHelper="hide"
grain="on"
lightType="3d"
pixelDensity={2.9}
positionX={2.0} positionX={2.0}
positionY={-0.5} positionY={-0.5}
positionZ={-0.5} positionZ={-0.5}
range="disabled"
rangeEnd={40}
rangeStart={0}
reflection={0.1}
rotationX={0} rotationX={0}
rotationY={25} rotationY={25}
rotationZ={70} rotationZ={70}
shader="defaults"
type="sphere"
uAmplitude={5.5} uAmplitude={5.5}
uDensity={0.9} uDensity={0.9}
uFrequency={4.8} uFrequency={4.8}
uSpeed={0.45} uSpeed={0.45}
uStrength={4.8} uStrength={4.8}
uTime={10}
wireframe={false}
/> />
{/* Sphere 3 - Unten links */} {/* Sphere 3 - Unten links */}
<ShaderGradient <ShaderGradient
control="props"
type="sphere"
animate="on" animate="on"
axesHelper="off"
brightness={1.2} brightness={1.2}
cAzimuthAngle={180} cAzimuthAngle={180}
cDistance={3.6} cDistance={3.6}
@@ -125,35 +92,17 @@ const ShaderGradientBackground = () => {
color1="#b04a17" color1="#b04a17"
color2="#e167c5" color2="#e167c5"
color3="#b01040" color3="#b01040"
destination="onCanvas"
embedMode="off"
envPreset="city"
format="gif"
fov={45}
frameRate={10}
gizmoHelper="hide"
grain="on"
lightType="3d"
pixelDensity={2.9}
positionX={-0.5} positionX={-0.5}
positionY={-2.0} positionY={-2.0}
positionZ={0.3} positionZ={0.3}
range="disabled"
rangeEnd={40}
rangeStart={0}
reflection={0.1}
rotationX={0} rotationX={0}
rotationY={20} rotationY={20}
rotationZ={60} rotationZ={60}
shader="defaults"
type="sphere"
uAmplitude={5.8} uAmplitude={5.8}
uDensity={0.7} uDensity={0.7}
uFrequency={6.0} uFrequency={6.0}
uSpeed={0.52} uSpeed={0.52}
uStrength={4.9} uStrength={4.9}
uTime={20}
wireframe={false}
/> />
</ShaderGradientCanvas> </ShaderGradientCanvas>
</div> </div>