用Cocos2dx-Lua制作一个圆形的头像框

AI权益加码!Claude Code、Cursor等20+工具免费用! 购周边限时加赠Coding Plan Lite,畅享主流AI工具!学习进阶更高效! 阅读详情

非常感谢博主
http://m.blog.csdn.net/blog/linchaolong/40106795
提供的讲解

--首先创建一个Node
local stencil = cc.Node:create()
--接下来使用一个圆形的图片作为头像框的大小

这张图中间的圆形就是我们希望的头像框大小

local iconHole = cc.Sprite:create("toolPics/headHole.png")
--在刚刚的节点上添加这个精灵图
stencil:addChild(iconHole) 
--再依据刚刚的Node再创建一个用于裁切的Node  
local clippingNode = cc.ClippingNode:create(stencil)
clippingNode:setInverted(false)
clippingNode:setAlphaThreshold(0)
--self是一个layer或者其他的Node容器即可
self:addChild(clippingNode)
--创建一个大于圆圈的图片精灵,添加在裁切功能的Nodelocal playerHeadIcon = cc.Sprite:create("superBig.png")
clippingNode:addChild(playerHeadIcon)
--这个时候你就会发现
--虽然头像远远大于之前的圆圈范围
--但是只会显示出依靠模板(即依靠stencil)创建出的裁切区域(clippingNode)
--由于之前的模板是一个圆形的图片
--因此,我们显示的区域也是对应的圆形。

类似如此的头像都可以这样创建
实际上这个头像有这么大:
真的很大

cocos2dx-3.11 使用创建Lua项目以及运行自定义场景 第一节  创建项目 现在用cocos2dx3.11版本写一个捕鱼游戏,首先创建项目,在终端里输入如下指令: cd/Users/xiaosong1531/Desktop/cocos2d-x-3.11.1/tools/cocos2d-console/bin 进入到bin目录之后,输入创建项目的指令: cocos newCatchFishLua –p com.yuting.CatchFishLu 阅读详情

相关推荐

cocos2dx-lua制作游戏五维图

欢迎使用Markdown编辑器写博客本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用

ericwang_1992的博客 2750

cocos2dx+Lua 实现2048小游戏

lua文件直接放到cocos2dx的例子HelloLua项目中即可 参考目录 E:\cocos2d-x-2.2\samples\Lua\HelloLua\Resources 窗口大小 480 * 640

cocos2dx-shader-头像裁剪为头像

头像裁剪为头像cocos2dx中,使用shader实现该功能~

COCOS2dx 3.5 实现带白色边圆形头像功能

cocos下实现圆形头像最初始考虑的是ClippingNode,但是无论实心圆形蒙层使用DrawNode还是图片都会遮罩出很严重的锯齿 于是取个巧,使用实体蒙层后,在上层再盖一个无锯齿的环,做出来最终的效果,自我感觉还可以 把工具类取出来保存: 头文件UserIconSprite.h: #ifndef __Ci__UserIconSprite__ #def

wanda901012的博客 1311

cocos2dx-lua 裁剪ClippingNode,圆形头像,其他形状图片

注意事项:裁剪内容要用Sprite,不能换成ImageView 注意事项: 1.后面测试发现,ImageView也能用,注意换成ImageView时,前缀是ccui. 2.要做圆形头像,用一张圆形图做遮罩      local imagePath = "res/base.png" local maskPath = "res/Mask.png" local c...

weixin_30727835的博客 620

cocos2dx-lua 角矩形 角图片 drawNode

使用的官方类是:drawNode 函数是:drawNode:drawPolygon() C++函数的参数说明: //画多边形,verts为点集,count为点数,fillColor为填充颜色,borderWidth为边缘线宽,borderColor为边缘线颜色 void drawPolygon(Vec2 *verts, int count, const Color4F &fillC...

weixin_30372371的博客 564

cocos2dx 剪切圆形头像

项目需求,要把矩形的头像(或任意图片)剪切成圆形的。然后在网上找到一些方法,并做了简单修改。这里做下记录。 cc.exports.display = display or {} function display.createMaskedSprite(srcFile, maskFile) local src = display.newSprite(srcFile) loc...

