1.三维文字 三维字体文字，使用的是FontLoader，字体文件通过来facetype.js生成 2.通过canvas创建文字 3.创建2D标签文本 示例代码：https://threejs.org/examples/#css2d_label，需要注意的是，这种方式还需要使用另外一个渲染器。那么在 ...
分类：
Web程序 时间：
2019-01-10 10:51:25
阅读次数：
299
canvas 绘制2D位图。 Echarts是基于Canvas技术的可视化工具，底层封装了原生的JavaScript的绘图 API。 canvas里面绘制的图形不能被引擎抓取，canvas中我们绘制图形通常是通过javascript来实现。 svg 绘制2D矢量图。 svg里面的图形可以被引擎抓取， ...
分类：
Web程序 时间：
2018-12-20 11:44:39
阅读次数：
300
今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js。这些库都是不可或缺的，我们先来看看实现的效果，如下图所示。 我们再来看看项目结 ...
分类：
Web程序 时间：
2018-12-16 11:09:44
阅读次数：
694
材质反光效果 MeshStandardMaterial MeshPhysicalMaterial MeshNormalMaterial MeshNormalMaterial ...
分类：
Web程序 时间：
2018-11-23 20:41:52
阅读次数：
159
从这篇文章开始，就要进入实际工程的构造了，我会逐个功能模块进行实现，这篇文章介绍的是在webgl中加入多个模型。 使用过threejs的同学都知道，在threejs的场景（scene）中可以加入多个网格（mesh），那么在原生webgl中自然也可以模仿threejs的方式加入多个网格，下面我们就在我 ...
分类：
Web程序 时间：
2018-11-17 13:16:54
阅读次数：
210
今天总结记录一下WebGL中主循环的创建和作用。我先说明什么是主循环，其实单纯的webgl不存在主循环这个概念，这个概念是由渲染引擎引入的，主循环就是利用一个死循环或无截止条件的递归达到定时刷新canvas场景的函数，也就是人们常说的canvas刷新率（fps）。在讨论主循环的用处之前，我们先明确一 ...
今天和大家分享的是webgl渲染树形结构的流程。用过threejs，babylonjs的同学都知道，一个大模型都是由n个子模型拼装而成的，那么如何依次渲染子模型，以及渲染每个子模型在原生webgl中的流程是怎样的呢，我就以osg框架为原本，为同学们展示出来。 首先介绍osg框架，该框架是基于open ...
分类：
Web程序 时间：
2018-11-04 11:05:08
阅读次数：
269
对于这两个相机官方有一个示例更容易让人理解 https://threejs.org/examples/#webgl_camera 按O和P两个按钮切换相机 ...
分类：
Web程序 时间：
2018-10-30 11:23:13
阅读次数：
219
圣飞美科技http://www.mybim3d.com/about/successcase.html H5canvas基础 https://www.cnblogs.com/coolslider/p/5227544.html https://www.25xt.com/html5css3/9247.ht ...
分类：
Web程序 时间：
2018-10-22 20:39:58
阅读次数：
274
drawLineBox(new THREE.Vector3(100, 50, 0), new THREE.Vector3(200, 100, 100)); function drawLineBox(start, end) { //开始点用cube标出来方便观察 geometry = new THRE ...
分类：
Web程序 时间：
2018-10-18 13:58:20
阅读次数：
815
