cocos creator 的流光效果

最新推荐文章于 2024-07-31 23:05:29 发布

听音静雨

最新推荐文章于 2024-07-31 23:05:29 发布

阅读量8k

点赞数

分类专栏： creator js 文章标签： shader 流光 cocos creator 1.9.0

本文链接：https://blog.csdn.net/xiaowa_l/article/details/80558656

版权

本文介绍了如何在cocos creator 1.9.0版本中实现流光效果，通过修改网络上的代码，优化了流光的中心光亮强度和偏移颜色，并解决了setUniformLocationWith1f函数的问题，现在使用gl.uniform1f并处理整数限制。文章提供了修改后的源码，并感谢原作者的贡献。

摘要由CSDN通过智能技术生成

cocos creator 版本 1.9.0
流光效果的代码是在网上找的，但是效果太差，我做了一些修改
这是目前的效果：
流光效果图

支持调整流光中心光亮强度，支持流光偏移颜色调整

下面贴出修改后的源码

/*************************************************************
*  流光效果 shader挂件
*  -----------------------------------------------------------
*  author : saint       |  email : 1053128593@qq.com
*
*  create : 2017/09/12
*  -----------------------------------------------------------
*  
*  CopyRight(C) 2017-   |  All Right Reserved 
**************************************************************/
let vert_file = require("./bright_vert.js");
let frag_file = require("./bright_frag.js");

cc.Class({
    extends : cc.Component,

    properties : {
        _time : 0.0,

    },

    onLoad : function(){
   

        this._time = 0;
        this._sin = 0;
        this._use();
    },

    _use : function(){
   
        this._program = new cc.GLProgram();