cocoscreator蜘蛛网效果

最近项目中有需求，就顺便复习一下creator的渲染部分，在这里记录一下实现过程和自己的思考，主要是看GT大佬的【分享】自定义渲染合批之自定义顶点格式（附 Demo 和引擎源码解读）。

demo地址

最核心的就是updateRenderData()这个方法，每一帧都会调用，当cc.RenderComponent组件的_vertsDirty属性为true就会调用updateUVs()和updateVerts()来更新顶点的uv和pos，assembler有个好处就是自定义顶点格式，可以自定义想要的数据格式，然后在shader里就可以直接使用，而不需要从材质传入，让材质可以合批。当然meshRenderer一样可以做到，但是性能上来说还是assembler比较好一点，而meshRenderer的易用性比较高。

这个效果就是利用自定义顶点，我定义了5个顶点顺序是中间，左上，右上，右下，左下，然后计算出对应的uv和pos，在鼠标点击移动的时候改变中间那个顶点的pos并更新顶点数据，来实现这个效果的。

cocoscreator蜘蛛网效果相关推荐

win10 UWP 蜘蛛网效果
我看见了知乎首页登录背景和普通的地球人写的博客,发现了个好看的效果. 那么我来告诉大家如何做这个效果. 第一步是在 Canvas 画点,第二步是让点移动,第三步是画线在 Canvas 画一个点我们 ...
CocosCreator消融效果
效果预览前期准备首先我们准备一张噪声图用于后续的噪声消融核心思路片段着色器中有一个discard可以将片元的颜色丢弃,那我们的可以读取当前片元的某一个颜色基色(r.g.b),与我们的消融阈值b ...
微信小游戏开发零基础教程（一）-CocosCreator
微信小游戏零基础教程(一)-CocosCreator 最终效果预览准备工作创建工程测试第一个场景最终效果预览本教程最后制作的游戏效果: 准备工作下载微信开发者工具最新版->下载地 ...
2018-2-13-win10-UWP--蜘蛛网效果
title author date CreateTime categories win10 UWP 蜘蛛网效果 lindexi 2018-2-13 17:23:3 +0800 2018-2-13 17 ...
WPF 实现星空效果
本文经原作者授权以原创方式二次分享,欢迎转载.分享. 原文作者:普通的地球人原文地址:https://www.cnblogs.com/tsliwei/p/6282183.html Github地址: ...
2018-8-10-dotnet-从入门到放弃的-500-篇文章合集
title author date CreateTime categories dotnet 从入门到放弃的 500 篇文章合集 lindexi 2018-08-10 19:16:52 +0800 2 ...
dotnet 从入门到放弃的 500 篇文章合集
本文是记录我从入门到放弃写的博客博客包括 C#.WPF.UWP.dotnet core .git 和 VisualStudio 和一些算法,所有博客使用 docx 保存下载:dotnet 从入门到 ...
基于Hexo和Github的炫酷个人博客（进阶篇）
基于Hexo和Github的炫酷个人博客(基础篇) 基于Hexo和Github的炫酷个人博客(进阶篇) 网页底部加上浏览量打开/themes/next/layout/_partials/footer ...
关于Mongodb的全面总结
MongoDB的内部构造<MongoDB The Definitive Guide> MongoDB的官方文档基本是how to do的介绍,而关于how it worked却少之又少,本 ...

cocoscreator蜘蛛网效果

cocoscreator蜘蛛网效果相关推荐

最新文章

热门文章