fix for all the errors you guy's are getting here about project_3d_developer_portfolio HOT 18 OPEN

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

check out this

from project_3d_developer_portfolio.

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).

from project_3d_developer_portfolio.

@bilalmirza74 The error for Computers.jsx is not fixed

from project_3d_developer_portfolio.

@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

from project_3d_developer_portfolio.

@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

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

In which mobiles? Did you noticed?

from project_3d_developer_portfolio.

oneplus,realme devices

from project_3d_developer_portfolio.

That might be a issue with phone
RAM random access memory

Not be able to render full 3D model

from project_3d_developer_portfolio.

@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?

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

@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)

from project_3d_developer_portfolio.

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

Hope you understand the problem :(

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

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?

from project_3d_developer_portfolio.