PROSAGA码农传奇-雾计算/网格计算-在HTML5 / JavaScript游戏中使用切片创建平滑的光照过渡

在HTML5 / JavaScript游戏中使用切片创建平滑的光照过渡

作者: 清月
发布时间: 2024-12-27 05:12:03 (1月前)
转自：

<div class =“post-text”itemprop =“text”>
   <pre>
    <code>
      var size = 32;
var a = [size];

for (i = 0; i < size; i++) {
    a[i] = [size];
    for (y = 0; y < size; y++) {
        a[i][y] = 1;
    }
}

function LightSource(x, y, l) {
    this.x = x;
    this.y = y;
    this.l = l;
}

var ls = [];
ls.push(new LightSource(6, 6, 4));
ls.push(new LightSource(2, 2, 3));
ls.push(new LightSource(9, 9, 5));
ls.push(new LightSource(20, 14, 8));
ls.push(new LightSource(20, 19, 8));

for (z = 0; z < ls.length; z++) {
    for (x = 0; x < size; x++) {
        for (y = 0; y < size; y++) {
            xd = x - ls[z].x;
            yd = y - ls[z].y;
            dist = Math.sqrt(xd * xd + yd * yd);
            if (ls[z].l - dist > 0) {
                a[x][y] += ((10 - a[x][y]) / 10) * (ls[z].l - dist);
            }
        }
    }
}

display(a);?

</code>
  </pre>
  <P>
    <a href="https://gamedev.stackexchange.com/questions/23454/grid-cell-based-light-system">
      https://gamedev.stackexchange.com/questions/23454/grid-cell-based-light-system
    </A>
  </p>
  <P>
    <a href="http://jsfiddle.net/ZmPqL/" rel="nofollow noreferrer">
      http://jsfiddle.net/ZmPqL/
    </A>
  </p>
  <P>
    <a href="http://jsfiddle.net/vCgeM/" rel="nofollow noreferrer">
      http://jsfiddle.net/vCgeM/
    </A>
  </p>
</DIV>