Im using View and there are 3 canvas only but 3d objects are crashing

Questions
1

Hello i had a problem with 3d objects cz they’re crashing and i asked someone here , he told me that i should use View component for rendering 3d objects instead of rendering a canvas foreach one , they’re more than 30 objects (25 sphere) and others… so i did it , they all rendering as div for now…

Screenshot 2024-08-04 122220
Screenshot 2024-08-04 1222201883×477 122 KB

now there are 3 canvas only … but the problem is still happening maybe it’s happening more :smiling_face_with_tear: idk why…

u can check it on mobile from here portfolio what’s happening…

https://github.com/Moemen12/Portfolio

2

@Moemen12 this is not an answer to your question but just 2 minor things that you might consider updating.

GitHub repo link in your post seems to have it reversed, maybe it should be:

[github_repo](https://github.com/Moemen12/Portfolio)

Also, your portfolio has in the Contact section listed Your Name twice, maybe it should be Message or similar instead for the 2nd occurrence.

Just be patient and someone else might answer your actual question.

3

@Moemen12 apart from what I stated in my previous post, here is my opinion of your portfolio page, as tested in mobile Firefox browser on 2 android phones.

If this portfolio page is specifically designed for mobile devices then it seems to lack proper spacing in certain areas, like:

  • your spheres:
    • on 1 phone with larger screen these spheres show in Landscape mode but not in Portrait mode (maybe rearrange them into 3 or 4 rows)
    • they don’t show in either mode on the other phone with smaller screen
  • the globe just above the Contact section doesn’t seem to have any space available either to the left or right of it, so swiping up/down actually tries to spin the globe and scrolling through the page in Landscape mode is rather difficult in this area of your page.

Maybe you should have at least couple of phones at hand for testing so you get more information on how your page might show to different users.

Other than this, your portfolio page looks nice to me.

Hopefully you get opinions from other users as well.

4

If these objects are next to one another - and looking at the previous post, all you seek is responsiveness - why not just use one canvas with orthographic camera and “resize” listener on the window, to jump the spheres positions’ based on the viewport size?