Not displaying properly on mobile (chrome & brave ) about project_3d_developer_portfolio HOT 8 OPEN

i fixed this problem by replacing those 3d spheares with normal circles. now the website loads way faster.

you can view my deployed site: https://sharanvkt.vercel.app/

from project_3d_developer_portfolio.

the same problem is also coming in my project it runs well in my pc but in mobile it is not displaying the 3d model

from project_3d_developer_portfolio.

even I too have this problem, it's taking some time to load fully

from project_3d_developer_portfolio.

https://3dfolio-ivory.vercel.app/ Even the adrian 's app doesn't work on mobile. Also, the app is extremely laggy on chrome and chrome based browsers(like brave) but works some reason on edge works perfectly

from project_3d_developer_portfolio.

https://3dfolio-ivory.vercel.app/ Even the adrian 's app doesn't work on mobile. Also, the app is extremely laggy on chrome and chrome based browsers(like brave) but works some reason on edge works perfectly

Bro first thing how to open in local host i did npm install the npm start but i am getting this error
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^15.0.0 || ^16.0.0-beta || ^16.0.0" from [email protected]
npm ERR! node_modules/react-tilt
npm ERR! react-tilt@"^0.1.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

from project_3d_developer_portfolio.

https://3dfolio-ivory.vercel.app/ Even the adrian 's app doesn't work on mobile. Also, the app is extremely laggy on chrome and chrome based browsers(like brave) but works some reason on edge works perfectly

Bro first thing how to open in local host i did npm install the npm start but i am getting this error npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^15.0.0 || ^16.0.0-beta || ^16.0.0" from [email protected] npm ERR! node_modules/react-tilt npm ERR! react-tilt@"^0.1.4" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

you gotta do the installs as in the video, mostly using --legacy-peer-deps

from project_3d_developer_portfolio.

Mobile supports a certain number of canvases. try with remove those 3D balls and check.
#41

from project_3d_developer_portfolio.

i fixed this problem by replacing those 3d spheares with normal circles. now the website loads way faster.

you can view my deployed site: https://sharanvkt.vercel.app/

I used your solution simple, way faster , and looks good.
thanks.

from project_3d_developer_portfolio.