How to draw a plane of lines?

Hey there beloved THREEJS community. I’m quite new to this topic.

Basically what I want to do is to draw a plane of lines so I can apply some noise to the plane or rotation to achieve something like this:


Source: https://codepen.io/supah/pen/povxOYJ

What is the “best” way to achieve something like this in three.js?

Hi!
Just an option: modify PlaneGeometry’s index and use that geometry with LineSegments.
Example: https://jsfiddle.net/prisoner849/nszegopf/
Picture:

2 Likes

Another option: PlaneGeometry with two CatmullRomCurve3 and LineSegments.
Example: https://jsfiddle.net/prisoner849/y53qkLd6/
Picture:
изображение

2 Likes

looks dope! Huge thanks mate!

I really really want to learn more about indexes and these Curve utils. could you suggest any resources where I could learn these things?