Project1

标题: 波浪式图像扭曲 [打印本页]

作者: 恐惧剑刃    时间: 2014-7-8 01:51
标题: 波浪式图像扭曲
本帖最后由 恐惧剑刃 于 2014-7-9 09:49 编辑



我记得玩过什么赞美诗那个游戏(请原谅我没记住名字),战斗背景是动态扭曲的,当时就感觉高大上!
不过总算是简单的实现了此功能~!欢迎测试。
百度盘下载范例工程
截图什么的真为难我(不会制GIF)。。

原图对比
  1. #==============================================================================
  2. # ■ 简谐波式图像扭曲
  3. #==============================================================================
  4. class Wave
  5.   #============================================================================
  6.   # ■ 参数
  7.   #============================================================================
  8.   # b 图像的完整路径及其名称
  9.   # o 质点的平衡位置及其坐标;用[x, y]表示。
  10.   # a 简谐运动的振幅
  11.   # f 简谐运动的频率
  12.   #============================================================================
  13.   def initialize(b, o, a, f)
  14.     @bitmap = Bitmap.new(b)
  15.     @sprite = []
  16.     for i in [email protected]
  17.       @sprite[i] = Sprite.new
  18.       @sprite[i].x = o[0]
  19.       @sprite[i].y = i + o[1]
  20.       @sprite[i].bitmap = @bitmap
  21.       @sprite[i].src_rect.set(0, i, @bitmap.width, 1)
  22.       r = (2 * Math::PI * f * i) / 180 / Math::PI
  23.       @sprite[i].x += a * Math.sin(r)
  24.     end
  25.     @amp = a
  26.     @x = {}
  27.   end
  28.   #============================================================================
  29.   # ■ 刷新
  30.   #============================================================================
  31.   def update
  32.     for i in [email protected]
  33.       @x[i] = @sprite[i].x
  34.     end
  35.     for i in [email protected]
  36.       if i + 1 == @sprite.size
  37.         @sprite[i].x = @x[0]
  38.         next
  39.       end
  40.       @sprite[i].x = @x[i + 1]
  41.     end
  42.   end
  43.   #============================================================================
  44.   # ■ 释放
  45.   #============================================================================
  46.   def dispose
  47.     for i in @sprite
  48.       i.bitmap.dispose
  49.       i.dispose
  50.       i = 0
  51.     end
  52.     @sprite = []
  53.     @bitmap.dispose
  54.     @bitmap = nil
  55.   end
  56. end

  57. w = Wave.new("Plain.png", [50, 0], 20, 15)
  58. loop do
  59.   Graphics.update
  60.   w.update
  61. end
复制代码

作者: taroxd    时间: 2014-7-8 06:44
喵~
其实我觉得,波浪果然还是用正弦比较好吧……
简谐振动啊~

作者: chd114    时间: 2014-7-8 08:26
这个···被扭曲前是什么样子···不能发来做个对比吗
作者: taroxd    时间: 2014-7-9 17:43
不对啊,Sprite 不是自带 wave_amp 之类的东西吗?
作者: scgjgj999    时间: 2014-7-10 15:19
看上去效果不错啊值得借鉴,果断下载,但可惜了脚本能力实在鸡肋,还不知道可不可以用的了。谢谢大侠的范例!~~~~
只能继续做伸手党,泪奔飞过~~~~~~~~~
作者: yagami    时间: 2014-7-10 22:40
有点shader的赶脚了




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