2011-10-26 12:23:20

License: MIT License

Fork: 1

Fav: 0

View: 327

Play
Stop
Reload

Fullscreen

Smart Phone

Fork tree

Readme
JavaScript 120 lines
HTML 1 lines
CSS 1 lines

fickle

this.isTouched = function(mouse_x, mouse_y){
		    return (mouse_x >= this.topleft_x) && (mouse_y >= this.topleft_y) && (mouse_x < this.topleft_x+this.square_side) && (mouse_y < this.topleft_y+this.square_side);
	    };

this.drawBigger = function(pixel_border){
		    ctx.fillStyle = this.color;
		    ctx.fillRect(this.topleft_x-pixel_border, this.topleft_y-pixel_border, this.square_side+2*pixel_border, this.square_side+2*pixel_border);
		    ctx.strokeRect(this.topleft_x-pixel_border, this.topleft_y-pixel_border, this.square_side+2*pixel_border, this.square_side+2*pixel_border);
		};

this.draw = function(){
		    ctx.fillStyle = this.color;
		    ctx.fillRect(this.topleft_x,
                this.topleft_y,
                this.square_side,
	  	   	        this.square_side);

};
    }

this.Run = function(){
		ctx.strokeStyle="#DDDDDD";
		var j;
        var new_square;

for ( i = 0; i<num_columns; i++){
            for ( j = 0; j<num_rows; j++){
                new_square = new Square(origin_x + i*(square_side_length+spacing), origin_y + j*(square_side_length+spacing), square_side_length);
                square_array.push(new_square);
            }
        }
			canvas.addEventListener('mousemove', Update, false);
    };
	
	function Update(e){
	    ClearCanvas();
	    var x;
	    var sq;
	    for(x = 0; x<square_array.length; x++){
		    sq = square_array[x];
		if(sq.isTouched(e.offsetX, e.offsetY)){
		    big_square_array.push(sq);
		}
		else{
		    sq.draw();
		}
	    }
	    
	    // fill in the big squares so there's no drawing over them
	    while(big_square_array.length > 0){
			sq = big_square_array.pop()
			sq.drawBigger(square_big_border);
			sq.color = color_palette[Math.floor(Math.random()*color_palette.length)];
	    }
	    
	}
 this.DrawPage = function(){
	    ClearCanvas();
	    var c;
	    var sqr;
	    for(c = 0; c<square_array.length; c++){
		    sqr = square_array[c];
		    sqr.draw();
	    }
	};
}

var app = new Fickle();
app.Run();
app.DrawPage();

fickle

Play on jsdo.it games
- Author
- Share
- ブログに埋め込む
- QR
- Tag
Download

Complete!

Description What kind of game?

Control Device

	Smartphone Controllerjsdo.it WebSocket Controller»
	Mouse
	Keyboard
	Touch Device

Fullscreen

Activated
Inactivated

jsdo.it games から削除する Submit

chilpaekpal

Size

Width: px
Height: px

code

<script type="text/javascript" src="http://jsdo.it/blogparts/A24h/js"></script>

QR Code

Discussion

Questions on this code?

Forked

sort by

forked: fickle

teetteet

121/1/1
- art&design
- canvas
- color
- fickle
- html5
- html5_elements&api
- javascript
- krmt
- squares
- thanks

fickle

Description What kind of game?

Control Device

Fullscreen

Author

Default Panel

Size

code

Tweet

Twitter

Discussion

Tags

Forked