threeJs--vue 性能问题

这两年大家使用threejs做项目是越来越多了,为了更方面使用three引擎以及照顾前端开发工程师的情绪,大家都喜欢使用前端框架,这里我分享一个在使用vue框架遇到的一个坑,大家在使用vue时候,都喜欢把变量定义到data里(纯前端开发好像都是这么做),如果你做的项目模型比较小这样做没太大影响(正常情况你的项目资源应该不会小),如果你们的模型资源相对来说不是那么小,如果你还这么做,你会发现这时候你运行系统,帧率会很低,和你不适用vue框架的帧率简直是两个数量级,这是因为vue中data的里定义的变量是vue内部机制需要高效实时刷新,而你定义的像scene、camera等变量在引擎中的update里也是需要高速渲染的,data里再反复渲染,会造成浏览器性能下降,所以我再定义有关three里需要再场景中渲染的变量时,不要在data里定义;这里分享一下个人的习惯,如果各位有所怀疑的话可以对比测试一下.

分享个人习惯

你可能感兴趣的:(threeJs--vue 性能问题)