Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

434
Views
How to properly configure Suspense position into Canvas?

How to properly set position of a 3d model into Canvas regarding to x,y,z axes?

<div>
   <Canvas shadows dpr={[1, 2]} camera={{position: [5, 50, 5], fov: 10}}>
     <Suspense fallback={null}>
         <Model/>  
     </Suspense>
  </Canvas> 
</div>

My object is centered and extra small, I want to manually configure it's position regarding to [x,y,z] axes into Canvas

P.S: Here is my result: (the model is too small) description

This is my target: (I manually zoomed my model and move it down, because if I zoom it to target size it goes beyond the canvas and doesn't fit completely, so I need to move it a bit down.) description

If I apply zoom property It also doesn't fit.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

You can target the camera towards the center of your model instead of moving your model. The camera has a 'target' property like the 'position' property you used. However, the last time I tried using that property it didn't work.

Instead I target the camera using the OrbitControls component.

<OrbitControls target={[.6, .4, 0]}/>
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!