jimengio / 3d-model-viewer Goto Github PK

View Code? Open in Web Editor NEW

4.0 4.0 0.0 7.02 MB

Three-js based 3d modal viewer

Home Page: http://fe.jimu.io/3d-model-viewer/

TypeScript 70.43% CSS 2.86% HTML 1.01% JavaScript 24.49% EJS 1.21%

3d-model-viewer's People

Contributors

Stargazers

Watchers

3d-model-viewer's Issues

Old3dModelViewer 事件无法 stop 的问题

http://fe.jimu.io/3d-model-viewer/

wheel 上线滚动的, 对应的是的缩放的行为, 但是默认的滚动条行为是需要关闭的. 目前的写法用了 stopPropagation 出现报错:

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312
preventDefault @ dll_vendors_9807beb6.js:28
onWheel @ main.3c93dd53.js:108

排查下来大致结果需要调整写法, 关闭 passive event, 具体效果有待确认.

facebook/react#6436 (comment)

动态加载的模块的方案

threejs 组件体积较大, 最后做一下异步加载的.

=>> du -ah node_modules/three/build/three.*
1.2M	node_modules/three/build/three.js
596K	node_modules/three/build/three.min.js
1.1M	node_modules/three/build/three.module.js

之前尝试在组件内用 await, 导致卡顿的 bug(没有定位到准确原因). 退一步可以考虑在外面包一层组件用来做内部的组件的异步加载.

Recommend Projects