纯前端三维数字孪生,练手

纯前端css+js 实现一个简单的数字孪生

1000022963.png

1000022964.png

1000022965.png

1000022966.png 模型是sw建模的,也可以用bl和3dmax等 主要是优化gltf网格及层级,贴图及材质。

动画最好是用js代码来实现,不要在模型里面弄,js 来实现的动画还可以绑定数据,本次使用的是post拉的其它服务器 的数据来给到gltf网格的各种参数和属性 关键的点 gltf模型优化压缩,体积太大 面太多,网格太多都影响性能 要让一般的电脑浏览器运行流畅 动画方面js渲染的不是很好,比不了3D引擎 在就是优化好模型下载后,切换画面时不要刷新重新下载 就分享这么多 下面贴几张未完成的图

纯前端css+js 实现一个简单的数字孪生 模型是sw建模的,也可以用bl和3dmax等 主要是优化gltf网格及层级,贴图及材质。 动画最好是用js代码来实现,不要在模型里面弄,js 来实现的动画还可以绑定数据,本次使用的是post拉的其它服务器 的数据来给到gltf网格的各种参数和属性 关键的点 gltf模型优化压缩,体积太大 面太多,网格太多都影响性能 要让一般的电脑浏览器运行流畅 动画方面js渲染的不是很好,比不了3D引擎 就分享这么多 下面贴几张未完成的图