aesbovis
基于web的图片大小调整器
展开Biu

本帖最后由 ftcsos 于 2013-7-10 22:03 编辑

新人初来报道,试试发个自己做的小玩意儿,如果有什么做得不对的,请大大们多多包涵。

PHP+JS,支持多文件拖拽上传。现在默认把图片统一调整为最长边为800px的图片。

出发点是,前不久看到有人求批量压缩图片的软件,为了把DC里的照片压缩为较小尺寸方便传到网上与朋友分享。我不知道这样软件是不是已经有了,只是为了练习一下PHP,所以写了这个东西。

因为是基于web的,所以要使用的话首先要搭建能够解析PHP的服务器

使用windows的朋友可以安装傻瓜式的phpnow

使用Linux和Mac的安装LAMP和MAMP,搭建教程这里就不说了,有需要的话或许可以另外开贴讨论。

需要注意的是,Linux下严格区分大小写,从DC里导出的图片往往统一都是大写的,包括后缀名,所以在Linux下需要统一把后缀改为小写。

我知道这个东西有很多不完善,因为我一开始是在windows下写的,文件类型也是程序自动判断的,我以为就算换了系统也不会出问题,最近换了Linux才发现是不行的。

最近稍微有点忙,过段时间闲下来了再解决这个问题。

================使用说明===================

下载资源以后解压放到本地的(W/L/M)AMP服务器的根目录下,通过本地访问即可。

操作界面非常简单,把你需要调整尺寸的大图拖放到虚线框中即可

压缩好的图片存放在资源文件夹的image文件夹中。

注:在Unix-like的系统下,请务必修改文件夹的访问权限,否则会上传失败。

首发也是在我的博客上

我的博客:gniy.us

=========================

版权声明:

开源,遵循copy left

你可以修改里面的任何代码,并且可以对自己创作的代码享有署名权

同时,也请尊重其他创作者的署名权,保留其他创作者的署名权

=========================

转载声明:

转载请注明出处,没有其他要求了,谢谢!

=========================

修改说明:

由于当时发这贴子的时候我都还不能访问这个板块,是做任务发的帖子,发的版块和格式都不对,帖子是@oing_l 同学给我转到这里来的,非常抱歉!请大家原谅一个新人的无知。

重新调整了帖子格式,资源重新上传到百度网盘了。感谢大家的支持和指教!

=========================

百度网盘下载地址:

本内容已隐藏,回复后刷新可见哦

使用后觉得哪里不舒服或者需要添加任何功能,请告诉我。近两个月稍微有点忙,等忙过这一阵,我会统一处理这些问题。

该贴已经同步到 aesbovis的微博

[查看全文]
基叔
怒摔,来一起玩儿cocos2d-html5吧 (一)
展开Biu

本帖最后由 基叔 于 2013-5-17 01:52 编辑

烦躁的很,于是来写教程,不会弃坑,因为近期都很烦燥。

一,简介 神马是 Cocos2D-HTML5 ?

来简单介绍一下,Cocos2D-HTML5是基于HTML5规范集的Cocos2D引擎的分支

简单讲一下cocos2d的另一个分支 cocos2d-x引擎

Cocos2D-X作为一款开源免费的跨平台游戏引擎,用户分布在世界199个国家,开发者已经通过该引擎为全球用户带来了超过5000款游戏作品,其中不乏“我叫MT”、“大掌门”、“龙之力量”、“找你妹”、“保卫萝卜”等知名游戏。 目前Cocos2D-X在全球的市场份额已经超过25%,成为仅次于Unity的第二大游戏开发引擎,而在中国这一份额已超过70%。

cocos2d-x 的 特性是使用c++作为编程语言,支持lua 和 JavaScript 的绑定,首要特性就是跨平台,你只需要一次(即C++版的程序编写)就可以发布至 Android ,IOS,黑莓,WIN8,WP 等众多平台,真正是一次编写,到处运行。

我们今天介绍的cocos2d-html5 则是cocos2d 的HTML5 分支

同样具有跨平台的特性,借助 HTML5 的 强劲势头,通过在浏览器端的访问达到跨平台,可以说只要有浏览器,

就能运行

在教程后期,我们将介绍cocos2d-x 的JavaScript-binding,两者的api是一致的,同一份JavaScript代码不用修改或小范

围修改,配合JavaScript-binding引擎 就能以 Hybrid 的方式作为本地应用发布。这样就可以利用本地应用的高性能。

简介完毕,下一期我们开始进入实际编写我们第一个游戏。

[查看全文]
唐召言
div+css实现window xp桌面图标布局(蛋疼的布局)
展开Biu

似于window xp桌面图片布局方式,而且要求尽量不要用嵌入js脚本,用纯div+css布局,在不断探索和摸索下也只现实了IE8+,firfox, chrome浏览器,别的不多说,直接上代码。

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2 <html xmlns="http://www.w3.org/1999/xhtml">

3 *本站禁止HTML标签噢*

4 <meta charset="utf-8"/>

5 *本站禁止HTML标签噢* window xp桌面图标布局</title>

6 *本站禁止HTML标签噢*

7 html,body{ margin:0; border:0; padding:0; width:100%; height:100%; }

8 .parent{ display:block; background:gray; width:100%; height:100%; }

9 .parent{

10 -webkit-column-width:100px;

11 -moz-column-width:100px;

12 -webkit-column-gap:0px;

13 -moz-column-gap:0px;

14 }

15 .parent{ writing-mode: tb-lr; }/*ie8 竖直排列*/

16 .parent{ *white-space:nowrap;}

17

18 .child{

19 display:inline-block;

20 *display:inline;

21 margin:10px 10px 10px 10px;

22 border:5px solid black;

23 padding:5px;

24 width:50px;

25 height:50px;

26 text-align:center;

27 background:lightblue;

28 }

29 .child{ writing-mode: lr-tb; } /*ie8 竖直排列*/

30 </style>

31 </head>

32 *本站禁止HTML标签噢*

33 <div class="parent">

34 <div class="child">1</div>

35 <div class="child">2</div>

36 <div class="child">3</div>

37 <div class="child">4</div>

38 <div class="child">5</div>

39 <div class="child">6</div>

40 <div class="child">7</div>

41 <div class="child">8</div>

42 <div class="child">9</div>

43 <div class="child">10</div>

44 <div class="child">11</div>

45 <div class="child">12</div>

46 <div class="child">13</div>

47

48 <div class="child">14</div>

49 <div class="child">15</div>

50 <div class="child">16</div>

51 <div class="child">17</div>

52 <div class="child">18</div>

53 <div class="child">19</div>

54 <div class="child">20</div>

55 <div class="child">21</div>

56 <div class="child">22</div>

57 <div class="child">23</div>

58 </div>

59 </body>

60 </html>

[查看全文]