HTML5技术

Web3D编程入门总结——WebGL与Three.js基础介绍 - ljzc002(3)

字号+ 作者:H5之家 来源:博客园 2016-01-18 13:28 我要评论( )

使用Three.js实现上述效果 , , , , ; onLoad() 18 { ); } ); 26 renderer.setSize(container.offsetWidth, container.offsetHeight); 27 container.appendChild( renderer.domElement ); THREE.Scene(); ); ); ); )

使用Three.js实现上述效果, , , , ; onLoad() 18 { ); } ); 26 renderer.setSize(container.offsetWidth, container.offsetHeight); 27 container.appendChild( renderer.domElement ); THREE.Scene(); ); ); ); ); 42 scene.add( light ); ; THREE.ImageUtils.loadTexture(mapUrl); THREE.MeshPhongMaterial({ map: map }); ); THREE.Mesh(geometry, material); ; ; scene.add( cube ); addMouseHandler(); run(); 79 } run() 82 { renderer.render( scene, camera ); (animating) 90 { ; 92 } requestAnimFrame(run); 97 } addMouseHandler() 100 { renderer.domElement; ); 104 } onMouseUp (event) 107 { 108 event.preventDefault(); animating; 111 } Welcome to WebGL!Click to animate the cube

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    2017-04-30 16:00

  • ABP入门系列(16)——通过webapi与系统进行交互 - 『圣杰』

    ABP入门系列(16)——通过webapi与系统进行交互 - 『圣杰』

    2017-04-25 09:04

  • Android -- 带你从源码角度领悟Dagger2入门到放弃(一) - 阿呆哥哥

    Android -- 带你从源码角度领悟Dagger2入门到放弃(一) - 阿呆哥哥

    2017-04-21 11:02

  • require.js入门 - 爱喝酸奶的吃货

    require.js入门 - 爱喝酸奶的吃货

    2017-04-14 13:05

网友点评