![](https://img-blog.csdnimg.cn/20200302203014415.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Three.js
Three.js
fewuliu
决定一个人成功与否的因素不是你现在站立的高度,而是你的触底反弹力。
展开
-
Three.js——前序:3D世界
前言: 从前天在GitHub上看了阿里的一个数据可视化的项目。被粒子动画深深震撼了,看到技术栈的时候,前端Vue.js Canvas Three.js,就一个Three.js没有了解过,经过一番折腾,就这么稀里糊涂地进入了3D的世界(当然我也是有目标的,想要做出自己想要的3D效果)。想想三天过去了…也不知折腾了多久…PS:昨晚11点多还稀里糊涂地睡着了…从火热中停下来,一盆凉水又浇在了我的头上,...原创 2019-07-24 16:38:11 · 171 阅读 · 0 评论 -
Three.js——文本几何体
TextGeometry TextGeometry是一个用于将文本生成为单一的几何体的类,其父类为ExtrudeGeometry。通过FontLoader类的load方法加载的字体和回调,根据传入的文本字符串和配置生成文本几何体。 注意点:创建文本几何体,需要读取字体文件,所以需要在服务器上运行文本几何体对应的文本。 运行结果: 代码: //创建场景 var scene ...原创 2019-08-01 12:58:25 · 704 阅读 · 0 评论 -
Three.js——纹理
Texture(纹理) 按照Three.js官方的解释是,创建一个纹理贴图,将其应用到一个几何体的表面,或者作为反射/折射贴图。简单的理解就是,让一个几何体拥有属于它的外貌。 代码实现 实现纹理贴图的方式有多种,如果仅是简单的使用,不牵扯到具体映射坐标的定义的话,有以下两种: 通过ImageLoader //通过ImageLoader var imageLoader = n...原创 2019-08-02 11:05:19 · 988 阅读 · 0 评论