Trickster

Home
Categories
Android Apps
Forum/Complaint
Contact Me

No posts with label ’. Show all posts

No posts with label ’. Show all posts

Subscribe to: Posts (Atom)

About Me

Unknown

View my complete profile

aaaaaaa

CSS3: Spinner Animation | onlyWebPro.com

Blog Archive

▼ 2012 (5)
- ▼ September (3)
- ► August (2)

Copying is not allowed

Followers

RATE THIS SITE !!

aaaaaaa

var bombSize = 50; var enemySpeed = 5; var enemyPoints = 100; var availablebombs = 0; var bombsLeft = 0; var currentScore = 0; var currentMultiplier = 0; var enemyTimer = null; var gameCanvas = null; var bombs = new Array(); var enemies = new Array(); var bombCounter = null; var score = null; var multiplierBar = null; var bombCounter = null; var tryAgain = null; function initGame() { gameCanvas = jcotton.canvas("bombGame") startGame(); } function startGame() { gameCanvas.clear(); currentScore = 0; currentMultiplier = 1; bombsLeft = 15; availablebombs = 3; gameCanvas.onMouseDown(function(x, y) { if (availablebombs > 0 && bombsLeft > 0) { var newbomb = bomb() .position(x, y) .depth(10); gameCanvas.add(newbomb); bombs.push(newbomb); availablebombs -= 1; bombsLeft -= 1; bombCount.text(bombsLeft + ' remaining'); } }) .onEnterFrame(function() { for(var i = 0; i < enemies.length; i++) { var position = enemies[i].position(); for(var j = 0; j < bombs.length; j++) { var bombPosition = bombs[j].position(); var distance = Math.sqrt(Math.pow(position.x - bombPosition.x, 2) + Math.pow(position.y - bombPosition.y, 2)); if (distance < bombs[j].range()) { removeEnemy(i); i--; addScore(enemyPoints * currentMultiplier); currentMultiplier += 1; multiplierBar.setMultiplier(currentMultiplier); continue; } } if (position.x < -30 || position.x > gameCanvas.width() + 30 || position.y < -30 || position.y > gameCanvas.height() + 30) { removeEnemy(i); i--; } } }); gameCanvas.add(bombCounter() .position(gameCanvas.width() - (availablebombs) * 40, 10) .depth(1000)) score = jcotton.text(currentScore) .position(10, 10) .size(20) .depth(1000); gameCanvas.add(score); multiplierBar = multiplierTimeBar(gameCanvas.width() - 20) .position(10, 50) .depth(1000); gameCanvas.add(multiplierBar); bombCount = jcotton.text(bombsLeft + ' remaining') .position(gameCanvas.width() / 2 - 70, 10) .size(20) .depth(1000); gameCanvas.add(bombCount); enemyTimer = setInterval(addEnemy, 300); } function gameOver() { clearInterval(enemyTimer); gameCanvas.clear(); delete enemies; enemies = new Array(); gameCanvas.add( jcotton.roundrect(0, 0, gameCanvas.width() - 200, gameCanvas.height() - 200, 50) .origin((gameCanvas.width() - 200) / 2, (gameCanvas.height() - 200) / 2) .position(gameCanvas.width() / 2, gameCanvas.height() / 2) .fillColor(180, 180, 180) .strokeWidth(5) .depth(-1) .animate({scale: 1.1}, 300, 1) .animate({scale: .95}, 300, -1) .animate({scale: 1.03}, 300, 1) .animate({scale: 1}, 300, -1) ); gameCanvas.add( jcotton.text("Score:") .size(48) .position(140, 140) ) gameCanvas.add( jcotton.text(currentScore) .size(48) .position(140, 190) ) tryAgain = jcotton.group() .add(jcotton.roundrect(-100, -25, 200, 50, 10) .fillGradient(gameCanvas, 0, -25, 0, 25) .fillGradientStop(0, 255, 255, 255) .fillGradientStop(1, 180, 180, 180) ) .add(jcotton.text('Try Again').size(32).position(-70, -23)) .position(240, 290) .onMouseOver(function() { tryAgain.animate({scale: 1.2}, 200); document.body.style.cursor = 'pointer'; }) .onMouseOut(function() { tryAgain.animate({scale: 1}, 200); document.body.style.cursor = 'default'; }) .onMouseUp(function() { document.body.style.cursor = 'default'; startGame(); }); gameCanvas.add(tryAgain); } function addEnemy() { var startingSide = Math.floor(Math.random() * 4); var xposition = Math.floor(Math.random() * gameCanvas.width()); var yposition = Math.floor(Math.random() * gameCanvas.height()); if (startingSide == 0) { yposition = gameCanvas.height() + 20; } else if (startingSide == 1) { xposition = -20; } else if (startingSide == 2) { yposition = -20; } else if (startingSide == 3) { xposition = gameCanvas.width() + 20; } var newEnemy = enemy((Math.PI / 2) * startingSide + (Math.random() * (Math.PI / 2)) - Math.PI / 4) .position(xposition, yposition) .depth(0); enemies.push(newEnemy); gameCanvas.add(newEnemy); } function removeEnemy(i) { var removedEnemy = enemies.splice(i, 1)[0]; gameCanvas.remove(removedEnemy); removedEnemy.dispose(); } function addScore(points) { currentScore += points score.text(currentScore); } var bombCounter = function() { return jcotton.drawable( new function() { this._counters = new Array(); for(var i = availablebombs; i >= 0 ; i--) { this._counters.push(jcotton.circle(0, 0, 15) .position(15 + i * 40, 15) .strokeColor(128, 128, 128) ); } this._drawInternal = function(context) { for(var i = 0; i < this._counters.length; i++) { if (availablebombs >= i) { this._counters[i].fillColor(190, 0, 0, .3); } else { this._counters[i].fillColor(0, 0, 0, 0); } this._counters[i].draw(context); } } }() ); } var bomb = function() { return jcotton.drawable( new function() { this._mainExplosion = jcotton.circle(0, 0, bombSize) .fillColor(190, 0, 0, .3) .strokeColor(128, 128, 128) .scale(0) .animate({scale: 1}, 1000, -1) .animate({scale: 1.3}, 3000) .animate({opacity: 0}, 300, 0, function() { var removedbomb = bombs.shift(); gameCanvas.remove(removedbomb); removedbomb.dispose(); availablebombs += 1; if (bombsLeft == 0 && bombs.length == 0) { setTimeout(gameOver, 2000); } }); this._decorativeExplosion = jcotton.circle(0, 0, 100) .fillColor(0, 0, 0, 0) .scale(0) .animate({scale: 1, opacity: 0}, 700, -1); this._drawInternal = function(context) { this._mainExplosion.draw(context); this._decorativeExplosion.draw(context); } this.range = function() { return this._mainExplosion.scale().x * bombSize; } this.dispose = function() { this._mainExplosion.dispose(); this._decorativeExplosion.dispose(); this._dispose(); } }() ); } var enemy = function(direction) { return jcotton.drawable( new function(direction) { this._movementDirection = direction; this._curve = Math.random() * (Math.PI / 32) - Math.PI / 64; this._shape = jcotton.shape() .strait(0, -15) .strait(10, 15) .strait(0, 0) .strait(-10, 15) .strokeColor(128, 128, 128) .fillColor(0, 0, 160) .rotation(this._movementDirection * (180 / Math.PI)); this._drawInternal = function(context) { this.position( this._xposition += Math.sin(this._movementDirection) * enemySpeed, this._yposition -= Math.cos(this._movementDirection) * enemySpeed ); this._shape.draw(context); this._movementDirection += this._curve; this._shape.rotation(this._movementDirection * (180 / Math.PI)); } this.dispose = function() { this._shape.dispose(); this._dispose(); } }(direction) ); } var multiplierTimeBar = function(size) { return jcotton.drawable( new function(size) { this._size = size - 30; this._bar = null; this._multiplier = jcotton.text('1x') .size(16) .position(0, -7); this.setMultiplier = function(multiplier) { if (this._bar != null) { this._bar.dispose(); } if (multiplier > 1) { this._bar = jcotton.rect(0, 0, 1, 10) .strokeWidth(0) .fillGradient(gameCanvas, 0, 0, 1, 0) .fillGradientStop(0, 0, 0, 0) .fillGradientStop(1, 128, 128, 128) .scale(this._size, 1) .position(30, 0) .animate({xscale: 0.1}, 3000 / (multiplier / 3), 0, function() { currentMultiplier = 1; multiplierBar.setMultiplierText(currentMultiplier); }); } this.setMultiplierText(multiplier); } this.setMultiplierText = function(multiplier) { this._multiplier.text(multiplier + 'x'); } this._drawInternal = function(context) { if (this._bar != null) { this._bar.draw(context); } this._multiplier.draw(context); } }(size) ); } function trace(message) { document.getElementById('trace').innerHTML += message + '
'; }

Theme images by Airyelf. Powered by Blogger.