【three.js详解之一】入门篇
开场白 webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。 博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的api文档 ...
花费 11 ms
图解WebGL&Three.js工作原理
“哥，你又来啦？”“是啊，我随便逛逛。”“别介啊……给我20分钟，成不？”“5分钟吧，我很忙的。”“不行，20分钟，不然我真很难跟你讲清楚。”“好吧……”“行，那进来吧，咱好好聊聊” 一、我们讲什么？ 我们讲两个东西：1、WebGL背后的工作原理是什么？2、以Three.js为例，讲述 ...
如何用webgl(three.js)搭建一个3D库房-第一课
今天我们来讨论一下如何使用当前流行的WebGL技术搭建一个库房并且实现实时有效交互 第一步、搭建一个3D库房首先你得知道库房长啥样，我们先来瞅瞅库房长啥样（这是我在网上找的一个库房图片，百度了“库房 ...
three.js初探，立体几何入手（一）
前言：首先先推荐一篇博客，关于webgl原理，讲的非常之通俗易懂了 图解WebGL&Three.js工作原理 webGL可以理解为openGL ES2.0 （webGL2.0 - openGL ES3.0）的javascript绑定。所以实现的语言 ...
使用webgl(three.js)创建3D机房(升级版)-普通机房
序： 目前市面上的数据中心主要分两大类，一类属于普通数据中心，机柜按照XY轴 有序排放，一类属于微模块集合的数据中心，多个机柜组合而成的微模块。 本节课主要详细讲解普通数据中心的可 ...
three.js粒子效果（分别基于CPU&GPU实现）
前段时间做了一个基于CPU和GPU对比的粒子效果丢在学习WebGL的群里，技术上没有多作讲解，有同学反馈看不太懂GPU版本，干脆开一篇文章，重点讲解基于GPU开发的版本。 一、概况 废话 ...
Three.js入门
什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。 什么是threejs，很简单，你将它理解成three ...
three.js 相机camera位置属性设置详解
开始很懵逼，完全不能理解，有个position，还要up和lookAt干嘛。 [黑人问号脸❓❓❓] 既然是位置属性不明白，那默认其它属性都懂了。 上坐标轴： 先来第一个position属性 ...
three.js加载obj模型
...
ThreeJS学习6_几何体相关(BufferGeometry)
ThreeJS学习6_几何体相关(BufferGeometry) 使用 BufferGeometry 可以有效减少向 GPU 传输几何体相关数据所需的开销 可以自定义顶点位置, 面片索 ...