自动头像系统 β版

一个比较「萌」的头像替代方案。

了解更多

这是什么?

这是一个由 2014 年 9 月开始的一个同人企划。
其主要作用是取代有社交功能的网站上(如论坛)的预设头像。整个系统是由 IdenticonMonsterIDWavatars 等现成的系统启发,同时参考 2D 纸娃娃系统而成。

立即试用!

avatar

-

作者:

如何在自己的网站使用?

这个头像系统是由分析 MD5 码来运作的,与以上几个现成的头像系统相近,因此如果想把这系统应用在您的网站,就需要把用户名转换成 MD5 值了。

以下 URL 就是用来获取用户自己的头像:
/(统一化的组合名称)/(MD5)[/(大小)][.png|.jpg]
统一化的组合名称和上面「立即试用」里面选择组合名称基本上一样(注意这里不是使用者名称啊),不过除了 A-Z、a-z 和 0-9 以外全部字符都变成底线 (_)。
如需要要求特定图片大小的自动头像的话,就在MD5后面加上欲指定的大小。
如需要要求特定图片格式的话,直接在最后加上扩展名即可,如果没有加的话,将会以研讯的 png 格式返回。
举例,我有一组 MD5 码:d41d8cd98f00b204e9800998ecf8427e 而且我想要 "default" 这一组头像,我就需要这样请求:
/Default/d41d8cd98f00b204e9800998ecf8427e/48.jpg
或者只需要全部以默认值传回:
/Default/d41d8cd98f00b204e9800998ecf8427e


另一方面,您也可以把此系统与 Gravatar 同时使用:
http://www.gravatar.com/avatar/(MD5)?d=%2F(统一化的组合名称)%2F(MD5)
再举例,我想要上面范例那组 MD5 码,但只需要 48x48 的版本,与 Gravatar 同时使用的话:
http://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=48&d=%2FDefault%2Fd41d8cd98f00b204e9800998ecf8427e%2F48

自制一个!

因为这是一个同人企划,所以想加入自己的头像素材的话也是无任欢迎的。

首先,我会先说明一下需求:

  • 其实就只是一堆有透明背背景以及正方形的 PNG 图片,然后建议大小是 512×512。
  • 所有部件(如眼耳口鼻等)都需要分开独立档案。
  • 如果你想某些部件某些部分可以变色,则需要把那些部分另外分开一个图片文件用作遮色片,并在上面指定填色范围,半透明或者透明渐层是没问题的,到时候上色时就会采用那遮色片的透明度。
  • 值得注意的一点是,不管你在遮色片里用多少种颜色也好,结果也会只是上同一种颜色,所以如果想上多种颜色的话,就需要多过一层遮色片了。
  • 其次,你也可以减轻我们加入新头像系列的工作量,你可以为我们先建立一个名为「parts.json」的定义档,格式如下:(双斜线后面的是注解,在正式使用时那些注解需要移除,否则会造成读档错误)
    {
      "name": "(系列名称)",
      "author": "(你的名字)",
      "description": "(简短说明)",
      "sets": { // 这部分的作用是用来定义会用到哪些档案,以及它们的作用
        "(唯一标识,在下面会用到)": {
          "src": "(文件名)",
          "layer": 0, // 图层,会影响到绘制次序,数值愈大代表愈优先,可以有小数什至负值
          "color_mode": ..., // 这部分有点复杂,你可以输入 "static" (静态)、"hue"(只有颜色会变,但光暗不变)、"full"(颜色和光暗都可变),或者更进阶的可以输入数字数组:[[0, 1], [0, 1], [0, 1]],这 6 个数字是分别对应 HSV 3 个值的范围,最小是 0,最大是 1。
          "color_def_index": 0 // 这是用来定义采用的颜色索引,如果多于一个部件使用同一个索引,这两个部件将会显现相同的颜色。
        },
        // 你可以在这里增加更多的档案定义
      },
      "defination": [ // 这部分是用来定义图片应该怎样分组(哪些档案需要同时显示之类的)
        [ // 这里是一个选择器:生成时将只会显示其中一组图片
          [ // 这里用来定义一组图片里面的成份
            "(上面部分你所定义的档案标识)",
            "(另一个档案的标识)",
            // 有需要的话你可以在这里增加更多档案
          ],
          // 你可以在这增加更多的部件
        ],
        // 你可以在这里增加更多的选择群组
      ]
    }
    但如果你觉得这部分很难明白的话,也可以用一段文字清楚说明你的素材怎样使用。
  • 最后,直接把你的素材电邮给我们吧。
    当你送出电邮时,即代表你允许我们使用你的素材。