我和我的小伙伴们都惊呆了!基于Canvas的第三方库Three.js
作者:互联网
What is Three.js
three + js 表示运行在浏览器上的3D程序
javascript的计算能力因为google的V8引擎得到了迅猛提升 做服务器都没问题了 更别说3D了 哈哈 //参考nodejs
一言以蔽之 它能写出在浏览器上流畅运行的3D程序
提示:好的3D应用 在腾讯开放平台上 会有一个不错的收入
Three.js入门 : )
引入threeJs
正式进入ThreeJs。创建 相机(THREE.PerspectiveCamera)、场景(THREE.Scene)和渲染器(THREE.WebGLRenderer)
/* 添加一个立方体 */ var box = new THREE.Mesh( new THREE.BoxGeometry(2,2,2), new THREE.MeshBasicMaterial({ coloe: “red” }); ); box.position.set(0,0,0);//将立方体放到原点位置 scene.add(box); //摆放相机位置 camera.position.set(5,5,5); camera.lookAt(box.position); //渲染 document.getElementById("content").appendChild(renderer.domElement); renderer.render(scene,camera);
哈哈 发错了 其实就是一个3D立方体
没什么好看的 还是这个好看不是么 ?这是threeJs官网展示的其中一个
建议去官网看看
我和我的小伙伴们都惊呆了!
标签:box,Canvas,ThreeJs,THREE,Three,相机,三维空间,js,3D 来源: https://www.cnblogs.com/QQPrincekin/p/10350315.html