Learning Basics

[peroxido-de-hidrogenio]

Hi, 👋

Sorry to bother with a basic question. How do I make 2D elements using react-fiber? I'm trying to replicate some AutoCad functions in react like:

2D and 3D basic line
simple arcs with lines and curves (using calculus)
crosshatched
creating polygons by entering the number of points

It lacks a tutorial for the basics of the basics and many of the solutions presented on Stackoverflow do not make sense and generate conflicts in the core of react (white screen with more than 20 error messages). I'm tired of looking and asking doesn't hurt.

PS: I can't create ready-made object imports. I want to use JS and so I need to understand how to create simple objects. Even react-colorful threw an error in something simple! It may be that I start over from scratch due to conflicts that I have no idea...

Help the noob here! thank you!

[CodyJasonBennett]

I'd try out an orthographic projection for 2D -- it won't distort elements as they're further from the camera (whereas perspective will). state.viewport will also give you the screen size in threejs units which you can use to scale your elements:

• https://codesandbox.io/s/r3f-2d-orthographic-0ziont