The Wiki for Tale 6 is in read-only mode and is available for archival and reference purposes only. Please visit the current Tale 11 Wiki in the meantime.

If you have any issues with this Wiki, please post in #wiki-editing on Discord or contact Brad in-game.

Difference between revisions of "User:OneBanana/Gallery/Test Page 1"

From ATITD6
Jump to navigationJump to search
Line 128: Line 128:
  
  
−
-- And ==
+
== And ==
  
  
  
−
 
+
public void newframe() {
−
/**
+
  2      //Toggle maps each frame
−
* Water ripple effect.
+
  3     i=oldind;
−
* Original code (Java) by Neil Wallis
+
  4      oldind=newind;
−
* @link http://www.neilwallis.com/java/water.html
+
  5      newind=i;
−
*
+
  6
−
* @author Sergey Chikuyonok ([email protected])
+
  7      i=0;
−
* @link http://chikuyonok.ru
+
  8     mapind=oldind;
−
*/
+
  9     for (int y=0;y<height;y++) {
−
(function(){
+
10        for (int x=0;x<width;x++) {
−
    var canvas = document.getElementById('c'),
+
11       short data = (short)((ripplemap[mapind-width]+ripplemap[mapind+width]+
−
        /** @type {CanvasRenderingContext2D} */
+
12 ripplemap[mapind-1]+ripplemap[mapind+1])>>1);
−
        ctx = canvas.getContext('2d'),
+
13          data -= ripplemap[newind+i];
−
        width = 400,
+
14          data -= data >> 5;
−
        height = 400,
+
15          ripplemap[newind+i]=data;
−
        half_width = width >> 1,
+
16
−
        half_height = height >> 1,
+
17       //where data=0 then still, where data>0 then wave
−
        size = width * (height + 2) * 2,
+
18       data = (short)(1024-data);
−
        delay = 30,
+
19
−
        oldind = width,
+
20          //offsets
−
        newind = width * (height + 3),
+
21        a=((x-hwidth)*data/1024)+hwidth;
−
        riprad = 3,
+
22          b=((y-hheight)*data/1024)+hheight;
−
        ripplemap = [],
+
23
−
        last_map = [],
+
24       //bounds check
−
        ripple,
+
25          if (a>=width) a=width-1;
−
        texture,
+
26          if (a<0) a=0;
−
        line_width = 20,
+
27          if (b>=height) b=height-1;
−
        step = line_width * 2,
+
28          if (b<0) b=0;
−
        count = height / line_width;
+
29
−
       
+
30          ripple[i]=texture[a+(b*width)];
−
    canvas.width = width;
+
31          mapind++;
−
    canvas.height = height;
+
32       i++;
−
   
+
33        }
−
    /*
+
34      }
−
     * Water ripple demo can work with any bitmap image
+
35    }
−
    * (see example here: http://media.chikuyonok.ru/ripple/)
 
−
     * But I need to draw simple artwork to bypass 1k limitation
 
−
    */
 
−
    with (ctx) {
 
−
        fillStyle = '#a2ddf8';
 
−
        fillRect(0, 0, width, height);
 
−
       
 
−
        fillStyle = '#07b';
 
−
        save();
 
−
        rotate(-0.785);
 
−
        for (var i = 0; i < count; i++) {
 
−
            fillRect(-width, i * step, width * 3, line_width);
 
−
        }
 
−
       
 
−
        restore();
 
−
    }
 
−
   
 
−
    texture = ctx.getImageData(0, 0, width, height);
 
−
    ripple = ctx.getImageData(0, 0, width, height);
 
−
   
 
−
    for (var i = 0; i < size; i++) {
 
−
        last_map[i] = ripplemap[i] = 0;
 
−
    }
 
−
   
 
−
    /**
 
−
     * Main loop
 
−
    */
 
−
    function run() {
 
−
        newframe();
 
−
        ctx.putImageData(ripple, 0, 0);
 
−
    }
 
−
   
 
−
    /**
 
−
    * Disturb water at specified point
 
−
    */
 
−
    function disturb(dx, dy) {
 
−
        dx <<= 0;
 
−
        dy <<= 0;
 
−
       
 
−
        for (var j = dy - riprad; j < dy + riprad; j++) {
 
−
            for (var k = dx - riprad; k < dx + riprad; k++) {
 
−
                ripplemap[oldind + (j * width) + k] += 128;
 
−
            }
 
−
        }
 
−
    }
 
−
   
 
−
    /**
 
−
     * Generates new ripples
 
−
    */
 
−
    function newframe() {
 
−
        var a, b, data, cur_pixel, new_pixel, old_data;
 
−
       
 
−
        var t = oldind; oldind = newind; newind = t;
 
−
        var i = 0;
 
−
       
 
−
        // create local copies of variables to decrease
 
−
        // scope lookup time in Firefox
 
−
        var _width = width,
 
−
            _height = height,
 
−
            _ripplemap = ripplemap,
 
−
            _last_map = last_map,
 
−
            _rd = ripple.data,
 
−
            _td = texture.data,
 
−
            _half_width = half_width,
 
−
            _half_height = half_height;
 
−
       
 
−
        for (var y = 0; y < _height; y++) {
 
−
            for (var x = 0; x < _width; x++) {
 
−
                var _newind = newind + i, _mapind = oldind + i;
 
−
                data = (
 
−
                    _ripplemap[_mapind - _width] +  
 
−
                    _ripplemap[_mapind + _width] +  
 
−
                    _ripplemap[_mapind - 1] +  
 
−
                    _ripplemap[_mapind + 1]) >> 1;
 
−
                   
 
−
                data -= _ripplemap[_newind];
 
−
                data -= data >> 5;
 
−
               
 
−
                _ripplemap[_newind] = data;
 
−
 
 
−
                //where data=0 then still, where data>0 then wave
 
−
                data = 1024 - data;
 
−
               
 
−
                old_data = _last_map[i];
 
−
                _last_map[i] = data;
 
−
               
 
−
                if (old_data != data) {
 
−
                    //offsets
 
−
                    a = (((x - _half_width) * data / 1024) << 0) + _half_width;
 
−
                    b = (((y - _half_height) * data / 1024) << 0) + _half_height;
 
−
   
 
−
                    //bounds check
 
−
                    if (a >= _width) a = _width - 1;
 
−
                    if (a < 0) a = 0;
 
−
                    if (b >= _height) b = _height - 1;
 
−
                    if (b < 0) b = 0;
 
−
   
 
−
                    new_pixel = (a + (b * _width)) * 4;
 
−
                    cur_pixel = i * 4;
 
−
                   
 
−
                    _rd[cur_pixel] = _td[new_pixel];
 
−
                    _rd[cur_pixel + 1] = _td[new_pixel + 1];
 
−
                    _rd[cur_pixel + 2] = _td[new_pixel + 2];
 
−
                }
 
−
               
 
−
                ++i;
 
−
            }
 
−
        }
 
−
    }
 
−
   
 
−
    canvas.onmousemove = function(/* Event */ evt) {
 
−
        disturb(evt.offsetX || evt.layerX, evt.offsetY || evt.layerY);
 
−
    };
 
−
   
 
−
    setInterval(run, delay);
 
−
   
 
−
    // generate random ripples
 
−
    var rnd = Math.random;
 
−
    setInterval(function() {
 
−
        disturb(rnd() * width, rnd() * height);
 
−
    }, 700);
 
−
   
 
−
})();
 

Revision as of 16:00, 1 March 2015

Hypno001.gif












Builders

Megalopolis Section Builder Built ?
Central Structure TBA TBA
Ramp TBA TBA
Ramp TBA TBA
Ramp TBA TBA
Ramp TBA TBA
Wall TBA TBA
Wall TBA TBA
Wall TBA TBA
Wall TBA TBA
Wall TBA TBA
Wall TBA TBA
Wall TBA TBA
Wall TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA
Bridge TBA TBA
Bridge TBA TBA
Bridge TBA TBA
Bridge TBA TBA
Gate TBA TBA
Gate TBA TBA
Gate TBA TBA
Gate TBA TBA
Side TBA TBA
Side TBA TBA
Side TBA TBA
Side TBA TBA
Side TBA TBA
Side TBA TBA
Side TBA TBA
Side TBA TBA
Edge TBA TBA
Edge TBA TBA
Edge TBA TBA
Edge TBA TBA
Edge TBA TBA
Edge TBA TBA
Edge TBA TBA
Edge TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA
Tower TBA TBA


And

public void newframe() { 

 2      //Toggle maps each frame
 3      i=oldind;
 4      oldind=newind;
 5      newind=i;
 6
 7      i=0;
 8      mapind=oldind;
 9      for (int y=0;y<height;y++) {
10        for (int x=0;x<width;x++) {
11	      short data = (short)((ripplemap[mapind-width]+ripplemap[mapind+width]+
12				ripplemap[mapind-1]+ripplemap[mapind+1])>>1);
13          data -= ripplemap[newind+i];
14          data -= data >> 5;
15          ripplemap[newind+i]=data;
16
17	      //where data=0 then still, where data>0 then wave
18	      data = (short)(1024-data);
19
20          //offsets
21  	      a=((x-hwidth)*data/1024)+hwidth;
22          b=((y-hheight)*data/1024)+hheight;
23
24 	      //bounds check
25          if (a>=width) a=width-1;
26          if (a<0) a=0;
27          if (b>=height) b=height-1;
28          if (b<0) b=0;
29
30          ripple[i]=texture[a+(b*width)];
31          mapind++;
32	      i++;
33        }
34      }
35    }
Retrieved from "http://www.atitd.org/wiki/t6w/index.php?title=User:OneBanana/Gallery/Test_Page_1&oldid=271419"