虽然目前网上具有切割合图功能的工具不少,但大部分都是自动切割或者根据plist之类的合图文件切割的, 这种切割往往不可自己微调或者很难维调,导致效果不理想. 今天逛贴吧发现了一位网友写的切割合图插件很不错,就分享下, 利用的是Unity自带的合图切割功能,原生的切割功能虽然很方便而且很容易微调,但无法导出,这个网友将它们导出了, 来自:百度Unity3D贴吧的13471713164 链接:http://tieba.baidu.com/p/3217039693 using UnityEngine;

studio里使用合图感觉和spriteBatchNode差不多,但有不同,合图只起到在加载资源时减少IO的作用,起不到批渲染的作用.其实想想,studio本来就是用来拼UI界面的,一个上点规模的UI界面里都有N个层.layout.各种widget,树状关系,不在一个层里,是没办法批渲染的. 1.把资源图片加到studio里,新建一个合图文件,然后把需要合并的小图拖到合图文件里.在studio项目里,被拖到合图文件里的小图的左上角会有个黄点. 2.合图文件的属性设置里,间隙设置大于0,避免有时候

css雪碧图又叫css精灵或css sprite,是一种背景图片的拼合技术.使用css雪碧图,能够减少页面的请求数.降低图片占用的字节,以此来达到提升页面访问速度的目的.但是它也有令人诟病的地方,就是拼图和后期维护的成本比较大.也正是因为这一点,导致很多开发者懒于使用css雪碧图. 配置compass项目 $ compass init 会生成相应的目录和配置文件.在images目录下建立logo目录存放需合并的图标.项目目录结构如下: - sass |-- icons.scss |-- scre

http://blog.csdn.net/onerain88/article/details/18563687 2d Tool Kit 是一款出色的基于unity3d 开发2d游戏的工具,提供了丰富的编辑器工具和教程,是基于unity3d开发2d游戏的不二之选. (PS:建议在unity3d 4.3版本(Native2D)没有稳定之前或者对新技术还不是很熟悉的情况下,可以考虑继续使用2d Tool Kit). 1. 需求 2d游戏中最重要的概念就是Sprite了,而制作一般2d游戏都离不开Spr

用cocos studio 2.3.2 制作声音大小控制滑条的时候遇到了一个奇葩bug我把透明图片和其它资源打包到合图里面然后到到cocos stdudio里面 那张透明图片变成了只有一个像素的点,最后生成完全消失了,导致生成出来的Slider 无法拖动,解决办法就是直接把那张透明图片放到资源目录小,手动载入,载入代码: m_sliderMusic->loadSlidBallTextureNormal("thumb_ac.png");

传说中的“三层嵌套技术”. 一.背景图合并: div+css+ps合图相结合的技术:通过精确到1px的css设置,使用ps合成背景图片,特别是小图片合并,来完成页面效果.         首先讲讲三层嵌套原理:             ①要做成这个效果,用ps软件抠出这一栏目               ②继续抠图,截出三张这一的小图标,高度务必一样的大小,才能平铺的时候一样高度,中间的图片一个像素就够了.                                             

参考: Laya动画基础 Egret帧动画工具类 版本:2.1.1.1 序列图动画 白鹭的序列图动画,使用TexureMerger合图,然后使用MovieClip类播放. Laya的话,使用图集打包工具合图,然后使用Animation类播放. 一个泡泡爆炸的序列图 laya右上角选择工具,图集打包. 选择动画的父文件夹,后缀选择atlas,点击确定. 打包生成pao0.atlas和pao0.png 将动画文件atlas和png放入laya项目assets/anim文件夹下,并在代码中加载使用 p

目录 1. 我的技术专栏 2. 相关推荐 3. 下载链接 4. cocos2d-xx Lua+JS+C++教学视频 5. 杨丰盛Cocos2D-X游戏课程 6. [Cocos2d-x]塔防游戏开发实战 7. Cocos2d-x网络编程教学视频 8. Cocos2d-x线程进程和多线程教学视频 9. Cocos2d 从入门到精通 10. Cocos2dx游戏开发工程师 1. 我的技术专栏 https://blog.csdn.net/COCO56/column/info/40665 2. 相关推荐

前言 本文不是webpack入门文章,如果对webpack还不了解,请前往题叶的Webpack入门,或者阮老师的Webpack-Demos. 为什么要使用Webpack 与react一类模块化开发的框架搭配着用比较好. 属于配置型的构建工具,比较用容易上手,160行代码可大致实现gulp400行才能实现的功能. webpack使用内存来对构建内容进行缓存,构建过程中会比较快. 第3点我想稍微论述一下,如果看过我之前写的<如何写一个webpack插件(一)>,会发现,webpack会将文件内容存

