郭先生的博客

摘要： 这篇郭先生来说说BufferGeometry，类型化数组和粒子系统的使用，并且让图片有马赛克效果（同理可以让不清晰的图片清晰化），如图所示。在线案例点击博客原文 1. 解析图片 解析图片和上一篇一样 initCanvas() { canvas = document.createElement('ca 阅读全文

摘要： 今天郭先生说一下用canvas解析图片流，然后制作一个动态二维码的小案例，话不多说先上图，在线案例点击博客原文。这是郭先生的微信二维码哦！ 1. 解析图片流 canvas = document.createElement('canvas');//创建canvas画布 content = canvas 阅读全文

摘要： 今天郭先生来说一说three.js的一个图形用户界面工具gui，如下图，在线案例点击博客原文 1. 引入GUI,构造函数 按照所需，引入的方式也不相同。 //通过script标签引入 <script src="../libs/dat.gui.js"></script> var gui = new d 阅读全文

摘要： 通过地图数据配合three可以做出非常酷炫的地图，在大数据展示中十分常见。 这篇郭先生就来说说使用three.js几何体制作3D地图。在线案例点击原文地址。 地图的数据是各个地图块的点数组，通过THREE.ExtrudeGeometry方法挤压出地图的版块，然后通过THREE.Line方法画出地图的 阅读全文

摘要： 今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。 1. three.js材质基类 所有其他材质类型都继承了Material。 下面是一些属性： .alphaTest : Float设置运行alp 阅读全文

摘要： 上几篇说了three.js的曲线，这篇来郭先生来说说three.js曲线，在线案例点击郭先生的博客查看。 1. 了解three.js曲线 之前已经说了一些three.js的几何体，这篇说一说three.js曲线。曲线的种类主要分两种，二维曲线和三维曲线。下面整理了这些曲线 名称参数 ArcCurve 阅读全文

摘要： 这一篇郭先生就说说ThreeBSP（组合网格）的使用，先上图，在线案例点击原文链接查看 组合网格允许我们使用二元操作函数操作网格，但是提前需要引入threeBSP.js,它提供了如下三个函数。 名称描述 intersect（相交） 使用该函数可以在两个几何体的交集上创建新的几何体。两个几何体相互交叠 阅读全文

摘要： 上一篇介绍了几何体的构造体参数，这篇郭先生就接着上一篇说。 1. ExtrudeGeometry挤压几何体 挤压几何体允许我们从一条形状路径中，挤压出一个Geometry。ExtrudeGeometry有两个参数，第一个参数是一个图形，第二个参数是它的配置 var shape = new THREE 阅读全文

摘要： 上一篇简单的介绍了几何体的构造体参数，这一篇郭先生就更加详细的说一说（十分简单的几何体我就不说了）。 1. ShapeGeometry形状几何体 形状几何体方便我们从一个或多个路径形状中创建一个单面多边形几何体，和canvas一样都是二维图形。下面我们只做一颗心形。 var shape = new 阅读全文

摘要： 我的个人博客3.x已经更新了，初学three.js的小伙伴可以关注一下哦，我将在我的博客记录平时的学习心得，并有很多小案例，这些小案例比较基础，也不会有官网的案例那么难懂，很合适初学者，博客地址郭先生的博客，记得是郭先生的博客哦。 那么本篇郭先生来说一说three.js几何体都有哪些？在线案例进入原 阅读全文