cocos-creator / atlas-editor-polymer-deprecated Goto Github PK

当sprite互相重叠时，可在重叠处显示红色矩形。

目前还是把两种bleed算法都实现了，他们的目的还是不太一样。
contour bleed又叫做reduce border artifacts，应用于sprite内部，只改变全透明像素的颜色。主要解决缩放造成的白边/黑边。
padding bleed又叫做extrude。应用于sprite外部，同时改变颜色和透明度。主要解决贴图边缘的模糊。

显示文件名，在文件系统中查看等

点击后缩放重设成100%，并且画布居中

还是要支持中键，因为很多浏览器右键拖动是鼠标手势。
(考虑统一所有拖动为中键，就像unity一样)

PolyK 是 pixi 里集成的一个库，我们可以利用这个库来生成不规则形状的 sprite，以节省像素填充率和 atlas 尺寸。
demo: http://polyk.ivank.net/?p=demos&d=triangulate

此外还有这个库：https://github.com/mattdesl/shape2d-triangulate

用于批量导出多分辨率适配图集，例如 atlas.png / [email protected] / [email protected] ....

在新版atlas editor里头，IE11变得和Firefox一样，无法响应color picker的blur事件

目前缩放范围是 10% ~ 800%，建议加入一个对应的slider，用于设置和显示当前百分比。

在inspector中隐藏以下选项，选中高级模式后才显示出来。
Algorithm，Sort By，Sort Order，Allow Rotate，Contour Bleed，Padding Bleed，Custom Padding，Build Color
以及整个Preview面板。

这样能提供更好的用户体验，也为我们进一步增加功能提供了可能。

检测时可忽略全透明像素

还是应该在浏览器生成zip文件，因为让浏览器直接下载的话很容易被重命名，如果重命名会导致两份文件对不上。
参考 http://gildas-lormeau.github.io/zip.js/demos/demo3.html

含延迟加载的等待界面

用户修改颜色时，不容易注意到alpha没调这个问题，就会觉得改颜色没效果。
建议background默认alpha为0.5，然后像build color一样在颜色前面加个可选框。

使用浅绿色做背景，加上黑色1px虚线做外描边

目前只支持RGBA32，将来可先在libpng加入RGBA4444等编码，以及dithering效果

在nw版本弹出保存对话框时，png应该就开始压缩，当压缩完成并且对话框结束后才执行png写入操作。这里可能需要引入一个异步库以便处理。

点击后缩放重设成100%，并且画布居中

http://blog.alien109.com/2009/03/17/gzip-your-javascript/
http://www.feedthebot.com/pagespeed/enable-compression.html
http://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/
http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/
关于JavaScript的gzip静态压缩方法：http://badqiu.iteye.com/blog/37176

也就是撑大sprite，在sprite边缘留白。

当选中sprite时，文件列表的对应条目不会立即高亮，必须把鼠标移上去才会高亮。
这个问题之前出现过，后来好过，现在又出现了。用最新版的editor-ui，不论编译成什么版本，都有这个问题。

Tower 上已经有了一个对现有canvas 框架的初步评估: https://tower.im/projects/5ddd2d4f1bc24ef58b6fb66a53190150/messages/4d49b8dbedf844cf8d80376a39292ee5/

目前我们还需要一份现有 canvas 框架和editor 之间的集成评估。评估的内容主要包括：

• 与现有 canvas 是否能够融合，还是只能依托于这些框架提供的 canvas
• 渲染效率
• 其他

我们以 atlas editor 的 canvas 为样本来开展这次的评估工作。atlas editor 的 canvas 中我们需要实现 image 的点击 和 拖动，另外可以考虑加入缩放操作。我们看看 tower 中提供的 canvas 框架中是否能够符合需求，融合进已有canvas，并提供 hit-testing 和 mouse event 的操作流程。

目前我个人会偏爱 paper.js。他的 api 设计最简单清晰，需求正好都是我们欠缺的部分。

在做完 atlas editor 的融合操作后，根据结果，考虑进一步测试 pixi.js 的融合情况。

当sprite拖放操作结束时，如果在贴图范围外，强制把它移回去。

当atlas移动到canvas左上角时(超出屏幕一部分)，在canvas任意位置单击会看到最左上角的sprite出现选中的描边。