乐胖代购免代理版

欢迎

15 Three.js实现阴影效果

作为webgl的插件，three.js肯定没有原生webgl那样，添加一个阴影这么费劲。所以，经过博主一小时的研究（笨人不聪明，已经是极限速度了）。终于将阴影效果做了出来，并且还发现一些容易犯错的地方。先上张图避避邪：实现这个效果其实很简单，只需要设置几个属性就可以实现当前的效果。...

three.js

webgl

阴影

html

变焦

原创 2023-02-15 15:55:49 271 阅读

13 Three.js照相机的正交投影和透视投影

这一篇文章会的人也不看，不会的人也不需要专业术语，我直接大白话介绍一下webgl里面的照相机。照相机就相当于在模型

three.js

webgl

相机

camera

原创 2023-01-30 16:52:31 414 阅读

6 Three.js工程文件目录结构

为了熟悉Three.js，我们需要花一些时间来了解它的目录结构、文档和示例。这里面包含的东西

three.js

webgl

结构

压缩版

Google

原创 2023-01-30 16:52:23 150 阅读

14 Three.js绘制字体模型

案例查看

three.js

WebGL

字体模型

字体文字

html

原创 2023-01-30 16:52:20 205 阅读

10 Three.js使用orbit controls插件（轨道控制）来控制模型交互动作

果相对于第八节的轨迹球插件使用上感觉要好，虽然轨迹球插件可以来回的滚动，但是容易分辨不清楚上下左右的关系，容易混乱，适合调试，而轨道控制插件orbit则适合客户使用，还不会产生混乱效果。下面讲一下使用。（1）首先引入插件，文件地址在官方案例的examples/js/con...

WebGL

three.js

插件

orbit

交互

原创 2023-01-30 16:52:16 239 阅读

9 Three.js使用性能插件stats进行性能监听

stats性能插件添加了以后，会默认在左上角显示性能帧数，每次刷新所用时间，占用内存。鼠组件，然后添...

webgl

three.js

性能

插件

javascript

原创 2023-01-30 16:52:06 314 阅读

35 Three.js的融合材质

简介在上一节，使用three.js的60版本，我们成功的实现了THREE.MeshDepthMaterial的案例。但是，我们没有办法修改

three-js

WebGL

融合材质

Math

html

原创 2023-01-30 16:51:20 337 阅读

7 Three.js内置几何

这个案例是官方案例，个人通过一个一个测试备注，感受模型如何配置参数，来生成理想的形状。three.js内置的这些几

WebGL

three.js

几何模型

Math

html

原创 2023-01-30 16:48:13 107 阅读

8 Three.js使用轨迹球插件（trackball）增加对模型的交互功能

这是three.js的一个组件，需要额外的引入文件，文件的地址是在官方下载的案例的examples/js/controls/TrackballControls

WebGL

three.js

交互

拖拽

trackball

原创 2023-01-30 16:48:06 193 阅读

49 Three.js使用THREE.TextGeometry创建三维文本解决中文乱码的问题

l解决方案如果写汉字发现出来的只是一堆？？？？的话，证明当前引入的字体不支持汉字。我们的解决方案就是引入可以支持汉字json文件。那么问题来了，这种json文件我们怎么获得？ - 我们可以使用ttf格式的文件进行转换即可，有一个地址，可以进行在线转换http://ger...

中文乱码

text

three-js

webgl

json

原创 2023-01-30 16:48:03 476 阅读

53 Three.js 使用THREE.PointCloud（新版本改名：THREE.Points）批量管理粒子

简介当我们如果大量使用粒子时，会很快遇到性能问题，因为每添加一个粒子就是一个模型，

webgl

three.js

粒子

批量管理

PointCloud

原创 2023-01-30 16:47:40 379 阅读

74 Three.js 导入AWD格式的模型

简介AWD是一种用于三维场景的二进制格式，并且通常与http://away3d.com/引擎一起使用。请注意，此加载程序不

three.js

webgl

AWD格式

模型导入

html

原创 2023-01-30 16:47:24 112 阅读

76 Three.js 导入VRML格式的模型

简介VRML是Virtual Reality Modeling Language的缩写。这是一种基于文本的格式，允许定义三维对象和世界。它已被X3D文

three.js

webgl

VRML格式

模型导入

html

原创 2023-01-30 16:47:18 275 阅读 1收藏

5 Three.js一个好的结构书写

的方法，自己写js的时候貌似也这么写。...

three.js

webgl

结构

初始化

html

原创 2023-01-30 16:41:21 59 阅读

113 Three.js的obb （OrientedboundingBox）方向包围盒的使用

一、包围盒简介：包围盒是一个简单的几何空间，里面包含着复杂形状的物体。为物体添加包围

OBB包围盒

包围盒

Three.js

碰撞检测

实例化

原创 2023-01-30 16:41:18 1270 阅读

4 Three.js一个案例详解

之前根绝官网书写了两个简单的案例，今天开始写了一个教程书里面

