@hrgdavor This is the best idea. Treat jscad as a modeling library, and the model can work on other rendering engines.

I recently tried to add the function of dimensioning to the two-dimensional model. After encapsulating the function, I can input the starting point, the end point and the type of the label to draw the label.

This is the input parameter of the dimension marker.

It works fine, but i cannot select points with the mouse

@danmarshall I also want to change the rendering of the model from regl-renderer to threejs. Using regl-renderer is too painful! Especially threejs is more convenient in terms of interaction.

I use camera-unproject to do coordinate mapping, but the obtained coordinates are obviously wrong.

code:

    const regl = this.$el
    const handleMouseDown = (e) => {
      const x = 1 - (e.offsetX / regl.clientWidth) * 2
      const y = (e.offsetY / regl.clientHeight) * 2 - 1

      const point = vec3.fromValues(x, y, 0.5)

      const { projection, view, viewport } = this.camera

      const combinedProjView = mat4.multiply([], projection, view)

      const invProjView = mat4.invert([], combinedProjView)

      const result = unproject([], point, viewport, invProjView)

      console.log('convasSize: ', [regl.clientWidth, regl.clientHeight])
      console.log('viewport: ', viewport)
      console.log('clickPoint: ', [x, y])
      console.log('unproject result:', result)
    }
    this.$el.addEventListener('mousedown', handleMouseDown.bind(this))

Could it be that I did something wrong?

@gilboonet
Hello, I watched this video. There is a point selection function in the video, I only need to do a two-dimensional dimensioning function. What I want to know is how the click function in the video maps the click position of the mouse to the coordinates in the coordinate system? I did not succeed in mapping.
Because when the canvas moves, the origin of the coordinate system and the origin of the canvas are not the same.
can you help me? Maybe I need some knowledge of graphics.

Hi, all! How to get the coordinates in the coordinate system through the mouse?

When the mouse clicks here, get the clicked coordinates (1, 0).

Maybe a method similar to Vector3 requires unproject() to complete?

In Threejs：

unproject( camera ) {

		return this.applyMatrix4( camera.projectionMatrixInverse ).applyMatrix4( camera.matrixWorld );

	}

@hrgdavor
This feature is cool and very useful. I tried to map the mouse coordinates to the canvas coordinates, but without success. Do you have the realization of this function?

@z3dev
Ok, I have submitted an issue on github.
https://github.com/jscad/OpenJSCAD.org/issues/916

@z3dev
When I use project() to try to project the .stl model onto a 2d plane, the console prompts:

But the 3d model can be displayed normally.

This problem does not appear in all .stl models, only complex .stl models will appear in this problem.

I debugged and found that the cause of this problem was that poly3.toPoints() returned an empty array.

Should the empty array be filtered before calling poly3.toPoints()？

Re: V2 Deserializers (Import)

@jscad/dxf-deserialize This library ignores the text in the dxf file when converting the dxf file into js.

@z3dev OK! If you render multiple models at the same time, you can only select the model from the list and edit the model parameters. This is the solution I thought of, although it is not perfect.