前端实现3D效果..

实现这个连接里的3D效果https://m.baoxiaohe.com/models/68/?settingId=27419

参考这个
https://blog.csdn.net/qq_37338983/article/details/78574039

threejs 用过吗

使用Three.js来实现3D场景

可以使用threejs 开发

这个不是简单的前端实现的问题,需要有模型构建、动画构建、前端展示、前端控制,不是一时半会就能做出来的。需要数据和功能的配合才能实现的。

要实现纸盒子的3D查看图,可以使用JavaScript框架如Three.js或Babylon.js,使用HTML5和CSS3转换效果,或者将3D建模软件导出并在网页中加载模型,建议寻找有前端开发经验的人员来帮助实现这个功能。

实现包盒子的动画效果,可以使用js以及css实现,具体参考相关资料,希望对你有所帮助:
前端css3实现 3D立体盒子动画:https://blog.csdn.net/a6588433/article/details/127732226
前端实现3d盒子效果:https://www.zhihu.com/zvideo/1581366932284104704?utm_id=0

前端3d效果实现
可以参考下,非常详细
https://www.yii666.com/blog/389330.html
https://blog.csdn.net/luhanglh/article/details/129648328

three.js库可以实现

我看了你给的链接,里面的3D效果是用一种叫做WebGL的技术实现的。WebGL是一种在网页上显示3D图形的技术,它可以让你在浏览器中旋转、缩放、移动3D模型,而不需要安装任何插件或软件。
要实现这样的3D效果,你需要以下几个步骤:
第一步,制作3D模型。你可以用一些专业的3D建模软件来制作你想要的3D模型,比如SketchUp, 3ds Max, Blender等。这些软件都有各自的优缺点,你可以根据自己的需要和喜好来选择。
第二步,导出3D模型。你需要把你制作好的3D模型导出为一种叫做glTF的格式。glTF是一种用于WebGL的标准3D模型格式,它可以保留你的模型的形状、材质、动画等信息,而且文件大小很小,便于在网页上加载和显示。
第三步,上传3D模型。你需要把你导出好的glTF文件上传到一个支持WebGL的平台上,比如Sketchfab, Vectary, Baoxiaohe等。这些平台都可以让你在线展示和分享你的3D模型,而且提供了一些编辑和交互的功能。
第四步,生成链接或嵌入代码。你可以在这些平台上获取到一个链接或一个嵌入代码,用来在其他网站上显示你的3D模型。链接就是一个网址,可以直接打开或分享给别人;嵌入代码就是一段HTML代码,可以复制粘贴到你自己的网页上,让你的网页也能显示出你的3D模型。