V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kisshere
V2EX  ›  分享发现

今天在爱范儿上看到一个网站,深感 HTML5 当前在全世界为何如此牛逼哄哄

  •  1
     
  •   kisshere · 2016-12-14 18:49:53 +08:00 · 3009 次点击
    这是一个创建于 2907 天前的主题,其中的信息可能已经有所发展或是发生改变。
    今天在 ifanr 上看到一个网站 www.iconninja.com ,最初觉得这个网站图标资源确实挺丰富的,而且提供了图标下载一条龙的服务,用了它的 css sprites generator ,才感觉作者的牛叉之处:他用 HTML5 的 canvas 居然做出了一个可以勾勒出 png 图片 css sprite 坐标的在线工具! 地址: http://www.iconninja.com/css-sprites-generator
    当用户在这个网站选中图标后,通过这个工具,你只需要选中一个区域,它便自动缩小“吸附”将这个区域的图标, sprite 的坐标在下方显示出来,而且你还可以自由放大缩小每个图标尺寸,右键删除该图标,自由拖动图标,左上角导入图片,前端开发者的福利啊,感觉 HTML5 为何如此牛叉,小白真心求教:这个到底是利用了 HTML5 canvas 的哪个 api 啊?
    11 条回复    2016-12-16 19:33:24 +08:00
    alwayshere
        1
    alwayshere  
       2016-12-14 18:57:45 +08:00 via iPhone
    不错,收藏了
    ragnaroks
        2
    ragnaroks  
       2016-12-15 09:23:33 +08:00
    可以,做 html5 小游戏可以省去自己合成精灵图了
    Reign
        3
    Reign  
       2016-12-15 12:01:34 +08:00 via iPhone
    的确挺智能一个工具,收藏了,感谢楼主分享
    hst001
        4
    hst001  
       2016-12-15 23:40:05 +08:00
    收藏,谢谢楼主
    hst001
        5
    hst001  
       2016-12-15 23:42:59 +08:00
    看了下,应该就是很单纯的像游戏开发那样实现
    wjm2038
        6
    wjm2038  
       2016-12-16 00:07:07 +08:00 via Android
    坏了。。。 Warning: copy(/home/wwwroot/www.iconninja.com/web/application/views/default/spritecow.m.php): failed to open stream: No such file or directory in /home/wwwroot/www.iconninja.com/web/system/controller.php on line 65 Warning: file_get_contents(/home/wwwroot/www.iconninja.com/web/runtime/tpl/default/spritecow.m.php): failed to open stream: No such file or directory in /home/wwwroot/www.iconninja.com/web/system/controller.php on line 68 Warning: include(/home/wwwroot/www.iconninja.com/web/application/views/default/spritecow.m.php): failed to open stream: No such file or directory in /home/wwwroot/www.iconninja.com/web/system/controller.php on line 102 Warning: include(): Failed opening '/home/wwwroot/www.iconninja.com/web/application/views/default/spritecow.m.php' for inclusion (include_path='.:') in /home/wwwroot/www.iconninja.com/web/system/controller.php on line 102
    pheyer
        7
    pheyer  
       2016-12-16 14:44:30 +08:00
    确实很强大的,以后可以用用。
    不过我有一个问题,下载下来只有一个大图片,但是并没有什么东西告诉我每个小图片的位置和坐标,这叫我怎么用?
    pheyer
        8
    pheyer  
       2016-12-16 14:45:06 +08:00
    @ragnaroks 一般做游戏的都是先用小图的,然后有工具自动合成精灵图吧?
    pheyer
        9
    pheyer  
       2016-12-16 14:46:05 +08:00
    另外,自动合成精灵图是能够通过程序算出最优大小的吧
    kisshere
        10
    kisshere  
    OP
       2016-12-16 16:18:51 +08:00
    @pheyer 我都说了 用鼠标选中勾勒啊 下面自动显示坐标了
    ragnaroks
        11
    ragnaroks  
       2016-12-16 19:33:24 +08:00
    @pheyer 那是在有工具链的情况下,在"H5"还没完善前,做页游加载 dds 文件都够喝一壶了何况还得去拼接 dds
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2907 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 03:36 · PVG 11:36 · LAX 19:36 · JFK 22:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.