摘要： 接着前一篇《WebGL实现sprite精灵效果的GUI控件》，我们继续开发我们的数字系统GUI控件，因为这套数字系统是基于sprite效果的，所以数字随相机转动而旋转（永远面对相机），随场景缩放而逆向缩放（数字在屏幕上看上去大小不变）。实现sprite效果的核心方法在前一篇文章里已经详细说明，这里不 阅读全文

摘要： threejs已经有了sprite插件，这就方便了three的用户，直接可以使用threejs的sprite插件来制作GUI模型。sprite插件是阿里的lasoy老师改造过的，这个很厉害，要学习一哈他的源码。闲话少叙，我们来看一下如何用原生的webgl来实现sprite精灵效果。首先我们来看一个样 阅读全文

摘要： 这篇我们接着来看一下DrawEntityActor类，我们来看看这个继承DrawActor的类到底做了什么事。我们之前学习了Drawable对应的DrawActor，那么我们类比的来看DrawableEntity对应DrawEntityActor，这样就好理解一些。首先我们还是先来看DrawEnti 阅读全文

摘要： 今天继续来Draw绘制的osg模块的学习，昨天我们学习的是StateBin渲染状态树节点类，今天我们来继续学习下一个Draw的基础类DrawableEntity渲染对象实体类。这个类和Drawable和绘制对象关系是并列的，DrawableEntity同样有自己的DrawEntityActor。但是 阅读全文

摘要： 今天我们继续来学习osg.js框架。上一篇我们介绍了DrawActor对象绘制操作类和Drawable可绘制对象类，我们大致知道了osg对Drawable可绘制对象的绘制流程管理。今天我们要继续介绍StateBin状态树节点类。我们来看一下StateBin，他管理的是StateSet状态，他将每个模 阅读全文

摘要： 从今天开始，我们开始正式的学习osg框架，今天我们学习的是osg的渲染模块，我们来看一下代码结构。 所有DrawXXX的js模块都是渲染的模块，我们逐一来简单介绍一下，第一个Drawable.js，这个模块是描述可绘制对象的类，也是我们今天要讨论的类。在osg框架中，渲染管道在准备时期首先要统计管理 阅读全文

摘要： webgl1不支持设置线段宽度，这就只好通过shader来实现了，参考了踏得网的例子，引用地址：http://wow.techbrood.com/fiddle/43140。先在此感谢踏得网创始人之一 Ryan.chen 陈晓峰。介绍一下踏得网，这是一个推广交流webgl的网站，同学们可以去学习交流。 阅读全文

摘要： 今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js。这些库都是不可或缺的，我们先来看看实现的效果，如下图所示。 我们再来看看项目结 阅读全文

摘要： 大家好，今天我ccentry要做一个水波纹特效，我们来看看水波纹特效的做法。首先我们来看一下水波纹特效的效果是怎么样的，请看下图。 我们要做的就是类似这种纹理特效，那么我们来看看是如何制作的吧。首先鲫鱼我新建一个空项目，来编写这个demo，项目结构如下图所示。 img文件夹中存放的是uv贴图和底图， 阅读全文

摘要： 做图形就要玩shader，我的shader进阶之路，从学习怎么使用shaderToy开始。首先介绍我是看哪篇文章学习的，给出参考文章地址：https://blog.csdn.net/xufeng0991/article/details/78076824，由于本菜鸟是第一次玩shaderToy，就完全 阅读全文