R0CK Y0U的博客 4320

Cocos2d-x-Lua示例项目HelloLua

https://blog.csdn.net/wwj_748/article/details/34494613Cocos2d-x-Lua示例项目HelloLua 本篇博客介绍Cocos2d-x中Lua的实例项目,就是使用Cocos2d-x创建的初始项目运行所呈现的农场,这里笔者取名为HelloLua。本篇博客会详细在代码中解析Cocos2d-x 3.1.1创建的Lua项目中实例,一些API的使用。 ...

北极洲的博客 831

【godot shader】圆形裁剪,圆形头像

使用shader方式裁剪圆形头像

WangPengJu 1552

Cocos2dx-Lua中Sprite精灵的3种创建方法

---1.从图片文件创建 --适合于要显示的这张图片的全部区域或部分区域 function TestTest:CreateSprite1() local png = "lobby/lobby.png" --文件路径 local sprite = cc.Sprite:create(png) self:addChild(sprite) local s...

weixin_30666401的博客 259

Cocos2d-lua绘制图形的方法

绘制图形,就drawCircle,drawRect,drawLine之类的….Cocos2dlua里面有两种绘制图形的方法,如下。--- --代码补全油景系 = = --- local function mDraw() local glNode = gl.glNodeCreate() local origi = cc.Director:getInstance():getVis

cl6348的专栏 3396

cocos2d 剪裁头像

使用ClippingNode来实现剪裁头像 一、原理 ClippingNode,有三个相关实体:模板(Stencil)、底板、Layer,其原理就是将模板做为遮罩,遮罩本身不渲染,透过遮罩对底板进行裁剪,最后将裁剪后的结果放在Layer层上。 简单来说遮罩上有不同的形状和透明区域(是否透明由setAlphaThreshold来指定,小于指定值的都算透明),根据形状来将裁剪底板,裁剪后当做一个

iblade的博客 1859

cocos2dx 使用shader实现圆形裁剪

最近在做联网象棋游戏,需要将在线获取的图形裁剪成圆形图片,由于之前了解过shader相关知识,所以就想试试用shader来实现圆形裁剪,代码如下: 顶点着色器代码: attribute vec4 a_position; attribute vec2 a_texCoord; attribute vec4 a_color; #ifdef GL_ES varying mediump vec2 v_texCoord; varying lowp vec4 v_fragmentColor; #else vary

三思而先行的博客 1337

cocos2dx&lua绘制角矩形

原文地址: c++: http://www.cnblogs.com/leehongee/p/3639623.html lua: http://www.tuicool.com/articles/FrQRJjM 代码:  ----c++:  /* * @brief 画角矩形 * @param origin 矩形开始点 * @pa

u010536615的专栏 1587

《Cocos2d-x-3.2 Lua-tests》文件详解 之 基本绘图DrawPrimitives

--[[ cocos2d-x基本图形的绘制 --]] local function drawPrimitivesMainLayer() local kItemTagBasic = 1000 local testCount = 2 local maxCases = testCount local curCase = 0 local size = c...

andy1515的专栏 526

cocos2dx角矩形 lua

cocos2dx角矩形 lua版@TOC 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写...

lynn807961674的博客 785

cocos lua 创建替换图片

关于Sprite或ImageView 创建图片或替换图片,使用cocos 2dx 3.10 lua:一,sprite相关-- 通过指定的某张图片创建local sprite = cc.Sprite:create("**.png")-- 通过创建纹理缓存来创建local sprite = cc.Sprite:create() local cache = cc.Director:getInstance...

jingle008的博客 2831

cocos2dx-js 实现圆形头像

cocos2dx-js 实现圆形头像, 代码如下:// 首先创建一个Nodevar stencil = new cc.Node();// 接下来使用一个圆形的图片作为头像的大小var iconHole = new cc.Sprite("img_0.png");// 在刚刚的节点上添加这个精灵图stencil.addChild(iconHole);// 再依据刚刚的Node再创建一个用于裁切的No...

wpj0304的专栏 1186
上一篇: Lua类型判断和转换的简易方法
GrowingNoob
博客等级 码龄11年 1粉丝 3原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值