寒风

自强不息,厚德载物

cocos creator实现的日期选择控件

UIDatePicker 日期选择控件及其使用示例及其使用,效果如果: 使用步骤: 将 UIDatePicker 文件夹拷贝到项目中 在脚本中创建一个 Prefab,值设为 UIDatePicker 需要显示时,创建节点,设置日期和回调 cc.Class({ extends: cc....

2018-12-12 22:11:23

阅读数:5

评论数:0

游戏UI设计-公共内容整理

游戏开发一般最大的成本都花在了美术上面,减少迭代次数是降低开发成本的有效有段。因此,对于游戏UI,在游戏立项之后,很多公共的内容可先定下来。 有了这些公共的内容,除了节约开发成本,同时可以提高美术资源的复用程度。在没有特殊要求的情况下,就直接用公共资源即可,不需要额外地为不同界面再提供背景图,按钮...

2018-11-22 11:19:43

阅读数:14

评论数:0

位运算相关概念和应用

一 基本概念 机器码 = 符号位 + 真值 符号位: 正数:0 负数:1 1 原码 原码 = 符号位 + 真值 比如: +1: 0 001 -1: 1 001 2 反码 正数反码 = 原码 负数反码 = 符号位 + 真值取反 比如: +1: 0 001 -1: 1 110 ...

2018-11-16 21:38:19

阅读数:15

评论数:0

RPG游戏寻找NPC流程

Created with Raphaël 2.2.0查找NPC是否在当前场景?是否在访问距离内?与NPC对话是否有任务?任务对话完成NPC功能对话跑到NPC附近是否Vip?跳转至目标场景传送门yesnoyesnoyesnoyesno ...

2018-10-30 15:11:43

阅读数:47

评论数:0

VAO 与 VBO 的前世今生

VAO 与 VBO 的前世今生 在现代OpenGL(3.0+)的体系里,VAO和VBO已经是个很基本的概念了,是学习GL必须要理解的一个点。昨天,组内的同学在学习Learn OpenGL的时候,就被这两个概念给拦住了。当然,具体遇到的问题倒不是理解障碍,实质是不清楚这几个概念的本质。 我想了一...

2018-06-26 12:41:50

阅读数:93

评论数:0

cocos creator 中使用shader实现流光

在论坛中有水友用多边形遮罩做了一个流光,这里分享一个用shader写的流光特效。 原理 将图片中指定区域的颜色亮度增大,或者加上颜色,然后在 update 中去更新这个高亮的区域。 代码 下面是 shader 内容, 关于 ShaderUtils 可以参考我之前的这篇博客。 顶点...

2018-04-14 18:39:18

阅读数:2028

评论数:6

2d游戏中角色动画解决方案

刚刚在cocos creator论坛中,看到有水友在update更新spriteFrame来做角色动画,其实是可以使用 cc.Animation 来做角色动画,,这是我们游戏的实现方式,给大家参考下。 一 资源管理 1 美术输出资源要求 首先,规划美术输出角色的动画,一个角色文件夹,比如...

2018-04-04 19:16:02

阅读数:311

评论数:0

skynet socket监听连接 demo

下载安装 源码: https://github.com/cloudwu/skynet 编译:https://github.com/cloudwu/skynet/wiki/Build 服务器 demo新建 server 目录,将 skynet 原来克隆在 server 目录中;为了后面维护和更新方便...

2017-12-20 15:33:40

阅读数:456

评论数:0

游戏日志系统设计与实现

作用 游戏临近上线,需要做一个日志系统,记录玩家的行为,用途如下: 监控玩家状态变化,如账号登记,角色创建,上线下线,充值等; 分析玩家行为,如金币钻石消耗在什么系统上了,主要参与了哪些活动和玩法; 帮助分析bug,记录玩家的行为和数据变化,可以回溯bug产生的过程; 方便客服,查询和处理玩...

2017-12-05 13:15:54

阅读数:1043

评论数:0

shadertoy上手指南

一 shadertoy是什么下面是维基百科上的定义: Shadertoy.com is a cross-browser online community and tool for creating and sharing shaders through WebGL, used both for...

2017-09-24 14:44:58

阅读数:3737

评论数:3

WebGL之旅(二十) 帧缓冲区对象FBO

一 概念前面都是将图片作为绘制图形时的纹理映射,这一节来看看如何将渲染结果作为纹理,即动态生成纹理,贴在另一个物体上。默认情况下,都是在屏幕提供帧缓冲区中绘制,如果要动态生成纹理,就需要另外新建一个缓冲区对象,来代替默认的缓冲区,在其中进行离屏绘制。帧缓冲区对象包括: 颜色关联对象(可以是纹理对象...

2017-08-05 23:42:44

阅读数:924

评论数:0

WebGL之旅(十九) 雾化

一 原理雾化,即使用雾的颜色与场景中物体的颜色进行叠加。线性雾化,会指定一个起点和终点,起点为开始雾化点,终点为完全雾化的点: 在起点之前的完全清晰,也就是说完全为场景中的物体颜色; 在起点和终点之间的点,根据距离计算雾的因子; 在终点之后就完成为雾的颜色。 物体颜色和雾的颜色叠加公私如下: 片元...

2017-08-03 00:17:45

阅读数:288

评论数:0

WebGL之旅(十八) 点选立方体

原理这里用了一个比较巧妙(山寨)的方法判断是否点击到了立方体: 获取鼠标点击的位置; 将立方体绘制成红色(也可以是其他颜色); 判断鼠标点击位置的颜色 恢复立方体的颜色 示例由以上原理,当鼠标点击位置的颜色跟立方体重绘之后的颜色一致为红色时,则点击的位置就在立方体上。(如果背景色也为红色,就尴尬了...

2017-08-02 02:20:07

阅读数:452

评论数:1

WebGL之旅(十七) 带纹理的立方体

带纹理的立方体在前面一片博客中,有绘制一个平面的带纹理的图形,现在绘制一个立,并分别制定纹理。/** * 绘制带纹理的立方体 * xu.lidong@qq.com * */function main() { var gl = getGL(); var vsFile = &am...

2017-08-01 01:46:19

阅读数:459

评论数:0

WebGL之旅(十六) 层级模型

层次模型是指用一颗“有向树”的数据结构来表示表示各类实体以及实体间的联系,树中每一个节点代表一个记录类型,树状结构表示实体型之间的联系。——百度百科 在变换时,父节点的变换会待着子节点一起,而子节点的变换则不会影响父节点。例如手臂的运动会带动手肘的运动,而手肘的运动不影响手臂的运动。即: 子节点的...

2017-07-30 22:51:00

阅读数:717

评论数:0

WebGL之旅(十五)从文件中加载shader

随着程序越来越复杂,把shader写在js中不好管理,最好是把shader写在不同的文件中,然后当做资源去加载。一 文件加载添加一个方法loadShaderFromFile,从文件中加载内容,因为加载文件是异步的,因此需要通过回调返回。function loadShaderFromFile(fil...

2017-07-30 00:09:13

阅读数:941

评论数:0

WebGL之旅(十四)点光源

点光源的方向对于平行光,直接指定颜色和方向,对于电光鱼的方向则需要通过位置来计算。对于已知坐标的点,其点光源的方向为: 入射光线(反)方向 = 光源位置 - 顶点位置 已知方向之后,反射光线的计算就跟平行光一样了。点光源示例/** * 点光源 * xu.lidong@qq.com * */v...

2017-07-29 04:28:52

阅读数:353

评论数:0

WebGL之旅(十三)平行光和漫反射

一 相关概念 光:方向 + 颜色(包含了强度) 光源平行光:同方向 + 颜色 点光源:方向(光源位置到照射位置) + 颜色 环境光:颜色 入射角:入射光反方向与平面法线的夹角 反射:漫反射: 反射的光在各个方向上均匀,反射光颜色=入射光颜色 X 基底色 X cos(a),a为入射角 环境反射: 反...

2017-07-28 02:54:30

阅读数:481

评论数:0

WebGL之旅(十二)IBO绘制立方体

在计算机中,所有的图像都是有三角形组成,绘制立方也是通过绘制三角形。立方体有6个面,每个面需要2个三角形,每个三角形3个定点,因此需要绘制12个三角形即36个点。但立方体本来只有6个定点定点就可以确定了,如何优化点这些冗余的数据呢?答案就是IBO(index buffer object),在一个v...

2017-07-27 00:27:00

阅读数:358

评论数:0

WebGL之旅(十一)透视投影

与正射投影不同,透视投影会出近大远小的效果,与人的视觉效果一直,游戏中一般都是使用的透视投影。示例:/** * 透视投影矩阵 * xu.lidong@qq.com * */var g_vs = ` attribute vec4 a_Position; attribute vec4 a_Col...

2017-07-25 23:34:22

阅读数:373

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