HTML5借助类库怎么开发


这篇文章主要讲解了“HTML5借助类库怎么开发”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML5借助类库怎么开发”吧!代码如下:

body
{
margin:0px;
background-color:#B0B0B0;
overload:hidden;
}



var camer免费云主机域名a,scene,renderer;
var mesh;
init();
animate();
function init(){
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(70,window.innerWidth / window.innerHeight,1,1000);
camera.position.z = 400;
scene.add(camera);
geometry = new THREE.CubeGeometry(200,200,200);
material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );
mesh = new THREE.Mesh(geometry,material);
scene.add(mesh);
renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth,window.innerHeight);
document.body.appendChild(renderer.domElement);
}
function animate() {
requestAnimationFrame( animate );
mesh.rotation.x += 0.05;
mesh.rotation.y += 0.05;
renderer.render( scene, camera );
}

这个是全部的代码,相对于前面使用WebGL的API的代码,这个简直就是太简单了。
代码很直观,就那么几步:
1. 创建场景scene。
2. 创建摄像机camera。
3. 创建/加载模型geometry。
4. 加载材质material。
5. 渲染模型对象mesh(是由geometry和material组成)。
6. 启用动画。感谢各位的阅读,以上就是“HTML5借助类库怎么开发”的内容了,经过本文的学习后,相信大家对HTML5借助类库怎么开发这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: Python中的集合是什么

这篇文章主要为大家展示了“Python中的集合是什么”,内容简而易懂,条理清晰,希望能够帮助大家解免费云主机域名决疑惑,下面让小编带领大家一起研究并学习一下“Python中的集合是什么”这篇文章吧。集合中的元素不能重复添加一个就用add,添加多个就用updat…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/09 11:31
下一篇 01/09 12:00

相关推荐