2017年Virtual DOM在3D渲染中的应用-类ReactJS库的实现及3D应用.pdf

《2017年Virtual DOM在3D渲染中的应用-类ReactJS库的实现及3D应用.pdf》由会员分享，可在线阅读，更多相关《2017年Virtual DOM在3D渲染中的应用-类ReactJS库的实现及3D应用.pdf（23页珍藏版）》请在三个皮匠报告上搜索。

1、Virtual DOM在3D渲染中的应用类ReactJS库的实现及3D应用DOMWebGL黄勇20062012:武汉大学5年前端开发经验2016年8月加入酷家乐，花名佚名HTML5工具前端负责人设计并实现HTML5版本的家装设计工具普通的3D程序var geometry=new THREE.BoxGeometry(1,1,1);var material=new THREE.MeshBasicMaterial(color:var cube=new THREE.Mesh(geometry,material);/scene.add(cube);/addcamera.position.z=5;var

2、animate=function()requestAnimationFrame(animate);cube.rotation.x+=0.1;/updatecube.rotation.y+=0.1;renderer.render(scene,camera);不便之处命令式：手动的创建、添加和更新组合性差ReactJS声明式良好的可组合性DOMWebGLReactJS？render()只能返回一个节点多renderer不能共存用来包裹自定义组件？ReactJS？With React:30FPSWithout React:60FPS我们的解决方案vdom+threejs我们的解决方案vdom+thr

3、eejs类ReactJS的实现vdomcreate,diff,patch类ReactJS的实现vdom类ReactJS的实现vdom类ReactJS的实现vdom类ReactJS的实现vdom我们的解决方案vdom+threejs副作用ThreeComponentDOMWebGL回顾使用virtual dom来描述视图结构利用组件的副作用修改threejs对象，驱动WebGL2D！使用virtual dom来描述视图结构利用组件的副作用修改pixijs对象，驱动2D CanvasPixiComponentDOMWebGLCanvas总结Virtual DOM库的原理及实现vdom+threejsvdom+pixijs全局统一的编程体验