pico-8 精彩代码解析 4

作者:83872309
2019-11-22
10 5 0

作者: Luca Harris @lucatron_
来源:twitter

整理了一下作者的代码,共计15行:

for i=0,11 do
 pal(i,({135,10,9,137,8,136,2,130,128})[i+1],1)
end
function _draw()
 srand(3)
 rectfill(0,0,127,40,0)
 for y=52,170,2 do
  k=y/19-2
  x=y*44%138-4
  h=40+rnd(20)
  for i=-20,20 do
   line(x+i*h/70,y,x+sin(t()/4+x/500+y/300)/7*h,y-h,i>0 and k+2 or k)
  end
 end
end

1-3 行, 将调色板的颜色映射,这里用到了第二块调色板的颜色,更好的表示渐变。关于第二块调色板的内容,在解析 2 里有详细说明。

5 行, 初始随机数种子,在计算树木高度的时候详细解释为什么每次绘制要初始随机数

6 行, 画背景,我们用 cls() 代替手动绘制背景,可以更好的测试

7 行, 循环得到 yy 值是树的 y 轴位置,从 52-170,每两个树之间相差 2

8 行, k 用来将树按照 y 值的顺序,映射到调色板的色值,实现近景到远景的颜色渐变

9 行, 计算树的 x 坐标,根据 y 轴坐标的倍数与 138 取余,就把树木限制在 0-138 的范围内一排排的码好。

10 行, 计算树木的高度 h,这里每棵树的高度是随机的,但是每帧绘制的时候同一棵树的高度是不变的,也就是每一帧绘制的时候 rnd(20) 会得到同一个随机值,这就得益于在第 5 行,绘制开始的时候重新初始化随机数种子,使得每帧获得随机数是一致的。

11-13 行,绘制一棵树。pico8 没有直接绘制三角形的函数,这里用 40 根线段拼成了一个三角形。我们先看下简化的代码,line(x+i,y,x,y-h,i>0 and k+2 or k)i 值(-20 -> 20)是三角形底边的 x 轴偏移量,从线段 起点 (x-20,y) 终点 (x,y-h) 到  起点 (x+20,y) 终点 (x,y-h) 共计画了40 根线段组成了三角形,三角形的底边宽 40。简化的效果图如下。

line(x+i*h/70,y,x+sin(t()/4+x/500+y/300)/7*h,y-h,i>0 and k+2 or k) 原代码计算起点时将偏移量 i 乘以树木的高度 h/70 用来表示,矮的树木拥有更窄的底边。计算终点时,树尖的 x 坐标根据时间,取正弦值,用来模拟来回摆动的效果,且越矮的树木摆动幅度越低。最后根据偏移量 i 来觉得颜色,i<0 为树木左半边,i>0 为树木右半边。

本文为用户投稿,不代表 indienova 观点。

近期点赞的会员

 分享这篇文章

您可能还会对这些文章感兴趣

参与此文章的讨论

暂无关于此文章的评论。

您需要登录或者注册后才能发表评论

登录/注册