Three.js
Z_ikCoffee
The worst feeling ever is not knowing whether you should wait or give up.
展开
-
01 初识Three.js
什么是WebGL?WebGL(Web图形库)是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式的3D或者2D图形,并且不用使用任何的插件。WebGL通过引入一个与OpenGL ES2.0紧密相符合的API,可以在HTML5元素中使用。简而言之,WebGL可以提供一系列的图形接口,通过js去使用GPU来进行浏览器图形渲染的工具。什么是Three.js?Three...原创 2018-10-12 20:04:55 · 333 阅读 · 0 评论 -
02 Three.js中的"Hello World”-旋转的立方体
通过Three.js中的“Hello World”-旋转的立方体来认识一下Three.js中的一些最基本的构件。构建场景首先,需要将Three.js库的js文件引入:<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/92/three.js"></script>然后在<body&g...原创 2018-10-12 21:27:15 · 420 阅读 · 0 评论 -
03 Scene场景及页面调试插件
场景是每个Three.js项目中放置内容的容器,同时也可以拥有多个场景进行切换展示,可以在场景中放置模型、灯光和相机,还可以通过调整场景的位置让场景内的所有内容都一起跟着调整位置。场景的结构在学JavaScript基础的时候免不了要操作DOM对象,而DOM对象的结构都是树形结构的,Three.js也遵循这样的理念,将所有可以添加到场景内的结构梳理成了一种树形的结构,以便能够更好的理解Thr...原创 2018-10-17 21:44:21 · 1791 阅读 · 0 评论