three.js

基础

WebGL

渲染器

html

原创 2023-01-30 16:41:14 486 阅读

114 Three.js实现深度遮挡的下雨特效

以上为当前效果的动图。

three.js

webgl

深度图

下雨特效

深度遮挡

原创 2023-01-30 16:41:08 325 阅读

3 Three.js绘制线

显示的效果。<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="wid

WebGL

three.js

线

基础

html

原创 2023-01-30 16:41:06 270 阅读

115 Three.js实现地形显示隐藏过渡效果

这个就是此逻辑的效果，实现后面补上。

three.js

shader

显示隐藏

过渡

html

原创 2023-01-30 16:40:59 195 阅读

2 Three.js的hello world

首先使用我们先用three.js创建一个立方体的hello world类型的案

WebGL

three.js

框架

入门

渲染器

原创 2023-01-30 16:40:55 54 阅读

116 Three.js实现地形扫描效果

以上是当前效果，实现逻辑后面补上。

three.js

地形扫描

shader

html

原创 2023-01-30 16:40:53 275 阅读

1 重新启程，WebGL框架three.js

去。如果你连东西都做不出来，时...

WebGL

three.js

框架

canvas

3D

原创 2023-01-30 16:40:40 994 阅读 1收藏

23 Three.js的光源种类

为什么需要光源？我们能看到物体都是因为有光的反射效果，不同的物体反射出来的光也就显示出来了不同的颜色。所以，three.js框架模拟了一些现实生活中的光源来实现所需要的效

three-js

webgl

光源种类

点光源

环境光

原创 2023-01-30 16:40:32 159 阅读

102 Three.js 使用几何体生成拱门形状

Three.js的几何体已经能够创建很多的几何体模型，但是，远远还达不到特殊需求的几何体模型顶点的位置调...

three.js

webgl

特殊形状

几何体

实例化

原创 2023-01-30 16:39:53 72 阅读

22 Three.js的网格对象MESH的属性和方法

创建一个网格需要一个几何体，以及一个或多个材质。当网格创建好之后，我们就可以将它添加到场景中并进行渲染。网格对象提供了几个属

网格

three-js

webgl

属性和方法

Math

原创 2023-01-30 16:39:32 566 阅读

79 Three.js 使用导入的模型生成粒子

简介前几节我已经将现在一些经常使用的模型导入的方法。之前也接触粒子的创建。这个案例

three.js

webgl

模型导入

生成粒子

生成点云

原创 2023-01-30 16:39:08 213 阅读

80 Three.js 的基础动画

简介模型导入到上一节也就先告一段落了，接下来，我将学习动画方面的知识。在这之前，我先

three.js

webgl

动画

基础

Math

原创 2023-01-30 16:38:56 101 阅读

72 Three.js 导入VTK格式的模型

简介VTK是由Visualization Toolkit创建的一种格式，用来指定顶点和面。VTK有两种格式：二进制和基于文

three.js

webgl

VTK格式

模型导入

html

原创 2023-01-30 16:38:16 486 阅读

17 Three.js针对浏览器变动进行自适应

听window的r...

WebGL

three.js

自适应

监听resize

渲染器

原创 2023-01-30 16:38:11 64 阅读

75 Three.js 导入ASSIMP格式的模型

简介Open asset import library（也称为Assimp）是一种导入各种三维模型格式的标准方法，是用此

three.js

webgl

assimp格式

模型导入

html

原创 2023-01-30 16:38:10 92 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

暮志未晚的博客

欢迎

15 Three.js实现阴影效果

13 Three.js照相机的正交投影和透视投影

6 Three.js工程文件目录结构

14 Three.js绘制字体模型

10 Three.js使用orbit controls插件（轨道控制）来控制模型交互动作

9 Three.js使用性能插件stats进行性能监听

35 Three.js的融合材质

7 Three.js内置几何

8 Three.js使用轨迹球插件（trackball）增加对模型的交互功能

49 Three.js使用THREE.TextGeometry创建三维文本解决中文乱码的问题

53 Three.js 使用THREE.PointCloud（新版本改名：THREE.Points）批量管理粒子

74 Three.js 导入AWD格式的模型

76 Three.js 导入VRML格式的模型

5 Three.js一个好的结构书写

113 Three.js的obb （OrientedboundingBox）方向包围盒的使用

4 Three.js一个案例详解

114 Three.js实现深度遮挡的下雨特效

3 Three.js绘制线

115 Three.js实现地形显示隐藏过渡效果

2 Three.js的hello world

116 Three.js实现地形扫描效果

1 重新启程，WebGL框架three.js

23 Three.js的光源种类

102 Three.js 使用几何体生成拱门形状

22 Three.js的网格对象MESH的属性和方法

79 Three.js 使用导入的模型生成粒子

80 Three.js 的基础动画

72 Three.js 导入VTK格式的模型

17 Three.js针对浏览器变动进行自适应

75 Three.js 导入ASSIMP格式的模型