How to create a Z-like Shape?

Hi,
I’m new to three.js, and for the last couple of hours, I tried creating this shape:

Shape

What is the simplest way of creating it? I tried to create it by extruding a path but failed miserably.
Any help is much appreciated.

Hi!
As an option, substitute position buffer attribute of PlaneBufferGeometry of specific segmentation, with new values.
https://jsfiddle.net/prisoner849/92wh8Ltz/
изображение

2 Likes

@prisoner849 Thank you very much for your help!

… with new values.

Or you define the shape completely from your data.

You can use the examples from the Collection of examples from discourse.threejs.org 2017 as a template.

see https://hofk.de/main/discourse.threejs/2017/index2017.html

2020-07-24 20.38.09

Note that .addAttribute is now .setAttribute