Project1

标题: 如何描绘颜色渐变的文字 [打印本页]

作者: 喵呜喵5    时间: 2013-10-10 18:57
标题: 如何描绘颜色渐变的文字
本帖最后由 喵呜喵5 于 2013-10-11 09:06 编辑

RT,默认的显示文字更改颜色只能改成纯色的,如何修改才能使用渐变颜色?
作者: Sion    时间: 2013-10-10 22:55
Photoshop;
每个字一种颜色;
单字也要渐变的话,只能想到 get_pixel / set_pixel,同时绘制大量文字很卡。
作者: 熊喵酱    时间: 2013-10-11 05:50
記得看過用圖片代替字體...
不過要讀很久ORZ
作者: 熊喵酱    时间: 2013-10-11 07:44
恩...找到了
http://forums.rpgmakerweb.com/in ... 4681-gradient-text/
作者: 喵呜喵5    时间: 2013-10-11 08:59
本帖最后由 喵呜喵5 于 2013-10-11 09:00 编辑

主要是看到今年短8有一个游戏就使用了这种颜色渐变的字体,很好奇究竟是怎么做到的……


@Sion
@数字
作者: 无脑之人    时间: 2013-10-11 12:18
原来是切片组合,涨姿势了,不知道使用者感觉效率如何?
在下会尝试整合到在下的ColorStrip里面去
作者: Sion    时间: 2013-10-11 13:44
本帖最后由 Sion 于 2013-10-11 20:54 编辑

直接绘制即可

RUBY 代码复制
  1. # 绘制色彩渐变v1.1 更新取消了脚本基需求,脑残了 - -b
  2. # 说明:文字中输入\u[颜色1,颜色2...] 就以渐变色绘制文字,结束渐变插入\u,大小写均可
  3. # 插入文本框测试例子:\u[0,18,9,8]这是渐变文字\u渐变结束
  4. class Window_Base
  5. GRADUAL_SYM = 'U' #修改控制符,需大写。
  6. #-
  7.   alias_method :process_escape_character_NOgradual, :process_escape_character
  8.   def process_escape_character(code, text, pos)
  9.     code.upcase == GRADUAL_SYM ?
  10.       obtain_gradual_param(text, pos) :
  11.       process_escape_character_NOgradual(code, text, pos)
  12.   end
  13.   def obtain_gradual_param(text, pos)
  14.     text = text.slice!(/^\[.*]/)
  15.     if text
  16.       pos[:colors] = []
  17.       text.scan(/\d+/).each_with_index {|c, i| pos[:colors][i] = c.to_i}
  18.       return if pos[:colors].size >= 2
  19.     end
  20.     pos[:colors] = nil
  21.   end
  22.   #
  23.   alias_method :process_nomarl_character_NOgradual, :process_normal_character
  24.   def process_normal_character(c, pos)
  25.     pos[:colors] ?
  26.       process_nomarl_character_gradual(c, pos) :
  27.       process_nomarl_character_NOgradual(c, pos)
  28.   end
  29.   def process_nomarl_character_gradual(c, pos)
  30.     text_width = text_size(c).width
  31.     draw_text(pos[:x], pos[:y], text_width * 2, pos[:height], c)
  32.     colors = pos[:colors].collect {|c| text_color(c)}
  33.     csz = colors.size
  34.     uy = pos[:y]
  35.     l = (pos[:y] + pos[:height] - uy).fdiv(csz - 1)
  36.     for x in pos[:x]...(pos[:x] + text_width)
  37.       sy = uy
  38.       colors.each_with_index {|c1, i|
  39.         for y in sy.round...(sy + l).round
  40.           c = contents.get_pixel(x, y)
  41.           next if c.alpha == 0
  42.           r = (y - sy) / l
  43.           c2 = colors[i + 1]
  44.           c.red *= calc_gradual_rgb(r, c1.red, c2.red)
  45.           c.blue *= calc_gradual_rgb(r, c1.blue, c2.blue)
  46.           c.green *= calc_gradual_rgb(r, c1.green, c2.green)
  47.           contents.set_pixel(x, y, c)
  48.         end
  49.         break if i == csz - 2
  50.         sy += l
  51.       }
  52.     end
  53.     pos[:x] += text_width
  54.   end
  55.   def calc_gradual_rgb(r, v1,v2)
  56.     (v2 > v1 ? (r * (v2-v1) + v1) : ((1-r) * (v1-v2) + v2)) / 255
  57.   end
  58. end

@喵呜喵5 现在可以绘制多种颜色渐变。
作者: 无脑之人    时间: 2013-10-11 23:34
Sion 发表于 2013-10-11 13:44
直接绘制即可

# 绘制色彩渐变v1.1 更新取消了脚本基需求,脑残了 - -b

既然用了set_pixel也就是说基本无视效率问题么?好吧对RPG来说无所谓╮(╯_╰)╭
另外set_pixel的话会让字带上锯齿吧,貌似只有blt才能让小于1像素的图像细节保留下来
作者: 菜鸟飞呀飞    时间: 2013-10-13 16:45
提示: 作者被禁止或删除 内容自动屏蔽




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1