摘要: 接着前一篇《WebGL实现sprite精灵效果的GUI控件》,我们继续开发我们的数字系统GUI控件,因为这套数字系统是基于sprite效果的,所以数字随相机转动而旋转(永远面对相机),随场景缩放而逆向缩放(数字在屏幕上看上去大小不变)。实现sprite效果的核心方法在前一篇文章里已经详细说明,这里不 阅读全文
posted @ 2019-01-26 10:53 ccentry 阅读(1203) 评论(1) 推荐(0) 编辑
摘要: threejs已经有了sprite插件,这就方便了three的用户,直接可以使用threejs的sprite插件来制作GUI模型。sprite插件是阿里的lasoy老师改造过的,这个很厉害,要学习一哈他的源码。闲话少叙,我们来看一下如何用原生的webgl来实现sprite精灵效果。首先我们来看一个样 阅读全文
posted @ 2019-01-20 09:06 ccentry 阅读(3511) 评论(5) 推荐(8) 编辑
摘要: 这篇我们接着来看一下DrawEntityActor类,我们来看看这个继承DrawActor的类到底做了什么事。我们之前学习了Drawable对应的DrawActor,那么我们类比的来看DrawableEntity对应DrawEntityActor,这样就好理解一些。首先我们还是先来看DrawEnti 阅读全文
posted @ 2019-01-13 10:13 ccentry 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 今天继续来Draw绘制的osg模块的学习,昨天我们学习的是StateBin渲染状态树节点类,今天我们来继续学习下一个Draw的基础类DrawableEntity渲染对象实体类。这个类和Drawable和绘制对象关系是并列的,DrawableEntity同样有自己的DrawEntityActor。但是 阅读全文
posted @ 2019-01-06 09:45 ccentry 阅读(859) 评论(0) 推荐(0) 编辑
摘要: 今天我们继续来学习osg.js框架。上一篇我们介绍了DrawActor对象绘制操作类和Drawable可绘制对象类,我们大致知道了osg对Drawable可绘制对象的绘制流程管理。今天我们要继续介绍StateBin状态树节点类。我们来看一下StateBin,他管理的是StateSet状态,他将每个模 阅读全文
posted @ 2019-01-05 14:04 ccentry 阅读(1225) 评论(0) 推荐(0) 编辑
摘要: 从今天开始,我们开始正式的学习osg框架,今天我们学习的是osg的渲染模块,我们来看一下代码结构。 所有DrawXXX的js模块都是渲染的模块,我们逐一来简单介绍一下,第一个Drawable.js,这个模块是描述可绘制对象的类,也是我们今天要讨论的类。在osg框架中,渲染管道在准备时期首先要统计管理 阅读全文
posted @ 2018-12-30 13:18 ccentry 阅读(2478) 评论(0) 推荐(0) 编辑
摘要: webgl1不支持设置线段宽度,这就只好通过shader来实现了,参考了踏得网的例子,引用地址:http://wow.techbrood.com/fiddle/43140。先在此感谢踏得网创始人之一 Ryan.chen 陈晓峰。介绍一下踏得网,这是一个推广交流webgl的网站,同学们可以去学习交流。 阅读全文
posted @ 2018-12-23 13:52 ccentry 阅读(698) 评论(0) 推荐(1) 编辑
摘要: 今天我们来用ThreeJS的库实现一个波纹粒子效果,我们用到的ThreeJS的库有CanvasRenderer.js,OrbitControls.js,Projector.js,stats.min.js和three.js。这些库都是不可或缺的,我们先来看看实现的效果,如下图所示。 我们再来看看项目结 阅读全文
posted @ 2018-12-16 09:22 ccentry 阅读(8677) 评论(0) 推荐(0) 编辑
摘要: 大家好,今天我ccentry要做一个水波纹特效,我们来看看水波纹特效的做法。首先我们来看一下水波纹特效的效果是怎么样的,请看下图。 我们要做的就是类似这种纹理特效,那么我们来看看是如何制作的吧。首先鲫鱼我新建一个空项目,来编写这个demo,项目结构如下图所示。 img文件夹中存放的是uv贴图和底图, 阅读全文
posted @ 2018-12-08 11:20 ccentry 阅读(5259) 评论(1) 推荐(1) 编辑
摘要: 做图形就要玩shader,我的shader进阶之路,从学习怎么使用shaderToy开始。首先介绍我是看哪篇文章学习的,给出参考文章地址:https://blog.csdn.net/xufeng0991/article/details/78076824,由于本菜鸟是第一次玩shaderToy,就完全 阅读全文
posted @ 2018-12-01 13:14 ccentry 阅读(4756) 评论(1) 推荐(2) 编辑