Three.js implements the surface of plot?

Questions
1

This is the surface generated by plot’s Surface feature.

1685693937837
1685693937837813×821 56.4 KB

Click here.
I want to know how can three.js achieve the same effect ?

2

Which one? Deformed sphere (or what surface is it)? Colors on the object? The grid on background?

3

Same shape and colors. I’ve tried a lot of things, but nothing works

4

Hm, interesting. I just didin’t get the algo for indices to form a surface from points :thinking:

изображение
изображение987×860 16.8 KB

5

There appears to be equal number of points on each layer… This is quite strong alleviation.

1 Like
6

Then the using of PlaneGeometry is enough :slight_smile:

изображение
изображение936×860 205 KB

1 Like
7

TKS, I’ll try it.

8

Would be cool to see the code of your implementation :slight_smile:

9

*Why can’t I combine them into a surface ?

image
image1836×1181 136 KB

10

Because your geometry needs .index, that forms faces by indices of vertices. PlaneGeometry has index of the desired structure.

11

Is there any example help to learn this?

12

Source code of PlaneGeometry: three.js/PlaneGeometry.js at 560c5fcba722d9b37884a6925895d64195cd675e · mrdoob/three.js · GitHub

You can create an instance of PlaneGeometry of a certain segmentation and then substitute its points with points, that you obtained from the plot. Don’t forget to re-compute vertex normals afterwards.

13

TKS,I have finished.

image
image1244×947 227 KB

14

Can you show how you updated the vertices? I’m trying the same but I’m stuck.

Thanks

15

This is what I came up with:

16

May I ask how it was implemented