fix for all the errors you guy's are getting here

[bilalmirza74]

check my repo

3D model can be render on mobile phones
added lazy loading

https://github.com/bilalmirza74/folio/tree/master

don't forget to give a ⭐if it fixed your issue

[sajithsojan]

@bilalmirza74 The error for Computers.jsx is not fixed

[bilalmirza74]

@bilalmirza74 The error for Computers.jsx is not fixed

Actually you need to change the 3D model for the mobile phone view to make it responsive

Because the size of Computer 3D model is too big to render on mobile phone

[sajithsojan]

@bilalmirza74 THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.

this error keeps popping up all the time

[bilalmirza74]

https://stackoverflow.com/questions/62183371/threejs-three-buffergeometry-computeboundingsphere-gives-error-nan-position

check out this

[sajithsojan]

@bilalmirza74 the tech sections is not getting renderred in some mobiles after i deploy

[bilalmirza74]

In which mobiles? Did you noticed?

[sajithsojan]

oneplus,realme devices

[bilalmirza74]

That might be a issue with phone
RAM random access memory

Not be able to render full 3D model

[jaismeenMehra]

@bilalmirza74 THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.

this error keeps popping up all the time

I am getting same error. Did you solved the error?

[sajithsojan]

That might be a issue with phone RAM random access memory

Not be able to render full 3D model

my phone has 12gb latest ram and still

[bilalmirza74]

That might be a issue with phone RAM random access memory

Not be able to render full 3D model

my phone has 12gb latest ram and still

https://www.webdevfreelancer.me/

Check this out is this working

[sajithsojan]

That might be a issue with phone RAM random access memory

Not be able to render full 3D model

my phone has 12gb latest ram and still

https://www.webdevfreelancer.me/

Check this out is this working

It is working, but has issue with the pc 3d model
It is same for mobile and pc

[MaheshBabu11]

@sajithsojan . You can use these compressed models to improve the performance.

1. The computer scene (https://github.com/MaheshBabu11/3D-Portfolio/blob/main/public/desktop_pc/scene.glb) 1.33 MB
2. The planet scene ( https://github.com/MaheshBabu11/3D-Portfolio/blob/main/public/planet/scene.glb) 325 KB

Usage :
const computer = useGLTF("./desktop_pc/scene.glb");

Adding <Canvas frameloop="demand" shadows dpr={[1, 2]} camera={{ position: [20, 3, 5], fov: 25 }} gl={{ preserveDrawingBuffer: true ,alpha: true}} >
,alpha: true in gl can resolve the loading issues in mobile.

Hope that helps. (I have deployed mine here : portfolio)

[bilalmirza74]

@MaheshBabu11
After scrolling down upto form
While scrolling up this happens

Hope you understand the problem :(

[responsive-we]

Has anyone found any solutions for it?
I am also getting the same error. Please help

[AT0047]

I have the same issue here too after deployment
on my PC works fine but on other PCs and mobile doesn't work

[responsive-we]

I think it is due to the limitations of the mobile browsers. So it must be optimised for phone? anyone could help us with it?

[responsive-we]

I have the same issue here too after deployment on my PC works fine but on other PCs and mobile doesn't work

But mine works on PCs, on all browsers installed in an iPhone and Mozilla firefox (on android).