前言 之前经常在一些网站看到一些特别炫酷的特效,例如文字呈粒子状的特效,或图片的蒙太奇效果,刚巧找了相关的canvas动画研究了一些,因此在这里做一个简单的总结。 思路 一个像素点是由四个值组成的 RGBA,第一个像素点 RGBA [data[0],data[1],data[2],data[3]]; ...
分类:
其他好文 时间:
2020-07-22 20:36:41
阅读次数:
79
在游戏开发中,我们经常需要用到类似烟花的效果。在Unity3d中,实现烟花效果的方法不止一种,我选用了Unity3d中新添加的粒子特效工具 visual effect graph来进行实现。 实现过程分为三步:首先添加火箭效果,然后加一些爆炸效果,最后调整一下各种参数。 1.添加火箭 首先在场景中新 ...
分类:
编程语言 时间:
2020-05-17 20:37:17
阅读次数:
407
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 登录/注册页面https://codepen.io/bermudaque... 鼠标划过粒子特效https://codepen.io/steveg3003... 纯 css 画的小猫头https://codepen.io/vi ...
分类:
其他好文 时间:
2020-05-02 16:35:26
阅读次数:
71
最近发现打开自己的博客总是风扇转个不停,一看任务管理器发现 浏览器占用了70-80的资源 因为主页加载了,粒子特效,光标跟随特效,还有几只企鹅和背景音乐。光标离开本页发现就恢复正常了,肯定是和获取光标有关啊! 逐个排查发现是,粒子和烟花光标的问题,只能去掉咯!不能为了好看,浪费国家电资源啊 文章来源... ...
分类:
其他好文 时间:
2020-03-17 19:21:49
阅读次数:
88
本文给出Cocos Creator版本《海底世界》小游戏的启动场景的设计与编程逻辑。
分类:
其他好文 时间:
2020-03-12 17:09:32
阅读次数:
70
我们先看看两个特效,感受一下,有没有学习的动力? 核心API:Texture2D.SetPixel(int x, int y, Color color),Texture2D.Apply() 实现原理:对象池 思路: 第一帧绘制前:遍历瓦片上所有活着的粒子对象并且进行数据操作(或运动,死亡),发生运动 ...
分类:
编程语言 时间:
2020-01-28 15:52:24
阅读次数:
205
图上那些类似于星座图的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 使用教程: npm install vue-particles --save-dev main.js里加入以下代码: import VueParticles from 'vue-parti ...
分类:
其他好文 时间:
2020-01-12 11:37:24
阅读次数:
86
刚好碰到有人问怎样把粒子特效放到 UI 上并且能正确被 Mask 裁剪, 首先想到给粒子效果的 Shader 添加模板模仿一般 UI 的模板方式, 应该就能正确裁剪了吧, 不过没那么简单, 我们看到在一般 UI 上, 没在 Mask 下的 UI 对比在 Mask 下的 UI, 它们的材质设置是不一样 ...
分类:
其他好文 时间:
2019-12-24 15:24:45
阅读次数:
202
图上那些类似于星座图的点和线 是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 是非常炫的一种动态特效 可以在Vue项目中使用,需要安装第三方依赖 使用步骤 1. 安装 npm install vue-particles --save-dev 复制代码 或者 npm ...
分类:
其他好文 时间:
2019-12-20 18:34:56
阅读次数:
118
最近开发vue项目,项目有一个粒子特效使用vue-particles。项目用vue-cli构建,webpack打包完毕,丢到服务器,chrome访问完美,测试360和Edge也正常。遗憾的是,在IE11显示一片空白。F12,第一次也没有发现错误,刷新后,报错: SCRIPT: 缺少':' 网上搜了很 ...
分类:
其他好文 时间:
2019-11-25 23:26:57
阅读次数:
104