Cocos2d 图片拉伸不变形的9妹

最新推荐文章于 2025-03-17 17:28:28 发布
原创 最新推荐文章于 2025-03-17 17:28:28 发布 · 1.2k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#cocos2d-x #游戏开发 #cocos2d

图片拉伸不变形的9妹

 
  1.     
  2.     // 图片拉伸不变形的9妹
  3.     auto scale = Scale9Sprite::create("res/button.png");
  4.   
  5.     scale->setContentSize(Size(76,33));
  6.     
  7.     scale->setPosition(Point(200,500));
  8.    
  9.     this->addChild(scale);

记得导入


#include "extensions/cocos-ext.h"

using namespace extension;


Cocos入门知识总结(三)
huyawenz的博客
04-19 1228
这两天很不顺呀。前不久媳妇骑车被前车徶倒了。昨天我骑车的时候又被外卖车撞的空中翻转了。掉下来头部着地。当时两眼冒金星了。在地上翻滚半天才起来。想着送外卖的也不容易就让他走了。结果推起我的自行车发现我车胎被撞爆了。这个家伙是骑的有多快呀。我通过地下通道里刚漏了个车头就给我怼上了。我昨天也是脑子飘了。光顾着看对面驶来的汽车了。没想到被逆行来的外卖车给我密西了。晚上回去感觉浑身疼。才发现腰部也受伤了。还有脖子也疼的抬不起来。最担心的还是头部。早知道这么严重，当时应该留下那个外卖小哥的。现在后悔已经晚了。想着第二天
Cocos Creator3.8 项目实战（四）巧用九宫格图像拉伸
w风雨无阻w的专栏
10-04 4508
通常ui 资源都是图片，也是最占资源量的资源类型，游戏中的ui 资源还是人机交互的最重要的部分，因此质量要求都非常高，通常都是使用rgb32位真彩色，这就导致资源量比较大。通常ui资源在打包时，都会以图集的形式展现，在加载到内存的时候，是整块加载，如果ui 没优化好，则会增大内存的开销。将鼠标移动到分割线上，可以看到光标形状改变了，这时候就可以按下并拖拽鼠标来更改分割线的位置。我们可以看到，图像周围有一圈绿色的线条，表示当前九宫格分割线的位置。可以鼠标滚轮放大图片预览试图，便于精准调整边框位置。
09-锚点&精灵图
CapejasmineY的博客
08-05 466
锚点、精灵图
Cocos Creator - 2D扭曲Shader
长生但酒狂的博客
08-20 4928
前言 昨天刚办完离职手续，今天闲来无事，就分享一篇关于cocos shader中的扭曲（水波纹）特效的实现吧，话不多说，直接步入正题。 效果 这个效果原理非常简单，就是对 texture 随机采样，当然，这个随机会有一定的约束，不能太随机，在当前uv坐标附近随机即可。也就是说对uv进行随机偏移。 在shader中没有内置的随机函数，要么自己写一个随机函数，要么通过采样噪声图拿到随机值。这里我们就采用第二种方法，简单而且性能也好。(在shader中严格说来应该叫噪声，有兴趣的可以自己去查阅相关的资料) 首先
【Cocos2dx】使用CCScale9Sprite拉伸图片
编程记录，亲测有效
08-20 7517
如下图，在资源的Rescources文件夹中自带一个40x40的按钮图片 如果我们在Cocos2dx设定此图片自动拉伸为填充游戏屏幕的800x600图片，如下图： 总不能在外部利用Photoshop等图形处理软件，自行把这张40x40的图片拉伸为800x600，然后根据不同的设备的分辨率，做多张图片吧？ 此时可以利用Cocos2dx的CCScale9Sprite。 CCSc
cocos2dx 一套资源做完美分辨率适配（不拉伸无黑边全屏显示）
齊葩的博客
03-24 6523
首先声明一下： 本文章完全原创，转载请说明出处。 原文地址：http://blog.csdn.net/u012858622/article/details/21962535 废话不多说啦直接上代码。 class GameWinSize { static GameWinSize* mSize; GameWinSize(); public: static G
Cocos2d-x学习（二十二）：cocos2d-x中CCScale9Sprite的另一种实现
oneRain88的专栏
12-08 2万+
cocos2d 2.0之后加入了一种九宫格的实现，主要作用是用来拉伸图片，这样的好处在于保留图片四个角不变形的同时，对图片中间部分进行拉伸，来满足一些控件的自适应（PS: 比如包括按钮，对话框，最直观的形象就是ios里的短信气泡了），这就要求图片资源的中间部分是纯色或者是简单的渐变了！ 1.cocos2d中九宫格CCScale9Sprite的实现 （1）原理 cocos2d的实现非常
cocos2d-x中Sprite的自动拉伸，适应屏幕
chuanzhuchu0617的博客
06-23 525
说到sprite的自动拉伸，可能有人的第一感觉是Scale9Sprite，但其实Scale9Sprite有其独特的使用场合的，即四角不变形，而且比较重，耗费内存较多。对于简单的拉伸，比如对纯色的图片进行拉伸，杀鸡焉用牛刀乎？用Sprite就足够了。 说到spri...
cocos2d-x中CCScale9Sprite的另一种实现
weixin_34161083的博客
06-14 925
2019独角兽企业重金招聘Python工程师标准>>> ...
Cocos2d-x 九宫格 CCScale9Sprite
小邓笔记
09-28 1万+
文章转载自：http://www.cnblogs.com/sevenyuan/p/3195688.html 在cocos2d-x引擎中，CCScale9Sprite这个文件的位置为： 一、九宫格的实现 （1）原理 实现非常巧妙，是通过1个CCSpriteBatchNode和9个CCSprite来实现的，原理很简单，通过将原纹理资源切割成9部分（PS: 这也是
banner图片不拉伸、全屏宽、居中显示的方法
师远鹏
05-27 6509
做为一名混乱的JAVA人，虽然前端还是可以做，但是很多细节做的并不是那么好，记录一下一些经验 Title .bannerbox { width:100%; position:relative; overflow:hidden; height:200px;
cocos creator通过Assember实现图片的形状修改
最新发布
github_38633141的博客
03-17 146
转载cocos论坛 ，大家互相学习一下，通过修改RenderComponent组件中的_assember，修改uv和顶点，索引实现形状改变，和修改mesh一样。
cocos2d-x中Sprite的自动拉伸
weixin_33885253的博客
01-30 272
2019独角兽企业重金招聘Python工程师标准>>> ...
第六章 - 图像变换 - 图像拉伸、收缩、扭曲、旋转[1] - 仿射变换(cvWarpAffine)
热门推荐
狂奔的蜗牛
10-19 5万+
拉伸、收缩、扭曲、旋转是图像的几何变换，在三维视觉技术中大量应用到这些变换，又分为仿射变换和透视变换。仿射变换通常用单应性建模，利用cvWarpAffine解决密集映射，用cvTransform解决稀疏映射。仿射变换可以将矩形转换成平行四边形，它可以将矩形的边压扁但必须保持边是平行的，也可以将矩形旋转或者按比例变化。透视变换提供了更大的灵活性，一个透视变换可以将矩阵转变成梯形。当然，平行四边形也是
cocos2d-x 3.X中Sprite背景图片自动拉伸适应屏幕
灵思致远Leansmall的博客
08-25 5280
代码如下： //set background scene bgmap = Sprite::create(PASTE.PNG); bgmap->setPosition(VisibleRect::center());//这句自己根据需要修改 Size mywinsize=Director::getInstance()->getWinSize(); float winw = mywinsiz
Cocos Creator 动态改变sprite图片
weixin_33979745的博客
06-04 7709
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url = 'globalUI/video/gVideoPlayClick'; 　　　　var _this = this; cc.loader.loadRes(url,cc.SpriteFrame,function(err,spriteFrame) 　　　　{ 　 　　　　　　...
【Cocos2dx】根据窗口大小进行拉伸
编程记录，亲测有效
11-08 3305
为了适应多平台、不同尺寸的设备，或者我们想省去修改一次游戏尺寸就改一次图片的麻烦。我们需要将Cocos2dx上的精灵，按照根据当前的屏幕大小进行拉伸。 虽然上次在《【Cocos2dx】使用CCScale9Sprite拉伸图片》（点击打开链接）介绍过如何在Cocos2dx利用Scale9Sprite进行图片的拉伸，然而，这样做出来的效果是静态的，拉伸之后出来的结果完全是一个不能对其进一步操作的CC
cocos2d-x2.2九宫格CCScale9Sprite有bug
i土豆程序猿的学习笔记
12-04 2587
使用Cocosbuilder， 添加九宫格控件，然后设置图片，如果图片是从plist中加载的，在游戏中就可能有问题。 当plist中的图片旋转过的话，在游戏中就会显示错误。 找了大半天，终于发现是CCScale9Sprite对plist中的旋转图片加载有问题。 解决方法： 打开 CCScale9Sprite.cpp 第750行。 也就是 CCScale9Sprite::setSp
cocosCreator 精灵图片加载（一键还原大小+动态修改图片）
huanghuipost的博客
10-21 3683
问题：在cocosCreator中没找到对图片重置大小的按钮（在cocos2d-x中，图片可以通过重置大小来快速还原图片的原本大小） 所以在cocosCreator中替换资源的时候，图片资源和原来不同时，会出现变形。 解决办法：打开sprite手册 这里Size Mode 的三种模式介绍 要想使用图片原尺寸，就选择Trimmed或者Raw 有时候需要动态改变图片的大小或者形状...
.9图的制作(也叫9妹图，因为图片格式是以.9结尾的)
huanglei201502的博客
07-26 1268
解释：1号黑色条位置向下覆盖的区域表示图片横向拉伸时，只拉伸该区域           2号黑色条位置向右覆盖的区域表示图片纵向拉伸时，只拉伸该区域              3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域            4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域              没有黑色条的位置覆盖的区域是图片拉伸时保持不变（比如，如
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值