search

ruucm / shadergradient

https://shadergradient.co
422 stars 25 forks source link

How to remove the rotation-like animation when the page loads #68

Closed evtol closed 3 months ago

evtol commented 3 months ago

Does the library support the removal of the initial rotation-like animation when the page refreshes? I am using the library in a Nextjs project.

I have attached a gif of the animation i am referring to below (it is taken from the Next.js Starter code sandbox): animation

evtol commented 3 months ago

Setting cAzimuthAngle={0} fixed my issue.

Kinark commented 2 months ago

it didn't for me

evtol commented 2 months ago

@Kinark what is your configuration?

My configuration is: <ShaderGradient animate="on" type="waterPlane" range={"disabled"} uTime={0} uSpeed={0.05} uStrength={1.5} uDensity={1.5} uFrequency={0} uAmplitude={0} positionX={0} positionY={0} positionZ={0} rotationX={0} rotationY={0} rotationZ={0} color3="#cdadff" color2="#dbf3ff" color1="#ffffff" reflection={0.5} wireframe={false} shader="defaults" lightType="3d" grain="off" cameraZoom={1} cDistance={5} cAzimuthAngle={0} cPolarAngle={90} brightness={1.2} envPreset={"city"} />

theta-scholes commented 2 months ago

it fixed it but now it doesnt look as cool. The angle made it look like waves, without it looks like abstract art