B站视频

https://www.bilibili.com/video/BV1j7411X7mG/

新版 ShaderHelper 组件更新啦,这个版本主要更新了三个功能:

  1. Cocos Creator 2.3.x 的兼容支持
  2. ShaderHelper组件参数更新,使用更简单,非程序员也能轻松使用
  3. 修复构建版与预览版本,特效对应不上的BUG

2.3.x 的兼容支持就不多说了,我重点介绍一下组件的新功能

首先是原来在 ShaderTimer 组件上的 max 属性被移到 ShaderHelper 组件上了

原来在 ShaderTimer 组件上的 max 属性被移到 ShaderHelper 组件上了,每个 Effect 有自己独立 max 属性值,这样预览起来就不会打架了!

组件好用,重要的是做减法,静态特效且没有参数的,显示非常简洁,看下图:

静态特效,带参数控制的不会显示 max 属性,ShaderTime 会根据是否有 ShaderHelper 的 max 决定是否要进行刷新

以上是 ShaderHelper 组件的主要新功能,切换自己想要的 Program 属性就能看到对应的组件属性变现化。

因为是要卖钱的,还是尽量做好一些,晓衡又增加了几张养眼的图片,为了便图片的切换,再送一个 SpriteMate 组件

本以为大功告成,但在手机上预览发现,浏览器窗口边缘面积太大,整体效果都没了,美感降低50%,于是我又再送一个组件 FullScreen 组件

FullScreen 组件除了提供 fullScreen 函数,还提供有 exitFull 哦!

心脏有点小突突,不知道大家会不会喜欢这个组件呢?

这里晓衡提供了一个在线预览地址,欢迎来体验:

http://example.creator-star.cn/shaderhelper

注意不要在电脑上的微信浏览器上,那个窗口是方形的,不太没观!

游戏开发副业挣钱不是一句口号,需要落实到行动上,下周我们一起在群里学习相关法律知识,愿我们一起努力,共同成长!

一个游戏多份收益,助力开发者技术精进副业变现,我是工程师经纪人张晓衡,关注公众号「Creator 星球游戏开发社区」,欢迎加我微信:z6346289,晓衡在线等你!

新版Shader组件更新啦,支持 Creator2.3.x 外,还有新特性...的更多相关文章

  1. ECMAScript 5和ECMAScript6的新特性以及浏览器支持情况

    ECMAScript简介: 它是一种由Ecma国际(前身为欧洲计算机制造商协会)制定和发布的脚本语言规范,javascript在它基础上经行了自己的封装.但通常来说,术语ECMAScript和java ...

  2. Creator 2.2.0 终于等来了这款Shader组件神器!一招搞定Effect特效

    先看下视频演示: ShaderHelper2支持Creator 2.2.0 视频录完后才想起,还没在微信小游戏中测试,赶紧试试,下面是在微信开发者工具中的截图. 径向模糊 探照灯 提供了一个Shade ...

  3. React和Vue的组件更新比较

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 24.0px "Helvetica Neue"; color: #404040 } p. ...

  4. iOS子线程操作检测版本更新,有新版本通知用户更新, CheckVersion

    iOS子线程操作检测版本更新,有新版本通知用户更新 CheckVersion 一:如何使用: #import "CheckVersion.h" //输入你的app在appStore ...

  5. ECMAScript和JavaScript的区别,ECMAScript发展更新历史,ECMAScript5和ECMAScript6的新特性及浏览器支持情况,ECMAScript 5/ECMAScript 2015正式发布

    ECMAScript和JavaScript的区别 ECMA是European Computer Manufacturers Association的缩写,即欧洲计算机制造商协会.欧洲计算机制造商协会是 ...

  6. 从 React 的组件更新谈 Immutable 的应用

    在介绍 Immutable 如何在 React 中应用之前,先来谈谈 React 组件是如何更新的. React 是基于状态驱动的开发,可以将一个组件看成是一个有限状态机,组件要更新,必须更新状态. ...

  7. 源泉书签,助您管理海量收藏。www.yuanquanshuqian.com 今日更新:支持了导入url为js代码的书签

    源泉书签,助您管理海量收藏.www.yuanquanshuqian.com 今日更新:支持了导入url为js代码的书签

  8. Qt之股票组件-股票检索--支持预览框、鼠标、键盘操作

    目录 一.感慨一下 二.效果展示 三.搜索编辑框 1.编辑框 2.预览框 四.相关文章 原文链接:Qt之股票组件-股票检索--支持预览框.鼠标.键盘操作 一.感慨一下 之前做过一款炒股软件,个人觉着是 ...

  9. Vue图片浏览组件v-viewer,支持旋转、缩放、翻转等操作

    v-viewer 用于图片浏览的Vue组件,支持旋转.缩放.翻转等操作,基于viewer.js. 从0.x迁移 你需要做的唯一改动就是手动引入样式文件: 1 import 'viewerjs/dist ...

随机推荐

  1. Spotlight 监控工具使用

    监控MySQL数据库性能的工具:Spotlight on MySQL    <转载> 我们的服务器数据库:是在windows2003上. 这款工具非常的花哨,界面很漂亮,自带报警. 1.创 ...

  2. celery beat之pidfile already exists问题

    背景 在进行celery定时任务测试时,发现到点任务并未执行,检查了log发现在启动celery beat的时候有这样一个报错,所以celery beat并未启动成功. 1234 (hzinfo) E ...

  3. PHP的ArrayAccess接口介绍

    在 PHP5 中多了一系列新接口.在 HaoHappy 翻译的你可以了解到他们的应用.同时这些接口和一些实现的 Class 被归为 Standard PHP Library(SPL).在 PHP5 中 ...

  4. Vue.observable()使用方法

    前言 随着组件的细化,就会遇到多组件状态共享的情况, Vuex当然可以解决这类问题,不过就像 Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是 vue.js ...

  5. java基础进阶篇(二)_Arraylist ------【java源码栈】

    前言 ArrayList 在开发中用到的频率很高,其中原生态提供的方法有一些很好用的重载版本,其中有的坑该跳得跳啊. 一.ArrayList的6种初始化方法1.构造方法 参数为空2.构造方法 参数为L ...

  6. 从头认识js-HTML中使用JavaScript

    <script>元素 在HTML页面中插入Javascript的主要办法就是使用<script>元素,HTML4.01为<script>定义了下列6个属性. 1.a ...

  7. The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path index.jsp页面出现错误的解决方法

    点击项目名称>>>点击Buid Path>>>点击右侧add  library>>>点击Server  Runtime>>>点击 ...

  8. 解决vue2.0下IE浏览器白屏问题

    公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 <meta http-equiv="X-UA-Compatible" content="IE= ...

  9. html/css系列-图片上下居中

    本文详情:http://www.zymseo.com/276.html图片上下居中的问题常用的几种方法:图片已知大小和未知大小,自行理解 .main{ width: 400px;height: 400 ...

  10. 零基础HTML及CSS编码总结

    任务目的 针对设计稿样式进行合理的HTML架构,包括以下但不限于: * 掌握常用HTML标签的含义.用法 能够基于设计稿来合理规划HTML文档结构 理解语义化,合理地使用HTML标签来构建页面 掌握基 ...