转自:https://github.com/lcxfs1991/blog/issues/2 前言 本文不是webpack入门文章,如果对webpack还不了解,请前往题叶的Webpack入门,或者阮老师的Webpack-Demos. 为什么要使用Webpack 与react一类模块化开发的框架搭配着用比较好. 属于配置型的构建工具,比较用容易上手,160行代码可大致实现gulp400行才能实现的功能. webpack使用内存来对构建内容进行缓存,构建过程中会比较快. 第3点我想稍微论述一下,如果

1.什么是Fragment? Fragment包含在Activity中,Fragment只能存在于Activity的上下文(context)内,没有Activity就无 法使用Fragment,因此Fragment只能在Activity的上下文(context)创建.Fragment可以作为Activity的一部 分,Fragment和Activity非常相似,Fragment拥有一个与她相关的视图层次结构,拥有一个与活动非常相似的生命周期. 2.为什么要使用Fragment? Activity

测试环境: iphone4.iOS6.1.2.chrome 37.2062.60,Cocos2d-js 3.6 之前写了不少,实际项目也按这个去优化了,也有效果,但到最后才发现,尼玛,之前都搞错了,之所以有效果是歪打正着....这次就直接总结一些得到的结论算了吧 0.pc 端浏览器大部分都支持 webGL,移动端浏览器大部分都还是 canvas 渲染模式,最新的 iPhone6以上(ios8+).小米4等一些搭载着最新系统的移动端才支持 webGL.最简单的测试当前环境是否支持 webGL 的方

经过反复的学习对比,个人觉得带着问题学习新知是最有效的学习方式,因此文本就以提问的方式来讲述Fragment框架实现方式. 1.什么是Fragment? Fragment包含在Activity中,Fragment只能存在于Activity的上下文(context)内,没有Activity就无 法使用Fragment,因此Fragment只能在Activity的上下文(context)创建.Fragment可以作为Activity的一部 分,Fragment和Activity非常相似,Fragme

1.CSS 盒模型(Box Model) 所有 HTML 元素都可以看作是盒子,在 CSS 中,“Box Model”这一术语主要是在布局时使用. CSS 盒模型(Box Model)规定了处理元素内容.边框.内边距 和 外边距 的方式. CSS 盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:外填充也叫外边距(margin),边框(border),内填充也叫内边距(padding)和实际内容(content).盒模型允许我们在其它元素和周围元素边框之间的空间放置元素. 如下 CSS

1.业务原因 word编辑后的文章复制到html编辑器(fck等)会发生排版错乱的情况,于是混沌了.需要有一个新的方法来终结,于是产生了word能不能在线编辑,后台保存,前台显示灯一系列问题. 2.首先word在线编辑,采用weboffice或dsoframer进行,优势可以在线编辑,但只限在ie游览器下进行.纠结... 3.编辑完后进行后台保存,weboffice或dsoframer有相应接口. 4.保存到后台后,进行页面图片转化,采用Aspose.Words. 5.由于Aspose.Word

1. 九宫切 典型例子就是圆角矩形的拉伸问题. 先去P一张绿色的圆角矩形. private createGameScene():void { var box:egret.Bitmap = new egret.Bitmap(); box.texture = RES.getRes("box_png"); //拉伸 box.width *= 2; //矢量绘图是 Shape/Sprite 的 graphics 有的功能,才有自身的 width/height 与 所绘图形的 width/hei

前不久在网上到处瞎晃的时候,发现Adobe的软件几乎都可以写插件.Fireworks更是很早的版本就支持使用javascript编写插件,于是乎如入桃园,奋斗几日为VD小伙伴们写了一个插件,命名AutoSlice. 文末会附上插件下载地址及说明 顾名思义,AutoSlice是一款提供自动切图功能的插件.通过AutoSlice,视觉设计师可以通过简单的配置,自动完成一份视觉稿在不同分辨率下的切图. 开发AutoSlice的目的是减少视觉设计师在不同分辨率下反复切图的耗时,同时精确对齐图片. 安装好

引入Utilities: @import "compass/utilities"; 分别引入: @import "compass/utilities/color"; Color:颜色相关的工具集合1.Color Brightness用来计算一个值的亮度 @debug brightness(#000); @debug brightness(#ccc); @debug brightness(#fff); 在命令行会输出颜色的亮度.2.Color Contrastcont

Color Stops:在使用CSS3渐变属性生成图片的时候,有时候为了打造更丰富的渐变效果除了声明渐变线上的起始点和终止点的色值,还有声明一些中间点的色值,这些点我们就称之为Color Stops.一个色值加上当前点的位置.当我们省略点位置表示的时候Color Stops helper function 会自动帮我们计算输出这个点的位置.Colors:用来亮化调整一个色值(用到的极少极少)Constants:Cross Browser:如果我们要为compass贡献跨浏览器的CSS新特性插件D