通过cocos裁切图片,将大图分为小图

游戏要用动画,美工还没做出来,于是,从网上找来了几张图,不过图是JavaME时代的图,动画都是靠裁切来显示的,于是想将大图分割成小图来用。

图片规格:图中每个小图的大小是相等的,基本上都是正行,整列的。

上代码:

const char * CutNormalImage::IMAGE_FORMAT_NAME = "image_ (%d).png" ;
const char * pSaveImageFromar = "image_%d_%d_%d.png" ;
int row = 4 ;
int col = 4 ;
int begin = 1 ;
int end = 116 ;
USING_NS_CC ;
void CutNormalImage::cutImage()
{
	for (int k = begin ;k <= end ; k++)
	{
		const char * pImageName = CCString::createWithFormat(CutNormalImage::IMAGE_FORMAT_NAME,k)->getCString() ;
		CCSprite* pSprite = CCSprite::create(pImageName);
		pSprite->setAnchorPoint(ccp(0,0));

		float width = pSprite->getContentSize().width / col ;
		float height = pSprite->getContentSize().height / row ;

		for (int i = 0 ; i < row ;i++)
		{
			for (int j = 0 ;j < col ;j++)
			{
				float x = j * width ;
				float y = i * height ;
				CCSprite * pCell = CCSprite::create(pImageName,CCRectMake(x,y,width,height)) ;
				pCell->setAnchorPoint(ccp(0,0)) ;
				const char* pName = CCString::createWithFormat(pSaveImageFromar,k,i ,j)->getCString() ;
				CCRenderTexture* rrt = CCRenderTexture::create(width,height);
				rrt->clear(0,0,0,0);
				rrt->begin();
				pCell ->visit();
				rrt->end();
				CCImage *pImage = rrt->newCCImage(true);
				std::string fullpath = CCFileUtils::sharedFileUtils()->getWritablePath() + pName;
				pImage->saveToFile(fullpath.c_str(), false);
			}
		}
	}
}
时间: 2024-11-05 21:54:36

通过cocos裁切图片,将大图分为小图的相关文章

移动端点击图片查看大图

一.需求 点击图片查看大图,再点大图隐藏.多用于移动端,因为移动端屏幕小,可能需要查看大图. 二.代码 <!DOCTYPE html> <html> <meta charset="utf-8"/> <head runat="server"> <title>JQuery点击图片查看大图by starof</title> <style type="text/css">

基于jQuery左侧大图右侧小图切换代码

基于jQuery左侧大图右侧小图切换代码是一款带右侧缩略图选项卡的jQuery图片切换特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="examples_body"> <div class="examples_bg"> <div class="examples_image"> <img src="images/sample_banner1.jpg&

ionic中点击图片看大图的实现

在页面上显示了几张图片后,因为是手机端,图片会有点小的感觉,就想着怎么样才能让用户点击小图片看到大图呢,项目中ionic结合angularjs实现了这个功能 1.首先是三张小图上应添加一个函数,当点击图片时触发大图,代码如下: HTML: <div class="row padding"> <div class="col" style="width: 100px;height: 100px;padding:3px;-webkit-box-

导入通道图 进行自适应裁切图片

// 测试打开一个文件var fileref = new File ("/E/work/没有图片提交/2014/2014.5.19/G20/部件渲染测试/png/tianji_1-41001_bujian35.png")var docref = app.open (fileref) // 打印路径 // 打印路径 //alert(app.path) // 实现对图片的设置 设置为 400 * 400 像素//docref.resizeImage (400,400) // 这里是启动的作

JavaScript和CSS实现详情图片显示大图特效

<!doctype html> <html> <head> <title>JavaScript和CSS实现详情图片显示大图特效</title> <meta http-equiv="content/text" charset="utf-8"> <style type="text/css"> BODY { FONT-SIZE: 14px; LINE-HEIGHT: 1

每天一个JavaScript实例-点击图片显示大图添加鼠标操作

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-点击图片显示大图添加鼠标操作</title> <style> img{padding:5px;width:100px;height:aut

每天一个JavaScript实例-点击图片显示大图

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-点击图片显示大图</title> <style> img{padding:5px;width:100px;height:auto;} #o

netcore使用ImageSharp裁切图片

项目中需要对上传的图片进行裁切处理,发现之前的裁切方法不能跨平台使用了,于是乎找到了ImageSharp项目,项目地址https://github.com/SixLabors/ImageSharp,参考项目说明中的方法,很简单的几句话就完成了需求,感谢各位大牛做的的杰出贡献. #region 图片处理 /// <summary> /// 裁切图片大小 /// </summary> /// <param name="imagePath">图片路径<

canvas压缩、裁切图片和格式转换的方法

按照大小压缩图片,或者按照特定分辨率裁切图片,转为blob数据.自动处理ios中可能存在的照片偏差90°问题. 例如,获取300*300大小的头像,实现以下效果: 使用方式: <!-- 引入js文件 --> <script type="text/javascript" src="./compressImage.js"></script> <!-- input标签 --> <input type="fil