Hi How can I a draw a shape in xz plane using mouse clicks? The scenario is I want to draw a shape using Shapes of three.js but from the top view on the 3D model (Like a roof of a building). Now shapes allows me to draw lines using THREE.Shape but I can pass only x and y as coordinates. I want it …

In general, you need just negate z-coordinate of the points you get from xz-plane and put it in y-coordintate of the points for THREE.Shape. Quick example: https://jsfiddle.net/prisoner849/0njg4dyx/

Drawing a shape in xz plane

Questions

Ujwaldeep_Singh October 23, 2020, 8:18pm 6

@prisoner849 Please take a look at this question.

Calculate remaining two points of rectangle from given two points

Is there an easy way to get this done also?

Topic		Replies	Views
Draw Shape in XYZ Plane Questions shapes	2	1262	December 7, 2017
Drawing a plane from line Questions geometry	3	1897	September 6, 2022
Create a 3D plane and plot the line on it Questions 3d-applications	5	1462	March 13, 2023
Isometric view in three.js Questions camera	2	3159	December 17, 2017
Cylindrical points only in the xz plane? Questions	3	339	April 15, 2023

Drawing a shape in xz plane

Calculate remaining two points of rectangle from given two points

Related topics