I want to create an abstract curved lines background for website which is reactive on scroll and moving lines. [1 Hour of Abstract Wave Pattern | QuietQuests] same design like in this video but reactive on scroll. can anyone help with the resources, coz i don’t even know how to code …

To get you started, you can: create a wavy plane with simplex noise add altitude texture and shift it vertically When I try this, I get a similar result: However, if you cannot program this yourself, and you want someone to do it for you, it might be better to place this request in the job…

Noise is the key, yes :slight_smile: Sci-fi Scene that I made - #7 by prisoner849

Thankyou Pavel, Can you atleast drop me steps so that i can try it on my own.

I like the result with VoroNoise [изображение]

[image] prabha_karan: Can you atleast drop me steps There are several ways to do this effect. The one that I tried uses the following steps: 1. Start with a plane: [image] 2. Uses some noise function to curve the plane I used SimplexNoise from Three.js addons. This step requires to change …

Create an abstract curved lines background for website

Questions

prisoner849 November 29, 2023, 6:54am 3

Noise is the key, yes Sci-fi Scene that I made - #7 by prisoner849

Topic		Replies	Views
Perlin Noise lines Questions fragment-shader	6	8872	November 2, 2021
FatLines + noise Resources fat-lines , noise	2	1201	April 12, 2022
How to draw a plane of lines? Questions materials , geometry , lines	3	1487	May 25, 2021
DISTORT (Text, LineSegments, Texture) Resources texture-loader , text , canvas-texture , noise , linesegments	0	1385	June 10, 2022
Create a curved plane surface which dynamically changes its size Questions geometry	34	14598	May 18, 2023

Create an abstract curved lines background for website

Related topics