切水果游戏曾经是一款风靡手机的休闲游戏,今天要介绍的就是一款网页版的切水果游戏,由JavaScript和HTML5实现,虽然功能和原版的相差很大,但是基本的功能还是具备了,还是模仿挺逼真的。有一定JavaScript水平的朋友可以看看源代码,相信你的JavaScript水平会有很大提升。
在线演示源码下载
所有JavaScript代码
/** * this file was compiled by jsbuild 0.9.6 * @date Fri, 20 Jul 2012 16:21:18 UTC * @author dron * @site http://ucren.com */ void function(global){ var mapping = {}, cache = {}; global.startModule = function(m){ require(m).start(); }; global.define = function(id, func){ mapping[id] = func; }; global.require = function(id){ if(!/\.js$/.test(id)) id += '.js'; if(cache[id]) return cache[id]; else return cache[id] = mapping[id]({}); }; }(this); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\collide.js */ define("scripts/collide.js", function(exports){ var fruit = require("scripts/factory/fruit"); var Ucren = require("scripts/lib/ucren"); var fruits = fruit.getFruitInView(); /** * 碰撞检测 */ exports.check = function( knife ){ var ret = [], index = 0; fruits.forEach(function( fruit ){ var ck = lineInEllipse( knife.slice( 0, 2 ), knife.slice( 2, 4 ), [ fruit.originX, fruit.originY ], fruit.radius ); if( ck ) ret[ index ++ ] = fruit; }); return ret; }; function sqr(x){ return x * x; } function sign(n){ return n < 0 ? -1 : ( n > 0 ? 1 : 0 ); } function equation12( a, b, c ){ if(a == 0)return; var delta = b * b - 4 * a * c; if(delta == 0) return [ -1 * b / (2 * a), -1 * b / (2 * a) ]; else if(delta > 0) return [ (-1 * b + Math.sqrt(delta)) / (2 * a), (-1 * b - Math.sqrt(delta)) / (2 * a) ]; } // 返回线段和椭圆的两个交点,如果不相交,返回 null function lineXEllipse( p1, p2, c, r, e ){ // 线段:p1, p2 圆心:c 半径:r 离心率:e if (r <= 0) return; e = e === undefined ? 1 : e; var t1 = r, t2 = r * e, k; a = sqr( t2) * sqr(p1[0] - p2[0]) + sqr(t1) * sqr(p1[1] - p2[1]); if (a <= 0) return; b = 2 * sqr(t2) * (p2[0] - p1[0]) * (p1[0] - c[0]) + 2 * sqr(t1) * (p2[1] - p1[1]) * (p1[1] - c[1]); c = sqr(t2) * sqr(p1[0] - c[0]) + sqr(t1) * sqr(p1[1] - c[1]) - sqr(t1) * sqr(t2); if (!( k = equation12(a, b, c, t1, t2) )) return; var result = [ [ p1[0] + k[0] * (p2[0] - p1[0]), p1[1] + k[0] * (p2[1] - p1[1]) ], [ p1[0] + k[1] * (p2[0] - p1[0]), p1[1] + k[1] * (p2[1] - p1[1]) ] ]; if ( !( ( sign( result[0][0] - p1[0] ) * sign( result[0][0] - p2[0] ) <= 0 ) && ( sign( result[0][1] - p1[1] ) * sign( result[0][1] - p2[1] ) <= 0 ) ) ) result[0] = null; if ( !( ( sign( result[1][0] - p1[0] ) * sign( result[1][0] - p2[0] ) <= 0 ) && ( sign( result[1][1] - p1[1] ) * sign( result[1][1] - p2[1] ) <= 0 ) ) ) result[1] = null; return result; } // 判断计算线段和椭圆是否相交 function lineInEllipse( p1, p2, c, r, e ){ var t = lineXEllipse( p1, p2, c, r, e ); return t && ( t[0] || t[1] ); }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\control.js */ define("scripts/control.js", function(exports){ var Ucren = require("scripts/lib/ucren"); var knife = require("scripts/object/knife"); var message = require("scripts/message"); var state = require("scripts/state"); var canvasLeft, canvasTop; canvasLeft = canvasTop = 0; exports.init = function(){ this.fixCanvasPos(); this.installDragger(); this.installClicker(); }; exports.installDragger = function(){ var dragger = new Ucren.BasicDrag({ type: "calc" }); dragger.on( "returnValue", function( dx, dy, x, y, kf ){ if( kf = knife.through( x - canvasLeft, y - canvasTop ) ) message.postMessage( kf, "slice" ); }); dragger.on( "startDrag", function(){ knife.newKnife(); }); dragger.bind( document.documentElement ); }; exports.installClicker = function(){ Ucren.addEvent( document, "click", function(){ if( state( "click-enable" ).ison() ) message.postMessage( "click" ); }); }; exports.fixCanvasPos = function(){ var de = document.documentElement; var fix = function( e ){ canvasLeft = ( de.clientWidth - 640 ) / 2; canvasTop = ( de.clientHeight - 480 ) / 2 - 40; }; fix(); Ucren.addEvent( window, "resize", fix ); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\game.js */ define("scripts/game.js", function(exports){ /** * game logic */ var timeline = require("scripts/timeline"); var Ucren = require("scripts/lib/ucren"); var sound = require("scripts/lib/sound"); var fruit = require("scripts/factory/fruit"); var score = require("scripts/object/score"); var message = require("scripts/message"); var state = require("scripts/state"); var lose = require("scripts/object/lose"); var gameOver = require("scripts/object/game-over"); var knife = require("scripts/object/knife"); // var sence = require("scripts/sence"); var background = require("scripts/object/background"); var light = require("scripts/object/light"); var scoreNumber = 0; var random = Ucren.randomNumber; var volleyNum = 2, volleyMultipleNumber = 5; var fruits = []; var gameInterval; var snd; var boomSnd; // fruit barbette var barbette = function(){ if( fruits.length >= volleyNum ) return ; var startX = random( 640 ), endX = random( 640 ), startY = 600; var f = fruit.create( startX, startY ).shotOut( 0, endX ); fruits.push( f ); snd.play(); barbette(); }; // start game exports.start = function(){ snd = sound.create( "sound/throw" ); boomSnd = sound.create( "sound/boom" ); timeline.setTimeout(function(){ state( "game-state" ).set( "playing" ); gameInterval = timeline.setInterval( barbette, 1e3 ); }, 500); }; exports.gameOver = function(){ state( "game-state" ).set( "over" ); gameInterval.stop(); gameOver.show(); // timeline.setTimeout(function(){ // // sence.switchSence( "home-menu" ); // // TODO: require 出现互相引用时,造成死循环,这个问题需要跟进,这里暂时用 postMessage 代替 // message.postMessage( "home-menu", "sence.switchSence" ); // }, 2000); scoreNumber = 0; volleyNum = 2; fruits.length = 0; }; exports.applyScore = function( score ){ if( score > volleyNum * volleyMultipleNumber ) volleyNum ++, volleyMultipleNumber += 50; }; exports.sliceAt = function( fruit, angle ){ var index; if( state( "game-state" ).isnot( "playing" ) ) return; if( fruit.type != "boom" ){ fruit.broken( angle ); if( index = fruits.indexOf( fruit ) ) fruits.splice( index, 1 ); score.number( ++ scoreNumber ); this.applyScore( scoreNumber ); }else{ boomSnd.play(); this.pauseAllFruit(); background.wobble(); light.start( fruit ); } }; exports.pauseAllFruit = function(){ gameInterval.stop(); knife.pause(); fruits.invoke( "pause" ); }; // message.addEventListener("fruit.fallOff", function( fruit ){ // var index; // if( ( index = fruits.indexOf( fruit ) ) > -1 ) // fruits.splice( index, 1 ); // }); message.addEventListener("fruit.remove", function( fruit ){ var index; if( ( index = fruits.indexOf( fruit ) ) > -1 ) fruits.splice( index, 1 ); }); var eventFruitFallOutOfViewer = function( fruit ){ if( fruit.type != "boom" ) lose.showLoseAt( fruit.originX ); }; state( "game-state" ).hook( function( value ){ if( value == "playing" ) message.addEventListener( "fruit.fallOutOfViewer", eventFruitFallOutOfViewer ); else message.removeEventListener( "fruit.fallOutOfViewer", eventFruitFallOutOfViewer ); } ); message.addEventListener("game.over", function(){ exports.gameOver(); knife.switchOn(); }); message.addEventListener("overWhiteLight.show", function(){ knife.endAll(); for(var i = fruits.length - 1; i >= 0; i --) fruits[i].remove(); background.stop(); }); message.addEventListener("click", function(){ state( "click-enable" ).off(); gameOver.hide(); message.postMessage( "home-menu", "sence.switchSence" ); });; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\layer.js */ define("scripts/layer.js", function(exports){ /** * layer manager */ var Raphael = require("scripts/lib/raphael"); var Ucren = require("scripts/lib/ucren"); var layers = {}; var zindexs = { "default": zi(), "light": zi(), "knife": zi(), "fruit": zi(), "juice": zi(), "flash": zi(), "mask": zi() }; exports.createImage = function( layer, src, x, y, w, h ){ layer = this.getLayer( layer ); return layer.image( src, x, y, w, h ); }; exports.createText = function( layer, text, x, y, fill, size ){ layer = this.getLayer( layer ); if( Ucren.isIe ) y += 2; return layer.text(x, y, text).attr({ fill: fill || "#fff", "font-size": size || "14px", "font-family": "黑体", "text-anchor": "start" }); }; exports.getLayer = function( name ){ var p, layer; name = name || "default"; if( p = layers[name] ){ return p; }else{ layer = Ucren.makeElement( "p", { "class": "layer", "style": "z-index: " + ( zindexs[name] || 0 ) + ";" } ); Ucren.Element( "extra" ).add( layer ); p = layers[name] = Raphael( layer, 640, 480 ); // if( Ucren.isSafari ) // p.safari(); return p; } }; function zi(){ return zi.num = ++ zi.num || 2; }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\main.js */ define("scripts/main.js", function(exports){ var timeline = require("scripts/timeline"); var tools = require("scripts/tools"); var sence = require("scripts/sence"); var Ucren = require("scripts/lib/ucren"); var buzz = require("scripts/lib/buzz"); var control = require("scripts/control"); var csl = require("scripts/object/console"); var message = require("scripts/message"); var state = require("scripts/state"); var game = require("scripts/game"); var collide = require("scripts/collide"); var setTimeout = timeline.setTimeout.bind( timeline ); var log = function(){ var time = 1e3, add = 300, fn; fn = function( text ){ setTimeout( function(){ csl.log( text ); }, time ); time += add; }; fn.clear = function(){ setTimeout( csl.clear.bind( csl ), time ); time += add; }; return fn; }(); exports.start = function(){ [ timeline, sence, control ].invoke( "init" ); log( "正在加载鼠标控制脚本" ); log( "正在加载图像资源" ); log( "正在加载游戏脚本" ); log( "正在加载剧情" ); log( "正在初始化" ); log( "正在启动游戏..." ); log.clear(); setTimeout( sence.switchSence.saturate( sence, "home-menu" ), 3000 ); }; message.addEventListener("slice", function( knife ){ var fruits = collide.check( knife ), angle; if( fruits.length ) angle = tools.getAngleByRadian( tools.pointToRadian( knife.slice(0, 2), knife.slice(2, 4) ) ), fruits.forEach(function( fruit ){ message.postMessage( fruit, angle, "slice.at" ); }); }); message.addEventListener("slice.at", function( fruit, angle ){ if( state( "sence-state" ).isnot( "ready" ) ) return ; if( state( "sence-name" ).is( "game-body" ) ){ game.sliceAt( fruit, angle ); return ; } if( state( "sence-name" ).is( "home-menu" ) ){ fruit.broken( angle ); if( fruit.isHomeMenu ) switch( 1 ){ case fruit.isDojoIcon: sence.switchSence( "dojo-body" ); break; case fruit.isNewGameIcon: sence.switchSence( "game-body" ); break; case fruit.isQuitIcon: sence.switchSence( "quit-body" ); break; } return ; } }); var tip = ""; if( !Ucren.isChrome ) tip = "$为了获得最佳流畅度,推荐您使用 <span class='b'>Google Chrome</span> 体验本游戏"; if( !buzz.isSupported() ) tip = tip.replace( "$", "您的浏览器不支持 <audio> 播放声效,且" ); tip = tip.replace( "$", "" ); Ucren.Element( "browser" ).html( tip );; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\message.js */ define("scripts/message.js", function(exports){ /** * a simple message manager * @author dron * @date 2012-06-27 */ var Ucren = require("scripts/lib/ucren"); /** * send a message * @param {Any} message,message... message contents * @param {String} to message address */ exports.postMessage = function( message/*, message, message... */, to ){ var messages = [].slice.call( arguments, 0 ), splitIndex = messages.length - 1; to = messages[ splitIndex ]; messages.slice( 0, splitIndex ); Ucren.dispatch( to, messages ); }; /** * bind an message handler * @param {String} from message address * @param {Function} fn message handler */ exports.addEventListener = function( from, fn ){ Ucren.dispatch( from, fn ); }; /** * remove an message handler * @param {String} from message address * @param {Function} fn message handler */ exports.removeEventListener = function( from, fn ){ Ucren.dispatch.remove( from, fn ); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\sence.js */ define("scripts/sence.js", function(exports){ var Ucren = require("scripts/lib/ucren"); var sound = require("scripts/lib/sound"); var fruit = require("scripts/factory/fruit"); var flash = require("scripts/object/flash"); var state = require("scripts/state"); var message = require("scripts/message"); // the fixed elements var background = require("scripts/object/background"); var fps = require("scripts/object/fps"); // the home page elements var homeMask = require("scripts/object/home-mask"); var logo = require("scripts/object/logo"); var ninja = require("scripts/object/ninja") var homeDesc = require("scripts/object/home-desc"); var dojo = require("scripts/object/dojo"); var newGame = require("scripts/object/new-game"); var quit = require("scripts/object/quit"); var newSign = require("scripts/object/new"); var peach, sandia, boom; // the elements in game body var score = require("scripts/object/score"); var lose = require("scripts/object/lose"); // the game logic var game = require("scripts/game"); // the elements in 'developing' module var developing = require("scripts/object/developing"); var gameOver = require("scripts/object/game-over"); // commons var message = require("scripts/message"); var timeline = require("scripts/timeline"); var setTimeout = timeline.setTimeout.bind( timeline ); var setInterval = timeline.setInterval.bind( timeline ); var menuSnd; var gameStartSnd; // initialize sence exports.init = function(){ menuSnd = sound.create( "sound/menu" ); gameStartSnd = sound.create( "sound/start" ); [ background, homeMask, logo, ninja, homeDesc, dojo, newSign, newGame, quit, score, lose, developing, gameOver, flash /*, fps */ ].invoke( "set" ); // setInterval( fps.update.bind( fps ), 500 ); }; // switch sence exports.switchSence = function( name ){ var curSence = state( "sence-name" ); var senceState = state( "sence-state" ); if( curSence.is( name ) ) return ; var onHide = function(){ curSence.set( name ); senceState.set( "entering" ); switch( name ){ case "home-menu": this.showMenu( onShow ); break; case "dojo-body": this.showDojo( onShow ); break; case "game-body": this.showNewGame( onShow ); break; case "quit-body": this.showQuit( onShow ); break; } }.bind( this ); var onShow = function(){ senceState.set( "ready" ); if( name == "dojo-body" || name == "quit-body" ){ exports.switchSence( "home-menu" ); } }; senceState.set( "exiting" ); if( curSence.isunset() ) onHide(); else if( curSence.is( "home-menu" ) ) this.hideMenu( onHide ); else if( curSence.is( "dojo-body" ) ) this.hideDojo( onHide ); else if( curSence.is( "game-body" ) ) this.hideNewGame( onHide ); else if( curSence.is( "quit-body" ) ) this.hideQuit( onHide ); }; // to enter home page menu exports.showMenu = function( callback ){ var callee = arguments.callee; var times = callee.times = ++ callee.times || 1; peach = fruit.create( "peach", 137, 333, true ); sandia = fruit.create( "sandia", 330, 322, true ); boom = fruit.create( "boom", 552, 367, true, 2500 ); [ peach, sandia, boom ].forEach(function( f ){ f.isHomeMenu = 1; }); peach.isDojoIcon = sandia.isNewGameIcon = boom.isQuitIcon = 1; var group = [ [ homeMask, 0 ], [ logo, 0 ], [ ninja, 500 ], [ homeDesc, 1500 ], [ dojo, 2000 ], [ newGame, 2000 ], [ quit, 2000 ], [ newSign, 2000 ], [ peach, 2000 ], [ sandia, 2000 ], [ boom, 2000 ] ]; group.invoke( "show" ); [ peach, sandia ].invoke( "rotate", 2500 ); menuSnd.play(); setTimeout( callback, 2500 ); }; // to exit home page menu exports.hideMenu = function( callback ){ [ newSign, dojo, newGame, quit ].invoke( "hide" ); [ homeMask, logo, ninja, homeDesc ].invoke( "hide" ); [ peach, sandia, boom ].invoke( "fallOff", 150 ); menuSnd.stop(); setTimeout( callback, fruit.getDropTimeSetting() ); }; // to enter game body exports.showNewGame = function( callback ){ score.show(); lose.show(); game.start(); gameStartSnd.play(); setTimeout( callback, 1000 ); }; // to exit game body exports.hideNewGame = function( callback ){ score.hide(); lose.hide(); gameStartSnd.stop(); setTimeout( callback, 1000 ); }; // to enter dojo mode exports.showDojo = function( callback ){ developing.show( 250 ); setTimeout( callback, 1500 ); }; // to exit dojo mode exports.hideDojo = function( callback ){ // TODO: setTimeout( callback, 1000 ); }; // to enter quit page exports.showQuit = function( callback ){ developing.show( 250 ); setTimeout( callback, 1500 ); }; // to exit quit page exports.hideQuit = function( callback ){ // TODO: setTimeout( callback, 1000 ); }; message.addEventListener("sence.switchSence", function( name ){ exports.switchSence( name ); });; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\state.js */ define("scripts/state.js", function(exports){ /** * a simple state manager * @author dron * @date 2012-06-28 */ var Ucren = require("scripts/lib/ucren"); var timeline = require("scripts/timeline"); /** * usage: * state( key ).is( value ) -> determine if the value of key is the given value * state( key ).isnot( value ) -> determine if the value of key is not given value * state( key ).ison() -> determine if the value of key is the boolean value 'true' * state( key ).isoff() -> determine if the value of key is the boolean value 'false' * state( key ).isunset() -> determine if the value of key is undefined * state( key ).set( value ) -> set the value of key to a given value * state( key ).get() -> get the value of key * state( key ).on() -> set the value of key to boolean value 'true' * state( key ).off() -> set the value of key to boolean value 'false' */ var stack = {}; var cache = {}; var callbacks = {}; exports = function( key ){ if( cache[ key ] ) return cache[ key ]; return cache[ key ] = { is: function( value ){ return stack[key] === value; }, isnot: function( value ){ return stack[key] !== value; }, ison: function(){ return this.is( true ); }, isoff: function(){ return this.isnot( true ); }, isunset: function(){ return this.is( undefined ); }, set: function(){ var lastValue = NaN; return function( value ){ var c; stack[key] = value; if( lastValue !== value && ( c = callbacks[ key ] ) ) for(var i = 0, l = c.length; i < l; i ++) c[i].call( this, value ); lastValue = value; } }(), get: function(){ return stack[key]; }, on: function(){ var me = this; me.set( true ); return { keep: function( time ){ timeline.setTimeout( me.set.saturate( me, false ), time ); } } }, off: function(){ var me = this; me.set( false ); return { keep: function( time ){ timeline.setTimeout( me.set.saturate( me, true ), time ); } } }, hook: function( fn ){ var c; if( !( c = callbacks[ key ] ) ) callbacks[ key ] = [ fn ]; else c.push( fn ); }, unhook: function(){ // TODO: } } };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\timeline.js */ define("scripts/timeline.js", function(exports){ /** * a easy timeline manager * @version 1.0 * @author dron */ var Ucren = require("scripts/lib/ucren"); var timerCache = {}; var timeline = {}; // var timer = timeline; // <or> // var timer = timeline.use( name ).init( 10 ); // to use a new timeline instance // // var t = timer.createTask(...); // t.stop(); // // timer.setTimeout(...); // timer.setInterval(...); // timer.getFPS(); function ClassTimer(){ this.tasks = []; this.addingTasks = []; this.adding = 0; } /** * initialize timeline */ ClassTimer.prototype.init = function( ms ){ var me = this; if( me.inited ) return ; else me.inited = 1; me.startTime = now(); me.intervalTime = ms || 5; me.count = 0; me.intervalFn = function(){ me.count ++; me.update( now() ); }; me.start(); return me; }; /** * create a task * @param {Object} conf the config * @return {Task} a task instance */ ClassTimer.prototype.createTask = function( conf ){ /* e.g. timer.createTask({ start: 500, duration: 2000, data: [a, b, c,..], object: module, onTimeUpdate: fn(time, a, b, c,..), onTimeStart: fn(a, b, c,..), onTimeEnd: fn(a, b, c,..), recycle: [] }); */ var task = createTask( conf ); this.addingTasks.unshift( task ); this.adding = 1; if( conf.recycle ) this.taskList( conf.recycle, task ); this.start(); return task; }; /** * use a array to recycle the task * @param {Array} queue be use for recycling task * @param {Task} task a task instance * @return {Array} this queue */ ClassTimer.prototype.taskList = function( queue, task ){ if( !queue.clear ) queue.clear = function(){ var i = this.length; while( i -- ) task = this[i], task.stop(), this.splice( i, 1 ); return this; }; if( task ) queue.unshift( task ); return queue; }; /** * create a timer for once callback * @param {Function} fn callback function * @param {Number} time time, unit: ms */ ClassTimer.prototype.setTimeout = function( fn, time ){ // e.g. setTimeout(fn, time); return this.createTask({ start: time, duration: 0, onTimeStart: fn }); }; /** * create a timer for ongoing callback * @param {Function} fn callback function * @param {Number} time time, unit: ms */ ClassTimer.prototype.setInterval = function( fn, time ){ // e.g. setInterval(fn, time); var timer = setInterval( fn, time ); return { stop: function(){ clearInterval( timer ); } }; }; /** * get the current fps * @return {Number} fps number */ ClassTimer.prototype.getFPS = function(){ var t = now(), c = this.count, fps = c / ( t - this.startTime ) * 1e3; if( c > 1e3 ) this.count = 0, this.startTime = t; return fps; }; // privates ClassTimer.prototype.start = function(){ clearInterval( this.interval ); this.interval = setInterval( this.intervalFn, this.intervalTime ); }; ClassTimer.prototype.stop = function(){ clearInterval( this.interval ); }; ClassTimer.prototype.update = function( time ){ var tasks = this.tasks, addingTasks = this.addingTasks, adding = this.adding; var i = tasks.length, t, task, start, duration, data; while( i -- ){ task = tasks[i]; start = task.start; duration = task.duration; if( time >= start ){ if( task.stopped ){ tasks.splice( i, 1 ); continue; } checkStartTask( task ); if( ( t = time - start ) < duration ) updateTask( task, t ); else updateTask( task, duration ), task.onTimeEnd.apply( task.object, task.data.slice(1) ), tasks.splice( i, 1 ); } } if( adding ) tasks.unshift.apply( tasks, addingTasks ), addingTasks.length = adding = 0; if( !tasks.length ) this.stop(); }; timeline.use = function( name ){ var module; if( module = timerCache[ name ] ) return module; else module = timerCache[ name ] = new ClassTimer; return module; }; /** * @functions */ var now = function(){ return new Date().getTime(); }; var createTask = function( conf ){ var object = conf.object || {}; conf.start = conf.start || 0; return { start: conf.start + now(), duration: conf.duration == -1 ? 86400000 : conf.duration, data: conf.data ? [ 0 ].concat( conf.data ) : [ 0 ], started: 0, object: object, onTimeStart: conf.onTimeStart || object.onTimeStart || Ucren.nul, onTimeUpdate: conf.onTimeUpdate || object.onTimeUpdate || Ucren.nul, onTimeEnd: conf.onTimeEnd || object.onTimeEnd || Ucren.nul, stop: function(){ this.stopped = 1; } } }; var updateTask = function( task, time ){ var data = task.data; data[0] = time; task.onTimeUpdate.apply( task.object, data ); }; var checkStartTask = function( task ){ if( !task.started ) task.started = 1, task.onTimeStart.apply( task.object, task.data.slice(1) ), updateTask( task, 0 ); }; /** * for compatible the old version */ exports = timeline.use( "default" ).init( 10 ); exports.use = function( name ){ if( Ucren.isIe ) exports; return timeline.use( name ); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\tools.js */ define("scripts/tools.js", function(exports){ exports.unsetObject = function( object ){ for(var i in object) if(object.hasOwnProperty(i) && typeof object[i] == "function") object[i] = function(){}; }; exports.getAngleByRadian = function( radian ){ return radian * 180 / Math.PI; } exports.pointToRadian = function( origin, point ){ var PI = Math.PI; if( point[0] === origin[0] ){ if ( point[1] > origin[1] ) return PI * 0.5; return PI * 1.5 }else if( point[1] === origin[1] ){ if ( point[0] > origin[0] ) return 0; return PI; } var t = Math.atan( ( origin[1] - point[1] ) / ( origin[0] - point[0] ) ); if( point[0] > origin[0] && point[1] < origin[1] ) return t + 2 * PI; if( point[0] > origin[0] && point[1] > origin[1] ) return t; return t + PI; }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\factory\displacement.js */ define("scripts/factory/displacement.js", function(exports){ var layer = require("scripts/layer"); var timeline = require("scripts/timeline"); var tween = require("scripts/lib/tween"); /** * 位移类模块模型 */ exports.create = function( imageSrc, width, height, origX, origY, targetX, targetY, animMap, animDur ){ var module = {}; var image; var anim = {}; if( typeof animMap === "function" ) anim.show = anim.hide = animMap; else anim = animMap; var createTask = function( start, duration, sx, sy, ex, ey, anim, mode ){ timeline.createTask({ start: start, duration: duration, object: module, data: [ sx, sy, ex, ey, anim, mode ], onTimeUpdate: module.onTimeUpdate, onTimeStart: module.onTimeStart, onTimeEnd: module.onTimeEnd, recycle: module.anims }); }; module.anims = []; module.set = function(){ image = layer.createImage( "default", imageSrc, origX, origY, width, height ); }; module.show = function( start ){ createTask( start, animDur, origX, origY, targetX, targetY, anim.show, "show" ); }; module.hide = function(){ this.anims.clear(); createTask( 0, animDur, targetX, targetY, origX, origY, anim.hide, "hide" ); }; module.onTimeUpdate = function( time, sx, sy, ex, ey, anim ){ image.attr( { x: anim( time, sx, ex - sx, animDur ), y: anim( time, sy, ey - sy, animDur ) } ); }; module.onTimeStart = function(){ }; module.onTimeEnd = function( sx, sy, ex, ey, anim ){ if( anim === "hide" ) image.hide(); }; return module; };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\factory\fruit.js */ define("scripts/factory/fruit.js", function(exports){ var layer = require("scripts/layer"); var Ucren = require("scripts/lib/ucren"); var timeline = require("scripts/timeline").use( "fruit" ).init( 1 ); var timeline2 = require("scripts/timeline").use( "fruit-apart" ).init( 1 ); var tween = require("scripts/lib/tween"); var message = require("scripts/message"); var flame = require("scripts/object/flame"); var flash = require("scripts/object/flash"); var juice = require("scripts/factory/juice"); var ie = Ucren.isIe; var safari = Ucren.isSafari; /** * 水果模块模型 */ var zoomAnim = tween.exponential.co; var rotateAnim = tween.circular; var linearAnim = tween.linear; var dropAnim = tween.quadratic.ci; var fallOffAnim = tween.quadratic.co; var random = Ucren.randomNumber; var min = Math.min; var average = function( a, b ){ return ( ( a + b ) / 2 ) >> 0; }; var dropTime = 1200, dropXScope = 200, shadowPos = 50; var infos = { // type: [ imageSrc, width, height, radius, fixAngle, isReverse, juiceColor ] boom: [ "images/fruit/boom.png", 66, 68, 26, 0, 0, null ], peach: [ "images/fruit/peach.png", 62, 59, 37, -50, 0, "#e6c731" ], sandia: [ "images/fruit/sandia.png", 98, 85, 38, -100, 0, "#c00" ], apple: [ "images/fruit/apple.png", 66, 66, 31, -54, 0, "#c8e925" ], banana: [ "images/fruit/banana.png", 126, 50, 43, 90, 0, null ], basaha: [ "images/fruit/basaha.png", 68, 72, 32, -135, 0, "#c00" ] }; // TODO: 是否水果全开? var types = [ "peach", "sandia", "apple", "banana", "basaha" ]; // var types = [ "sandia", "boom" ]; var rotateSpeed = [ 60, 50, 40, -40, -50, -60 ]; var fruitCache = []; function ClassFruit(conf){ var info = infos[ conf.type ], radius = info[3]; this.type = conf.type; this.originX = conf.originX; this.originY = conf.originY; this.radius = radius; this.startX = conf.originX; this.startY = conf.originY; this.radius = radius; this.anims = []; if( this.type === "boom" ) this.flame = flame.create( this.startX - radius + 4, this.startY - radius + 5, conf.flameStart || 0 ); } ClassFruit.prototype.set = function( hide ){ var inf = infos[ this.type ], radius = this.radius; this.shadow = layer.createImage( "fruit", "images/shadow.png", this.startX - radius, this.startY - radius + shadowPos, 106, 77 ); this.image = layer.createImage( "fruit", inf[0], this.startX - radius, this.startY - radius, inf[1], inf[2] ); if( hide ) this.image.hide(), this.shadow.hide(); return this; }; ClassFruit.prototype.pos = function( x, y ){ if( x == this.originX && y == this.originY ) return ; var r = this.radius; this.originX = x; this.originY = y; this.image.attr({ x: x -= r, y: y -= r }); this.shadow.attr({ x: x, y: y + shadowPos }); if( this.type === "boom" ) this.flame.pos( x + 4, y + 5 ); }; ClassFruit.prototype.show = function( start ){ timeline.createTask({ start: start, duration: 500, data: [ 1e-5, 1, "show" ], object: this, onTimeUpdate: this.onScaling, onTimeStart: this.onShowStart, recycle: this.anims }); }; ClassFruit.prototype.hide = function( start ){ if( this.type !== "boom" ) // if it is not a boom, it can't to be hide. return ; this.anims.clear(); this.flame.remove(); timeline.createTask({ start: start, duration: 500, data: [ 1, 1e-5, "hide" ], object: this, onTimeUpdate: this.onScaling, onTimeEnd: this.onHideEnd, recycle: this.anims }); }; ClassFruit.prototype.rotate = function( start, speed ){ this.rotateSpeed = speed || rotateSpeed[ random( 6 ) ]; this.rotateAnim = timeline.createTask({ start: start, duration: -1, object: this, onTimeUpdate: this.onRotating, recycle: this.anims }); }; ClassFruit.prototype.broken = function( angle ){ if( this.brokend )return; this.brokend = true; var index; if( ( index = fruitCache.indexOf( this ) ) > -1 ) fruitCache.splice( index, 1 ); if( this.type !== "boom" ) flash.showAt( this.originX, this.originY, angle ), juice.create( this.originX, this.originY, infos[ this.type ][6] ), this.apart( angle ); else this.hide(); }; ClassFruit.prototype.pause = function(){ if( this.brokend ) return; this.anims.clear(); if( this.type == "boom" ) this.flame.remove(); }; // 分开 ClassFruit.prototype.apart = function( angle ){ this.anims.clear(); this.image.hide(); this.shadow.hide(); this.aparted = true; var inf = infos[ this.type ], preSrc = inf[0].replace( ".png", "" ), radius = this.radius; var create = layer.createImage.saturate( layer, this.startX - radius, this.startY - radius, inf[1], inf[2] ); angle = ( ( angle % 180 ) + 360 + inf[4] ) % 360; this.bImage1 = create( "fruit", preSrc + "-1.png" ); this.bImage2 = create( "fruit", preSrc + "-2.png" ); [ this.bImage1, this.bImage2 ].invoke( "rotate", angle ); this.apartAngle = angle; timeline2.createTask({ start: 0, duration: dropTime, object: this, onTimeUpdate: this.onBrokenDropUpdate, onTimeStart: this.onBrokenDropStart, onTimeEnd: this.onBrokenDropEnd, recycle: this.anims }); }; // 抛出 ClassFruit.prototype.shotOut = function(){ var sign = [ -1, 1 ]; return function( start, endX ){ this.shotOutStartX = this.originX; this.shotOutStartY = this.originY; this.shotOutEndX = average( this.originX, endX ); this.shotOutEndY = min( this.startY - random( this.startY - 100 ), 200 ); this.fallOffToX = endX; timeline.createTask({ start: start, duration: dropTime, object: this, onTimeUpdate: this.onShotOuting, onTimeStart: this.onShotOutStart, onTimeEnd: this.onShotOutEnd, recycle: this.anims }); if( this.type != "boom" ) this.rotate( 0, ( random( 180 ) + 90 ) * sign[ random( 2 ) ] ); return this; }; }(); // 掉落 ClassFruit.prototype.fallOff = function(){ var sign = [ -1, 1 ]; var signIndex = 0; return function( start, x ){ if( this.aparted || this.brokend ) return ; var y = 600; if( typeof x !== "number" ) x = this.originX + random( dropXScope ) * sign[ ( signIndex ++ ) % 2 ]; this.fallTargetX = x; this.fallTargetY = y; timeline.createTask({ start: start, duration: dropTime, object: this, onTimeUpdate: this.onFalling, onTimeStart: this.onFallStart, onTimeEnd: this.onFallEnd, recycle: this.anims }); } }(); ClassFruit.prototype.remove = function(){ var index; this.anims.clear(); if( this.image ) this.image.remove(), this.shadow.remove(); if( this.bImage1 ) this.bImage1.remove(), this.bImage2.remove(); if( this.type === "boom" ) this.flame.remove(); if( ( index = fruitCache.indexOf( this ) ) > -1 ) fruitCache.splice( index, 1 ); for(var name in this) if( typeof this[name] === "function" ) this[name] = function( name ){ return function(){ throw new Error( "method " + name + " has been removed" ); }; }( name ); else delete this[name]; message.postMessage( this, "fruit.remove" ); }; // 显示/隐藏 相关 ClassFruit.prototype.onShowStart = function(){ this.image.show(); // this.shadow.show(); }; ClassFruit.prototype.onScaling = function( time, a, b, z ){ this.image.scale( z = zoomAnim( time, a, b - a, 500 ), z ); this.shadow.scale( z, z ); }; ClassFruit.prototype.onHideEnd = function(){ this.remove(); }; // 旋转相关 ClassFruit.prototype.onRotateStart = function(){ }; ClassFruit.prototype.onRotating = function( time ){ this.image.rotate( ( this.rotateSpeed * time / 1e3 ) % 360, true ); }; // 裂开相关 ClassFruit.prototype.onBrokenDropUpdate = function( time ){ var radius = this.radius; this.bImage1.attr({ x: linearAnim( time, this.brokenPosX - radius, this.brokenTargetX1, dropTime ), y: dropAnim( time, this.brokenPosY - radius, this.brokenTargetY1 - this.brokenPosY + radius, dropTime ) }).rotate( linearAnim( time, this.apartAngle, this.bImage1RotateAngle, dropTime ), true ); this.bImage2.attr({ x: linearAnim( time, this.brokenPosX - radius, this.brokenTargetX2, dropTime ), y: dropAnim( time, this.brokenPosY - radius, this.brokenTargetY2 - this.brokenPosY + radius, dropTime ) }).rotate( linearAnim( time, this.apartAngle, this.bImage2RotateAngle, dropTime ), true ); }; ClassFruit.prototype.onBrokenDropStart = function(){ this.brokenTargetX1 = -( random( dropXScope ) + 75 ); this.brokenTargetX2 = random( dropXScope + 75 ); this.brokenTargetY1 = 600; this.brokenTargetY2 = 600; this.brokenPosX = this.originX; this.brokenPosY = this.originY; this.bImage1RotateAngle = - random( 150 ) - 50; this.bImage2RotateAngle = random( 150 ) + 50; for(var f, i = fruitCache.length - 1; i >= 0; i --) if( fruitCache[i] === this ) fruitCache.splice( i, 1 ); }; ClassFruit.prototype.onBrokenDropEnd = function(){ this.remove(); }; // 抛出相关 ClassFruit.prototype.onShotOuting = function( time ){ this.pos( linearAnim( time, this.shotOutStartX, this.shotOutEndX - this.shotOutStartX, dropTime ), fallOffAnim( time, this.shotOutStartY, this.shotOutEndY - this.shotOutStartY, dropTime ) ); }; ClassFruit.prototype.onShotOutStart = function(){ // body... }; ClassFruit.prototype.onShotOutEnd = function(){ this.fallOff( 0, this.fallOffToX ); }; // 掉落相关 ClassFruit.prototype.onFalling = function( time ){ var y; this.pos( linearAnim( time, this.brokenPosX, this.fallTargetX - this.brokenPosX, dropTime ), y = dropAnim( time, this.brokenPosY, this.fallTargetY - this.brokenPosY, dropTime ) ); this.checkForFallOutOfViewer( y ); }; ClassFruit.prototype.onFallStart = function(){ this.brokenPosX = this.originX; this.brokenPosY = this.originY; }; ClassFruit.prototype.onFallEnd = function(){ message.postMessage( this, "fruit.fallOff" ); this.remove(); }; // privates ClassFruit.prototype.checkForFallOutOfViewer = function( y ){ if( y > 480 + this.radius ) this.checkForFallOutOfViewer = Ucren.nul, this.rotateAnim && this.rotateAnim.stop(), message.postMessage( this, "fruit.fallOutOfViewer" ); }; exports.create = function( type, originX, originY, isHide, flameStart ){ if( typeof type == "number" ) // 缺省 type isHide = originY, originY = originX, originX = type, type = getType(); var fruit = new ClassFruit({ type: type, originX: originX, originY: originY, flameStart: flameStart }).set( isHide ); fruitCache.unshift( fruit ); return fruit; }; exports.getFruitInView = function(){ return fruitCache; }; exports.getDropTimeSetting = function(){ return dropTime; }; function getType(){ if( random( 8 ) == 4 ) return "boom"; else return types[ random( 5 ) ]; }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\factory\juice.js */ define("scripts/factory/juice.js", function(exports){ /** * 果汁 */ var Ucren = require("scripts/lib/ucren"); var layer = require("scripts/layer").getLayer("juice"); var timeline = require("scripts/timeline").use( "juice" ).init( 10 ); var tween = require("scripts/lib/tween"); var tools = require("scripts/tools"); var random = Ucren.randomNumber; var dur = 1500; var anim = tween.exponential.co; var dropAnim = tween.quadratic.co; var sin = Math.sin; var cos = Math.cos; var num = 10; var radius = 10; // if( Ucren.isIe6 || Ucren.isSafari ) // switchOn = false; // if( Ucren.isIe || Ucren.isSafari ) // num = 6; function ClassJuice( x, y, color ){ this.originX = x; this.originY = y; this.color = color; this.distance = random( 200 ) + 100; this.radius = radius; this.dir = random( 360 ) * Math.PI / 180; } ClassJuice.prototype.render = function(){ this.circle = layer.circle( this.originX, this.originY, this.radius ).attr({ fill: this.color, stroke: "none" }); }; ClassJuice.prototype.sputter = function(){ timeline.createTask({ start: 0, duration: dur, object: this, onTimeUpdate: this.onTimeUpdate, onTimeEnd: this.onTimeEnd }); }; ClassJuice.prototype.onTimeUpdate = function( time ){ var distance, x, y, z; distance = anim( time, 0, this.distance, dur ); x = this.originX + distance * cos( this.dir ); y = this.originY + distance * sin( this.dir ) + dropAnim( time, 0, 200, dur ); z = anim( time, 1, -1, dur ); this.circle.attr({ cx: x, cy: y }).scale( z, z ); }; ClassJuice.prototype.onTimeEnd = function(){ this.circle.remove(); tools.unsetObject( this ); }; exports.create = function( x, y, color ){ for(var i = 0; i < num; i ++) this.createOne( x, y, color ); }; exports.createOne = function( x, y, color ){ if( !color ) return; var juice = new ClassJuice( x, y, color ); juice.render(); juice.sputter(); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\factory\rotate.js */ define("scripts/factory/rotate.js", function(exports){ var layer = require("scripts/layer"); var timeline = require("scripts/timeline"); var Ucren = require("scripts/lib/ucren"); /** * 旋转类模块模型 */ exports.create = function( imageSrc, x, y, w, h, z, anim, animDur ){ var module = {}, image; var rotateDire = [12, -12][Ucren.randomNumber(2)]; var defaultAngle = Ucren.randomNumber(360); module.anims = []; module.set = function(){ image = layer.createImage( "default", imageSrc, x, y, w, h ).scale( z, z ).rotate( defaultAngle, true ); }; module.show = function(start){ timeline.createTask({ start: start, duration: animDur, object: this, data: [z, 1], onTimeUpdate: this.onZooming, onTimeEnd: this.onShowEnd, recycle: this.anims }); }; module.hide = function(start){ this.anims.clear(); timeline.createTask({ start: start, duration: animDur, object: this, data: [ 1, z ], onTimeUpdate: this.onZooming, recycle: this.anims }); }; module.onShowEnd = function(name){ this.anims.clear(); timeline.createTask({ start: 0, duration: -1, object: this, onTimeUpdate: module.onRotating, recycle: this.anims }); }; module.onZooming = function(){ var z; return function( time, a, b ){ image.scale( z = anim( time, a, b - a, animDur ), z ); } }(); module.onRotating = function(){ var lastTime = 0, an = defaultAngle; return function( time, name, a, b ){ an = ( an + ( time - lastTime ) / 1e3 * rotateDire ) % 360; image.rotate( an, true ); lastTime = time; } }(); return module; }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\lib\buzz.js */ define("scripts/lib/buzz.js", function(exports){ // ---------------------------------------------------------------------------- // Buzz, a Javascript HTML5 Audio library // v 1.0.x beta // Licensed under the MIT license. // http://buzz.jaysalvat.com/ // ---------------------------------------------------------------------------- // Copyright (C) 2011 Jay Salvat // http://jaysalvat.com/ // ---------------------------------------------------------------------------- // Permission is hereby granted, free of charge, to any person obtaining a copy // of this software and associated documentation files ( the "Software" ), to deal // in the Software without restriction, including without limitation the rights // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell // copies of the Software, and to permit persons to whom the Software is // furnished to do so, subject to the following conditions: // // The above copyright notice and this permission notice shall be included in // all copies or substantial portions of the Software. // // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN // THE SOFTWARE. // ---------------------------------------------------------------------------- var buzz = { defaults: { autoplay: false, duration: 5000, formats: [], loop: false, placeholder: '--', preload: 'metadata', volume: 80 }, types: { 'mp3': 'audio/mpeg', 'ogg': 'audio/ogg', 'wav': 'audio/wav', 'aac': 'audio/aac', 'm4a': 'audio/x-m4a' }, sounds: [], el: document.createElement( 'audio' ), sound: function( src, options ) { options = options || {}; var pid = 0, events = [], eventsOnce = {}, supported = buzz.isSupported(); // publics this.load = function() { if ( !supported ) { return this; } this.sound.load(); return this; }; this.play = function() { if ( !supported ) { return this; } this.sound.play(); return this; }; this.togglePlay = function() { if ( !supported ) { return this; } if ( this.sound.paused ) { this.sound.play(); } else { this.sound.pause(); } return this; }; this.pause = function() { if ( !supported ) { return this; } this.sound.pause(); return this; }; this.isPaused = function() { if ( !supported ) { return null; } return this.sound.paused; }; this.stop = function() { if ( !supported ) { return this; } this.setTime( this.getDuration() ); this.sound.pause(); return this; }; this.isEnded = function() { if ( !supported ) { return null; } return this.sound.ended; }; this.loop = function() { if ( !supported ) { return this; } this.sound.loop = 'loop'; this.bind( 'ended.buzzloop', function() { this.currentTime = 0; this.play(); }); return this; }; this.unloop = function() { if ( !supported ) { return this; } this.sound.removeAttribute( 'loop' ); this.unbind( 'ended.buzzloop' ); return this; }; this.mute = function() { if ( !supported ) { return this; } this.sound.muted = true; return this; }; this.unmute = function() { if ( !supported ) { return this; } this.sound.muted = false; return this; }; this.toggleMute = function() { if ( !supported ) { return this; } this.sound.muted = !this.sound.muted; return this; }; this.isMuted = function() { if ( !supported ) { return null; } return this.sound.muted; }; this.setVolume = function( volume ) { if ( !supported ) { return this; } if ( volume < 0 ) { volume = 0; } if ( volume > 100 ) { volume = 100; } this.volume = volume; this.sound.volume = volume / 100; return this; }; this.getVolume = function() { if ( !supported ) { return this; } return this.volume; }; this.increaseVolume = function( value ) { return this.setVolume( this.volume + ( value || 1 ) ); }; this.decreaseVolume = function( value ) { return this.setVolume( this.volume - ( value || 1 ) ); }; this.setTime = function( time ) { if ( !supported ) { return this; } this.whenReady( function() { this.sound.currentTime = time; }); return this; }; this.getTime = function() { if ( !supported ) { return null; } var time = Math.round( this.sound.currentTime * 100 ) / 100; return isNaN( time ) ? buzz.defaults.placeholder : time; }; this.setPercent = function( percent ) { if ( !supported ) { return this; } return this.setTime( buzz.fromPercent( percent, this.sound.duration ) ); }; this.getPercent = function() { if ( !supported ) { return null; } var percent = Math.round( buzz.toPercent( this.sound.currentTime, this.sound.duration ) ); return isNaN( percent ) ? buzz.defaults.placeholder : percent; }; this.setSpeed = function( duration ) { if ( !supported ) { return this; } this.sound.playbackRate = duration; }; this.getSpeed = function() { if ( !supported ) { return null; } return this.sound.playbackRate; }; this.getDuration = function() { if ( !supported ) { return null; } var duration = Math.round( this.sound.duration * 100 ) / 100; return isNaN( duration ) ? buzz.defaults.placeholder : duration; }; this.getPlayed = function() { if ( !supported ) { return null; } return timerangeToArray( this.sound.played ); }; this.getBuffered = function() { if ( !supported ) { return null; } return timerangeToArray( this.sound.buffered ); }; this.getSeekable = function() { if ( !supported ) { return null; } return timerangeToArray( this.sound.seekable ); }; this.getErrorCode = function() { if ( supported && this.sound.error ) { return this.sound.error.code; } return 0; }; this.getErrorMessage = function() { if ( !supported ) { return null; } switch( this.getErrorCode() ) { case 1: return 'MEDIA_ERR_ABORTED'; case 2: return 'MEDIA_ERR_NETWORK'; case 3: return 'MEDIA_ERR_DECODE'; case 4: return 'MEDIA_ERR_SRC_NOT_SUPPORTED'; default: return null; } }; this.getStateCode = function() { if ( !supported ) { return null; } return this.sound.readyState; }; this.getStateMessage = function() { if ( !supported ) { return null; } switch( this.getStateCode() ) { case 0: return 'HAVE_NOTHING'; case 1: return 'HAVE_METADATA'; case 2: return 'HAVE_CURRENT_DATA'; case 3: return 'HAVE_FUTURE_DATA'; case 4: return 'HAVE_ENOUGH_DATA'; default: return null; } }; this.getNetworkStateCode = function() { if ( !supported ) { return null; } return this.sound.networkState; }; this.getNetworkStateMessage = function() { if ( !supported ) { return null; } switch( this.getNetworkStateCode() ) { case 0: return 'NETWORK_EMPTY'; case 1: return 'NETWORK_IDLE'; case 2: return 'NETWORK_LOADING'; case 3: return 'NETWORK_NO_SOURCE'; default: return null; } }; this.set = function( key, value ) { if ( !supported ) { return this; } this.sound[ key ] = value; return this; }; this.get = function( key ) { if ( !supported ) { return null; } return key ? this.sound[ key ] : this.sound; }; this.bind = function( types, func ) { if ( !supported ) { return this; } types = types.split( ' ' ); var that = this, efunc = function( e ) { func.call( that, e ); }; for( var t = 0; t < types.length; t++ ) { var type = types[ t ], idx = type; type = idx.split( '.' )[ 0 ]; events.push( { idx: idx, func: efunc } ); this.sound.addEventListener( type, efunc, true ); } return this; }; this.unbind = function( types ) { if ( !supported ) { return this; } types = types.split( ' ' ); for( var t = 0; t < types.length; t++ ) { var idx = types[ t ], type = idx.split( '.' )[ 0 ]; for( var i = 0; i < events.length; i++ ) { var namespace = events[ i ].idx.split( '.' ); if ( events[ i ].idx == idx || ( namespace[ 1 ] && namespace[ 1 ] == idx.replace( '.', '' ) ) ) { this.sound.removeEventListener( type, events[ i ].func, true ); // remove event events.splice(i, 1); } } } return this; }; this.bindOnce = function( type, func ) { if ( !supported ) { return this; } var that = this; eventsOnce[ pid++ ] = false; this.bind( pid + type, function() { if ( !eventsOnce[ pid ] ) { eventsOnce[ pid ] = true; func.call( that ); } that.unbind( pid + type ); }); }; this.trigger = function( types ) { if ( !supported ) { return this; } types = types.split( ' ' ); for( var t = 0; t < types.length; t++ ) { var idx = types[ t ]; for( var i = 0; i < events.length; i++ ) { var eventType = events[ i ].idx.split( '.' ); if ( events[ i ].idx == idx || ( eventType[ 0 ] && eventType[ 0 ] == idx.replace( '.', '' ) ) ) { var evt = document.createEvent('HTMLEvents'); evt.initEvent( eventType[ 0 ], false, true ); this.sound.dispatchEvent( evt ); } } } return this; }; this.fadeTo = function( to, duration, callback ) { if ( !supported ) { return this; } if ( duration instanceof Function ) { callback = duration; duration = buzz.defaults.duration; } else { duration = duration || buzz.defaults.duration; } var from = this.volume, delay = duration / Math.abs( from - to ), that = this; this.play(); function doFade() { setTimeout( function() { if ( from < to && that.volume < to ) { that.setVolume( that.volume += 1 ); doFade(); } else if ( from > to && that.volume > to ) { that.setVolume( that.volume -= 1 ); doFade(); } else if ( callback instanceof Function ) { callback.apply( that ); } }, delay ); } this.whenReady( function() { doFade(); }); return this; }; this.fadeIn = function( duration, callback ) { if ( !supported ) { return this; } return this.setVolume(0).fadeTo( 100, duration, callback ); }; this.fadeOut = function( duration, callback ) { if ( !supported ) { return this; } return this.fadeTo( 0, duration, callback ); }; this.fadeWith = function( sound, duration ) { if ( !supported ) { return this; } this.fadeOut( duration, function() { this.stop(); }); sound.play().fadeIn( duration ); return this; }; this.whenReady = function( func ) { if ( !supported ) { return null; } var that = this; if ( this.sound.readyState === 0 ) { this.bind( 'canplay.buzzwhenready', function() { func.call( that ); }); } else { func.call( that ); } }; // privates function timerangeToArray( timeRange ) { var array = [], length = timeRange.length - 1; for( var i = 0; i <= length; i++ ) { array.push({ start: timeRange.start( length ), end: timeRange.end( length ) }); } return array; } function getExt( filename ) { return filename.split('.').pop(); } function addSource( sound, src ) { var source = document.createElement( 'source' ); source.src = src; if ( buzz.types[ getExt( src ) ] ) { source.type = buzz.types[ getExt( src ) ]; } sound.appendChild( source ); } // init if ( supported && src ) { for(var i in buzz.defaults ) { if(buzz.defaults.hasOwnProperty(i)) { options[ i ] = options[ i ] || buzz.defaults[ i ]; } } this.sound = document.createElement( 'audio' ); if ( src instanceof Array ) { for( var j in src ) { if(src.hasOwnProperty(j)) { addSource( this.sound, src[ j ] ); } } } else if ( options.formats.length ) { for( var k in options.formats ) { if(options.formats.hasOwnProperty(k)) { addSource( this.sound, src + '.' + options.formats[ k ] ); } } } else { addSource( this.sound, src ); } if ( options.loop ) { this.loop(); } if ( options.autoplay ) { this.sound.autoplay = 'autoplay'; } if ( options.preload === true ) { this.sound.preload = 'auto'; } else if ( options.preload === false ) { this.sound.preload = 'none'; } else { this.sound.preload = options.preload; } this.setVolume( options.volume ); buzz.sounds.push( this ); } }, group: function( sounds ) { sounds = argsToArray( sounds, arguments ); // publics this.getSounds = function() { return sounds; }; this.add = function( soundArray ) { soundArray = argsToArray( soundArray, arguments ); for( var a = 0; a < soundArray.length; a++ ) { sounds.push( soundArray[ a ] ); } }; this.remove = function( soundArray ) { soundArray = argsToArray( soundArray, arguments ); for( var a = 0; a < soundArray.length; a++ ) { for( var i = 0; i < sounds.length; i++ ) { if ( sounds[ i ] == soundArray[ a ] ) { delete sounds[ i ]; break; } } } }; this.load = function() { fn( 'load' ); return this; }; this.play = function() { fn( 'play' ); return this; }; this.togglePlay = function( ) { fn( 'togglePlay' ); return this; }; this.pause = function( time ) { fn( 'pause', time ); return this; }; this.stop = function() { fn( 'stop' ); return this; }; this.mute = function() { fn( 'mute' ); return this; }; this.unmute = function() { fn( 'unmute' ); return this; }; this.toggleMute = function() { fn( 'toggleMute' ); return this; }; this.setVolume = function( volume ) { fn( 'setVolume', volume ); return this; }; this.increaseVolume = function( value ) { fn( 'increaseVolume', value ); return this; }; this.decreaseVolume = function( value ) { fn( 'decreaseVolume', value ); return this; }; this.loop = function() { fn( 'loop' ); return this; }; this.unloop = function() { fn( 'unloop' ); return this; }; this.setTime = function( time ) { fn( 'setTime', time ); return this; }; this.setduration = function( duration ) { fn( 'setduration', duration ); return this; }; this.set = function( key, value ) { fn( 'set', key, value ); return this; }; this.bind = function( type, func ) { fn( 'bind', type, func ); return this; }; this.unbind = function( type ) { fn( 'unbind', type ); return this; }; this.bindOnce = function( type, func ) { fn( 'bindOnce', type, func ); return this; }; this.trigger = function( type ) { fn( 'trigger', type ); return this; }; this.fade = function( from, to, duration, callback ) { fn( 'fade', from, to, duration, callback ); return this; }; this.fadeIn = function( duration, callback ) { fn( 'fadeIn', duration, callback ); return this; }; this.fadeOut = function( duration, callback ) { fn( 'fadeOut', duration, callback ); return this; }; // privates function fn() { var args = argsToArray( null, arguments ), func = args.shift(); for( var i = 0; i < sounds.length; i++ ) { sounds[ i ][ func ].apply( sounds[ i ], args ); } } function argsToArray( array, args ) { return ( array instanceof Array ) ? array : Array.prototype.slice.call( args ); } }, all: function() { return new buzz.group( buzz.sounds ); }, isSupported: function() { return !!buzz.el.canPlayType; }, isOGGSupported: function() { return !!buzz.el.canPlayType && buzz.el.canPlayType( 'audio/ogg; codecs="vorbis"' ); }, isWAVSupported: function() { return !!buzz.el.canPlayType && buzz.el.canPlayType( 'audio/wav; codecs="1"' ); }, isMP3Supported: function() { return !!buzz.el.canPlayType && buzz.el.canPlayType( 'audio/mpeg;' ); }, isAACSupported: function() { return !!buzz.el.canPlayType && ( buzz.el.canPlayType( 'audio/x-m4a;' ) || buzz.el.canPlayType( 'audio/aac;' ) ); }, toTimer: function( time, withHours ) { var h, m, s; h = Math.floor( time / 3600 ); h = isNaN( h ) ? '--' : ( h >= 10 ) ? h : '0' + h; m = withHours ? Math.floor( time / 60 % 60 ) : Math.floor( time / 60 ); m = isNaN( m ) ? '--' : ( m >= 10 ) ? m : '0' + m; s = Math.floor( time % 60 ); s = isNaN( s ) ? '--' : ( s >= 10 ) ? s : '0' + s; return withHours ? h + ':' + m + ':' + s : m + ':' + s; }, fromTimer: function( time ) { var splits = time.toString().split( ':' ); if ( splits && splits.length == 3 ) { time = ( parseInt( splits[ 0 ], 10 ) * 3600 ) + ( parseInt(splits[ 1 ], 10 ) * 60 ) + parseInt( splits[ 2 ], 10 ); } if ( splits && splits.length == 2 ) { time = ( parseInt( splits[ 0 ], 10 ) * 60 ) + parseInt( splits[ 1 ], 10 ); } return time; }, toPercent: function( value, total, decimal ) { var r = Math.pow( 10, decimal || 0 ); return Math.round( ( ( value * 100 ) / total ) * r ) / r; }, fromPercent: function( percent, total, decimal ) { var r = Math.pow( 10, decimal || 0 ); return Math.round( ( ( total / 100 ) * percent ) * r ) / r; } }; exports = buzz;; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\lib\raphael.js */ define("scripts/lib/raphael.js", function(exports){ /* * Raphael 1.5.2 - JavaScript Vector Library * * Copyright (c) 2010 Dmitry Baranovskiy (http://raphaeljs.com) * Licensed under the MIT (http://raphaeljs.com/license.html) license. */ var Raphael; var window = {}; (function(){ function a(){ if(a.is(arguments[0],G)) { var b=arguments[0],d=bV[m](a,b.splice(0,3+a.is(b[0],E))),e=d.set(); for(var g=0,h=b[w];g<h;g++){ var i=b[g]||{};c[f](i.type)&&e[L](d[i.type]().attr(i)) } return e } return bV[m](a,arguments)}a.version="1.5.2"; var b=/[, ]+/, c={circle:1,rect:1,path:1,ellipse:1,text:1,image:1}, d=/\{(\d+)\}/g, e="prototype", f="hasOwnProperty", g=document, h=window, i={was:Object[e][f].call(h,"Raphael"),is:h.Raphael}, j=function(){this.customAttributes={}}, k, l="appendChild", m="apply", n="concat", o="createTouch"in g, p="", q=" ", r=String, s="split", t="click dblclick mousedown mousemove mouseout mouseover mouseup touchstart touchmove touchend orientationchange touchcancel gesturestart gesturechange gestureend"[s](q), u={mousedown:"touchstart",mousemove:"touchmove",mouseup:"touchend"}, v="join", w="length", x=r[e].toLowerCase, y=Math, z=y.max, A=y.min, B=y.abs, C=y.pow, D=y.PI, E="number", F="string", G="array", H="toString", I="fill", J=Object[e][H], K={}, L="push", M=/^url\(['"]?([^\)]+?)['"]?\)$/i N=/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i, O={"NaN":1,Infinity:1,"-Infinity":1}, P=/^(?:cubic-)?bezier\(([^,]+),([^,]+),([^,]+),([^\)]+)\)/, Q=y.round, R="setAttribute", S=parseFloat, T=parseInt, U=" progid:DXImageTransform.Microsoft", V=r[e].toUpperCase, W={ blur:0, "clip-rect":"0 0 1e9 1e9", cursor:"default", cx:0, cy:0, fill:"#fff", "fill-opacity":1, font:"10px \"Arial\"", "font-family":"\"Arial\"", "font-size":"10", "font-style":"normal", "font-weight":400, gradient:0, height:0, href:" opacity:1, path:"M0,0", r:0, rotation:0, rx:0, ry:0, scale:"1 1", src:"", stroke:"#000", "stroke-dasharray":"", "stroke-linecap":"butt", "stroke-linejoin":"butt", "stroke-miterlimit":0, "stroke-opacity":1, "stroke-width":1, target:"_blank", "text-anchor":"middle", title:"Raphael", translation:"0 0", width:0,x:0,y:0 }, X={ along:"along", blur:E, "clip-rect":"csv", cx:E, cy:E, fill:"colour", "fill-opacity":E, "font-size":E, height:E, opacity:E, path:"path", r:E, rotation:"csv", rx:E, ry:E, scale:"csv", stroke:"colour", "stroke-opacity":E, "stroke-width":E, translation:"csv", width:E, x:E, y:E }, Y="replace", Z=/^(from|to|\d+%?)$/,$=/\s*,\s*/,_={hs:1,rg:1},ba=/,?([achlmqrstvxz]),?/gi,bb=/([achlmqstvz])[\s,]*((-?\d*\.?\d*(?:e[-+]?\d+)?\s*,?\s*)+)/ig,bc=/(-?\d*\.?\d*(?:e[-+]?\d+)?)\s*,?\s*/ig,bd=/^r(?:\(([^,]+?)\s*,\s*([^\)]+?)\))?/,be=function(a,b){return a.key-b.key }; a.type=h.SVGAngle||g.implementation.hasFeature(" SVG11/feature#BasicStructure","1.1")="SVG":"VML"; if(a.type=="VML") { var bf=g.createElement("p"),bg; bf.innerHTML="<v:shape adj=\"1\"/>"; bg=bf.firstChild;bg.style.behavior="url(#default#VML)"; if(!(bg&&typeof bg.adj=="object")) return a.type=null; bf=null } a.svg=!(a.vml=a.type=="VML"); j[e]=a[e]; k=j[e]; a._id=0; a._oid=0; a.fn={}; a.is=function(a,b){ b=x.call(b); if(b=="finite") return!O[f](+a); return b=="null"&&a===null||b==typeof a||b=="object"&&a===Object(a)||b=="array"&&Array.isArray&&Array.isArray(a)||J.call(a).slice(8,-1).toLowerCase()==b }; a.angle=function(b,c,d,e,f,g){ { if(f==null) { var h=b-d,i=c-e; if(!h&&!i)return 0; return((h<0)*180+y.atan(-i/-h)*180/D+360)%360 } return a.angle(b,c,f,g)-a.angle(d,e,f,g) } }; a.rad=function(a){ return a%360*D/180}; a.deg=function(a){ return a*180/D%360 }; a.snapTo=function(b,c,d){ d=a.is(d,"finite")?d:10; if(a.is(b,G)){ var e=b.length; while(e--) if(B(b[e]-c)<=d) return b[e] } else{ b=+b; var f=c%b; if(f<d) return c-f; if(f>b-d) return c-f+b } return c }; function bh(){ var a=[],b=0; for(;b<32;b++) a[b]=(~(~(y.random()*16)))[H](16); a[12]=4; a[16]=(a[16]&3|8)[H](16); return"r-"+a[v]("") } a.setWindow=function(a){ h=a; g=h.document}; var bi=function(b){ if(a.vml) { var c=/^\s+|\s+$/g,d; try{ var e=new ActiveXObject("htmlfile"); e.write("<body>"); e.close(); d=e.body } catch(a){ d=createPopup().document.body } var f=d.createTextRange(); bi=bm(function(a){ try{ d.style.color=r(a)[Y](c,p); var b=f.queryCommandValue("ForeColor"); b=(b&255)<<16|b&65280|(b&16711680)>>>16; return"#"+("000000"+b[H](16)).slice(-6)}catch(a){return"none"}})}else{var h=g.createElement("i"); h.title="Raphaël Colour Picker"; h.style.display="none"; g.body[l](h); bi=bm(function(a){ h.style.color=a; return g.defaultView.getComputedStyle(h,p).getPropertyValue("color")})}return bi(b)},bj=function(){ return"hsb("+[this.h,this.s,this.b]+")" }, bk=function(){ return"hsl("+[this.h,this.s,this.l]+")" }, bl=function(){ return this.hex }; a.hsb2rgb=function(b,c,d,e){ if(a.is(b,"object")&&"h"in b&&"s"in b&&"b"in b) { d=b.b; c=b.s; b=b.h; e=b.o } return a.hsl2rgb(b,c,d/2,e) }; a.hsl2rgb=function(b,c,d,e){ if(a.is(b,"object")&&"h"in b&&"s"in b&&"l"in b) { d=b.l; c=b.s; b=b.h } if(b>1||c>1||d>1) { b/=360; c/=100; d/=100 } var f={},g=["r","g","b"],h,i,j,k,l,m; if(c) { d<0.5?h=d*(1+c):h=d+c-d*c; i=2*d-h; for(var n=0;n<3;n++){ j=b+1/3*-(n-1); j<0&&j++; j>1&&j--; j*6<1?f[g[n]]=i+(h-i)*6*j:j*2<1?f[g[n]]=h:j*3<2?f[g[n]]=i+(h-i)*(2/3-j)*6:f[g[n]]=i } } else f={r:d,g:d,b:d}; f.r*=255; f.g*=255; f.b*=255; f.hex="#"+(16777216|f.b|f.g<<8|f.r<<16).toString(16).slice(1); a.is(e,"finite")&&(f.opacity=e); f.toString=bl; return f }; a.rgb2hsb=function(b,c,d){ if(c==null&&a.is(b,"object")&&"r"in b&&"g"in b&&"b"in b) {d=b.b;c=b.g;b=b.r} if(c==null&&a.is(b,F)){ var e=a.getRGB(b);b=e.r;c=e.g;d=e.b}if(b>1||c>1||d>1) {b/=255;c/=255;d/=255} var f=z(b,c,d),g=A(b,c,d),h,i,j=f; { if(g==f)return{h:0,s:0,b:f,toString:bj }; var k=f-g;i=k/f;b==f?h=(c-d)/k:c==f?h=2+(d-b)/k:h=4+(b-c)/k;h/=6; h<0&&h++;h>1&&h--}return{h:h,s:i,b:j,toString:bj}}; a.rgb2hsl=function(b,c,d){ if(c==null&&a.is(b,"object")&&"r"in b&&"g"in b&&"b"in b) { d=b.b;c=b.g;b=b.r } if(c==null&&a.is(b,F)) { var e=a.getRGB(b);b=e.r;c=e.g;d=e.b}if(b>1||c>1||d>1){b/=255;c/=255;d/=255 } var f=z(b,c,d),g=A(b,c,d),h,i,j=(f+g)/2,k; if(g==f)k={h:0,s:0,l:j}; else{ var l=f-g;i=j<0.5?l/(f+g):l/(2-f-g);b==f?h=(c-d)/l:c==f?h=2+(d-b)/l:h=4+(b-c)/l;h/=6;h<0&&h++;h>1&&h--; k={h:h,s:i,l:j}}k.toString=bk;return k }; a._path2string=function(){ return this.join(",")[Y](ba,"$1") }; function bm(a,b,c){ function d(){ var g=Array[e].slice.call(arguments,0),h=g[v]("►"),i=d.cache=d.cache||{},j=d.count=d.count||[]; if(i[f](h)) return c?c(i[h]):i[h];j[w]>=1000&&delete i[j.shift()]; j[L](h);i[h]=a[m](b,g); return c?c(i[h]):i[h] } return d } a.getRGB=bm( function(b){ if(!b||!(!((b=r(b)).indexOf("-")+1))) return{r:-1,g:-1,b:-1,hex:"none",error:1}; if(b=="none") return{r:-1,g:-1,b:-1,hex:"none"}; !(_[f](b.toLowerCase().substring(0,2))||b.charAt()=="#")&&(b=bi(b)); var c,d,e,g,h,i,j,k=b.match(N); if(k){if(k[2]){g=T(k[2].substring(5),16); e=T(k[2].substring(3,5),16); d=T(k[2].substring(1,3),16)} if(k[3]){ g=T((i=k[3].charAt(3))+i,16); e=T((i=k[3].charAt(2))+i,16); d=T((i=k[3].charAt(1))+i,16) } if(k[4]){j=k[4][s]($); d=S(j[0]);j[0].slice(-1)=="%"&&(d*=2.55); e=S(j[1]);j[1].slice(-1)=="%"&&(e*=2.55); g=S(j[2]); j[2].slice(-1)=="%"&&(g*=2.55); k[1].toLowerCase().slice(0,4)=="rgba"&&(h=S(j[3])); j[3]&&j[3].slice(-1)=="%"&&(h/=100)}if(k[5]){j=k[5][s]($); d=S(j[0]); j[0].slice(-1)=="%"&&(d*=2.55);e=S(j[1]);j[1].slice(-1)=="%"&&(e*=2.55); g=S(j[2]);j[2].slice(-1)=="%"&&(g*=2.55); (j[0].slice(-3)=="deg"||j[0].slice(-1)=="°")&&(d/=360);k[1].toLowerCase().slice(0,4)=="hsba"&&(h=S(j[3])); j[3]&&j[3].slice(-1)=="%"&&(h/=100); return a.hsb2rgb(d,e,g,h) } if(k[6]) { j=k[6][s]($);d=S(j[0]);j[0].slice(-1)=="%"&&(d*=2.55);e=S(j[1]);j[1].slice(-1)=="%"&&(e*=2.55);g=S(j[2]); j[2].slice(-1)=="%"&&(g*=2.55); (j[0].slice(-3)=="deg"||j[0].slice(-1)=="°")&&(d/=360);k[1].toLowerCase().slice(0,4)=="hsla"&&(h=S(j[3])); j[3]&&j[3].slice(-1)=="%"&&(h/=100); return a.hsl2rgb(d,e,g,h) } k={ r:d,g:e,b:g }; k.hex="#"+(16777216|g|e<<8|d<<16).toString(16).slice(1); a.is(h,"finite")&&(k.opacity=h);return k}return{r:-1,g:-1,b:-1,hex:"none",error:1}},a); a.getColor=function(a){ var b=this.getColor.start=this.getColor.start||{h:0,s:1,b:a||0.75},c=this.hsb2rgb(b.h,b.s,b.b); b.h+=0.075;if(b.h>1){b.h=0;b.s-=0.2;b.s<=0&&(this.getColor.start={h:0,s:1,b:b.b}) } return c.hex }; a.getColor.reset=function(){ delete this.start }; a.parsePathString=bm(function(b){ if(!b) return null; var c={a:7,c:6,h:1,l:2,m:2,q:4,s:4,t:2,v:1,z:0},d=[];a.is(b,G)&&a.is(b[0],G)&&(d=bo(b)); d[w]||r(b)[Y](bb,function(a,b,e){var f=[],g=x.call(b); e[Y](bc,function(a,b){ b&&f[L](+b)}); if(g=="m"&&f[w]>2){d[L]([b][n](f.splice(0,2))); g="l";b=b=="m"?"l":"L" } while(f[w]>=c[g]){ d[L]([b][n](f.splice(0,c[g]))); if(!c[g])break}}); d[H]=a._path2string; return d }); a.findDotsAtSegment=function(a,b,c,d,e,f,g,h,i){ var j=1-i,k=C(j,3)*a+C(j,2)*3*i*c+j*3*i*i*e+C(i,3)*g,l=C(j,3)*b+C(j,2)*3*i*d+j*3*i*i*f+C(i,3)*h, m=a+2*i*(c-a)+i*i*(e-2*c+a),n=b+2*i*(d-b)+i*i*(f-2*d+b),o=c+2*i*(e-c)+i*i*(g-2*e+c), p=d+2*i*(f-d)+i*i*(h-2*f+d),q=(1-i)*a+i*c,r=(1-i)*b+i*d,s=(1-i)*e+i*g,t=(1-i)*f+i*h, u=90-y.atan((m-o)/(n-p))*180/D;(m>o||n<p)&&(u+=180);return{x:k,y:l,m:{x:m,y:n},n:{x:o,y:p},start:{x:q,y:r}, end:{x:s,y:t},alpha:u}}; var bn=bm(function(a){ if(!a) return{ x:0,y:0,width:0,height:0 }; a=bw(a); var b=0,c=0,d=[],e=[],f; for(var g=0,h=a[w];g<h;g++){ f=a[g];if(f[0]=="M"){b=f[1];c=f[2];d[L](b);e[L](c) } else{ var i=bv(b,c,f[1],f[2],f[3],f[4],f[5],f[6]); d=d[n](i.min.x,i.max.x);e=e[n](i.min.y,i.max.y);b=f[5];c=f[6] } } var j=A[m](0,d),k=A[m](0,e); return{x:j,y:k,width:z[m](0,d)-j,height:z[m](0,e)-k}}),bo=function(b){ var c=[]; if(!a.is(b,G)||!a.is(b&&b[0],G))b=a.parsePathString(b); for(var d=0,e=b[w];d<e;d++){ c[d]=[]; for(var f=0,g=b[d][w];f<g;f++) c[d][f]=b[d][f]}c[H]=a._path2string; return c},bp=bm(function(b){ if(!a.is(b,G)||!a.is(b&&b[0],G))b=a.parsePathString(b); var c=[],d=0,e=0,f=0,g=0,h=0;if(b[0][0]=="M"){ d=b[0][1];e=b[0][2];f=d;g=e;h++;c[L](["M",d,e]) } for(var i=h,j=b[w];i<j;i++){ var k=c[i]=[],l=b[i]; if(l[0]!=x.call(l[0])) { k[0]=x.call(l[0]); switch(k[0]){ case"a":k[1]=l[1];k[2]=l[2];k[3]=l[3];k[4]=l[4];k[5]=l[5];k[6]=+(l[6]-d).toFixed(3); k[7]=+(l[7]-e).toFixed(3);break;case"v":k[1]=+(l[1]-e).toFixed(3);break;case"m":f=l[1];g=l[2]; default: for(var m=1,n=l[w];m<n;m++)k[m]=+(l[m]-(m%2?d:e)).toFixed(3) } }else{ k=c[i]=[]; if(l[0]=="m"){ f=l[1]+d;g=l[2]+e}for(var o=0,p=l[w];o<p;o++)c[i][o]=l[o] } var q=c[i][w]; switch(c[i][0]){ case"z":d=f;e=g;break; case"h":d+=+c[i][q-1];break; case"v":e+=+c[i][q-1];break; default:d+=+c[i][q-2]; e+=+c[i][q-1] } }c[H]=a._path2string; return c },0,bo),bq=bm(function(b){ if(!a.is(b,G)||!a.is(b&&b[0],G))b=a.parsePathString(b); var c=[],d=0,e=0,f=0,g=0,h=0;if(b[0][0]=="M"){ d=+b[0][1];e=+b[0][2]; f=d;g=e;h++;c[0]=["M",d,e] } for(var i=h,j=b[w];i<j;i++){ var k=c[i]=[],l=b[i]; if(l[0]!=V.call(l[0])){ k[0]=V.call(l[0]); switch(k[0]){ case"A":k[1]=l[1];k[2]=l[2];k[3]=l[3];k[4]=l[4];k[5]=l[5];k[6]=+(l[6]+d);k[7]=+(l[7]+e);break; case"V":k[1]=+l[1]+e;break; case"H":k[1]=+l[1]+d;break; case"M":f=+l[1]+d;g=+l[2]+e; default: for(var m=1,n=l[w];m<n;m++) k[m]=+l[m]+(m%2?d:e) } }else for(var o=0,p=l[w];o<p;o++)c[i][o]=l[o]; switch(k[0]){ case"Z":d=f;e=g;break; case"H":d=k[1];break; case"V":e=k[1];break; case"M":f=c[i][c[i][w]-2];g=c[i][c[i][w]-1]; default: d=c[i][c[i][w]-2];e=c[i][c[i][w]-1]}}c[H]=a._path2string; return c},null,bo ), br=function(a,b,c,d){ return[a,b,c,d,c,d]},bs=function(a,b,c,d,e,f){ var g=1/3,h=2/3; return[g*a+h*c,g*b+h*d,g*e+h*c,g*f+h*d,e,f] }, bt=function(a,b,c,d,e,f,g,h,i,j){ var k=D*120/180,l=D/180*(+e||0),m=[],o,p=bm(function(a,b,c){var d=a*y.cos(c)-b*y.sin(c),e=a*y.sin(c)+b*y.cos(c); return{x:d,y:e}}); if(j){ G=j[0];H=j[1];E=j[2];F=j[3]}else{o=p(a,b,-l);a=o.x;b=o.y;o=p(h,i,-l); h=o.x;i=o.y;var q=y.cos(D/180*e),r=y.sin(D/180*e),t=(a-h)/2,u=(b-i)/2,x=t*t/(c*c)+u*u/(d*d); if(x>1) { x=y.sqrt(x);c=x*c; d=x*d}var z=c*c,A=d*d,C=(f==g?-1:1)*y.sqrt(B((z*A-z*u*u-A*t*t)/(z*u*u+A*t*t))),E=C*c*u/d+(a+h)/2, F=C*-d*t/c+(b+i)/2,G=y.asin(((b-F)/d).toFixed(9)),H=y.asin(((i-F)/d).toFixed(9)); G=a<E?D-G:G;H=h<E?D-H:H; G<0&&(G=D*2+G);H<0&&(H=D*2+H);g&&G>H&&(G=G-D*2);!g&&H>G&&(H=H-D*2)} var I=H-G; if(B(I)>k) { var J=H,K=h,L=i;H=G+k*(g&&H>G?1:-1);h=E+c*y.cos(H);i=F+d*y.sin(H);m=bt(h,i,c,d,e,0,g,K,L,[H,J,E,F]) } I=H-G; var M=y.cos(G),N=y.sin(G),O=y.cos(H),P=y.sin(H),Q=y.tan(I/4),R=4/3*c*Q,S=4/3*d*Q, T=[a,b],U=[a+R*N,b-S*M],V=[h+R*P,i-S*O],W=[h,i];U[0]=2*T[0]-U[0];U[1]=2*T[1]-U[1];{ if(j) return[U,V,W][n](m); m=[U,V,W][n](m)[v]()[s](","); var X=[]; for(var Y=0,Z=m[w];Y<Z;Y++) X[Y]=Y%2?p(m[Y-1],m[Y],l).y:p(m[Y],m[Y+1],l).x;return X}},bu=function(a,b,c,d,e,f,g,h,i){ var j=1-i;return{x:C(j,3)*a+C(j,2)*3*i*c+j*3*i*i*e+C(i,3)*g,y:C(j,3)*b+C(j,2)*3*i*d+j*3*i*i*f+C(i,3)*h } },bv=bm(function(a,b,c,d,e,f,g,h){ var i=e-2*c+a-(g-2*e+c),j=2*(c-a)-2*(e-c),k=a-c,l=(-j+y.sqrt(j*j-4*i*k))/2/i,n=(-j-y.sqrt(j*j-4*i*k))/2/i, o=[b,h],p=[a,g],q;B(l)>"1e12"&&(l=0.5);B(n)>"1e12"&&(n=0.5); if(l>0&&l<1) { q=bu(a,b,c,d,e,f,g,h,l);p[L](q.x);o[L](q.y) } if(n>0&&n<1) { q=bu(a,b,c,d,e,f,g,h,n);p[L](q.x);o[L](q.y)}i=f-2*d+b-(h-2*f+d);j=2*(d-b)-2*(f-d);k=b-d; l=(-j+y.sqrt(j*j-4*i*k))/2/i;n=(-j-y.sqrt(j*j-4*i*k))/2/i;B(l)>"1e12"&&(l=0.5);B(n)>"1e12"&&(n=0.5); if(l>0&&l<1) { q=bu(a,b,c,d,e,f,g,h,l);p[L](q.x);o[L](q.y)}if(n>0&&n<1){q=bu(a,b,c,d,e,f,g,h,n);p[L](q.x);o[L](q.y) } return{min:{x:A[m](0,p),y:A[m](0,o)},max:{x:z[m](0,p),y:z[m](0,o)}}}),bw=bm(function(a,b){var c=bq(a), d=b&&bq(b),e={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null}, f={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null}, g=function(a,b){ var c,d; if(!a) return["C",b.x,b.y,b.x,b.y,b.x,b.y];!(a[0]in{T:1,Q:1})&&(b.qx=b.qy=null); switch(a[0]){ case"M":b.X=a[1];b.Y=a[2];break; case"A":a=["C"][n](bt[m](0,[b.x,b.y][n](a.slice(1))));break; case"S":c=b.x+(b.x-(b.bx||b.x));d=b.y+(b.y-(b.by||b.y));a=["C",c,d][n](a.slice(1));break; case"T":b.qx=b.x+(b.x-(b.qx||b.x));b.qy=b.y+(b.y-(b.qy||b.y));a=["C"][n](bs(b.x,b.y,b.qx,b.qy,a[1],a[2]));break; case"Q":b.qx=a[1];b.qy=a[2];a=["C"][n](bs(b.x,b.y,a[1],a[2],a[3],a[4]));break; case"L":a=["C"][n](br(b.x,b.y,a[1],a[2]));break; case"H":a=["C"][n](br(b.x,b.y,a[1],b.y));break; case"V":a=["C"][n](br(b.x,b.y,b.x,a[1]));break; case"Z":a=["C"][n](br(b.x,b.y,b.X,b.Y));break } return a }, h=function(a,b){ if(a[b][w]>7) { a[b].shift(); var e=a[b]; while(e[w]) a.splice(b++,0,["C"][n](e.splice(0,6))); a.splice(b,1); k=z(c[w],d&&d[w]||0)}}, i=function(a,b,e,f,g){ if(a&&b&&a[g][0]=="M"&&b[g][0]!="M") { b.splice(g,0,["M",f.x,f.y]);e.bx=0;e.by=0;e.x=a[g][1];e.y=a[g][2];k=z(c[w],d&&d[w]||0)}}; for(var j=0,k=z(c[w],d&&d[w]||0);j<k;j++) { c[j]=g(c[j],e);h(c,j); d&&(d[j]=g(d[j],f)); d&&h(d,j);i(c,d,e,f,j); i(d,c,f,e,j); var l=c[j],o=d&&d[j],p=l[w],q=d&&o[w]; e.x=l[p-2];e.y=l[p-1]; e.bx=S(l[p-4])||e.x;e.by=S(l[p-3])||e.y; f.bx=d&&(S(o[q-4])||f.x); f.by=d&&(S(o[q-3])||f.y); f.x=d&&o[q-2]; f.y=d&&o[q-1]}return d?[c,d]:c},null,bo), bx=bm(function(b){ var c=[]; for(var d=0,e=b[w];d<e;d++){ var f={},g=b[d].match(/^([^:]*):?([\d\.]*)/);f.color=a.getRGB(g[1]); if(f.color.error) return null; f.color=f.color.hex;g[2]&&(f.offset=g[2]+"%");c[L](f)}for(d=1,e=c[w]-1;d<e;d++){ if(!c[d].offset) { var h=S(c[d-1].offset||0),i=0; for(var j=d+1;j<e;j++){ if(c[j].offset) { i=c[j].offset;break } } if(!i) { i=100; j=e } i=S(i); var k=(i-h)/(j-d+1); for(;d<j;d++) { h+=k;c[d].offset=h+"%" } } } return c }), by=function(b,c,d,e){ var f; if(a.is(b,F)||a.is(b,"object")){ f=a.is(b,F)?g.getElementById(b):b; if(f.tagName) return c==null?{ container:f,width:f.style.pixelWidth||f.offsetWidth,height:f.style.pixelHeight||f.offsetHeight}:{container:f,width:c,height:d}} else return{container:1,x:b,y:c,width:d,height:e}},bz=function(a,b){ var c=this;for(var d in b){ if(b[f](d)&&!(d in a)) switch(typeof b[d]){ case"function":(function(b){a[d]=a===c?b:function(){ return b[m](c,arguments)}})(b[d]);break; case"object":a[d]=a[d]||{};bz.call(this,a[d],b[d]);break; default: a[d]=b[d];break }}},bA=function(a,b){a==b.top&&(b.top=a.prev);a==b.bottom&&(b.bottom=a.next); a.next&&(a.next.prev=a.prev);a.prev&&(a.prev.next=a.next)},bB=function(a,b){ if(b.top===a) return;bA(a,b);a.next=null;a.prev=b.top;b.top.next=a;b.top=a},bC=function(a,b){ if(b.bottom===a) return;bA(a,b);a.next=b.bottom;a.prev=null;b.bottom.prev=a;b.bottom=a}, bD=function(a,b,c){bA(a,c);b==c.top&&(c.top=a);b.next&&(b.next.prev=a);a.next=b.next;a.prev=b;b.next=a}, bE=function(a,b,c){bA(a,c);b==c.bottom&&(c.bottom=a);b.prev&&(b.prev.next=a);a.prev=b.prev;b.prev=a;a.next=b}, bF=function(a){return function(){ throw new Error("Raphaël: you are calling to method “"+a+"” of removed object")}};a.pathToRelative=bp; if(a.svg){k.svgns=" return+a+(~(~a)===a)*0.5};var bG=function(a,b){ if(b)for(var c in b)b[f](c)&&a[R](c,r(b[c])); else{a=g.createElementNS(k.svgns,a);a.style.webkitTapHighlightColor="rgba(0,0,0,0)";return a}}; a[H]=function(){return"Your browser supports SVG.\nYou are running Raphaël "+this.version}; var bH=function(a,b){var c=bG("path");b.canvas&&b.canvas[l](c);var d=new bN(c,b);d.type="path"; bK(d,{fill:"none",stroke:"#000",path:a}); return d},bI=function(a,b,c){var d="linear",e=0.5,f=0.5,h=a.style;b=r(b)[Y](bd,function(a,b,c){d="radial"; if(b&&c){e=S(b);f=S(c);var g=(f>0.5)*2-1; C(e-0.5,2)+C(f-0.5,2)>0.25&&(f=y.sqrt(0.25-C(e-0.5,2))*g+0.5)&&f!=0.5&&(f=f.toFixed(5)-0.00001*g)}return p}); b=b[s](/\s*\-\s*/);if(d=="linear"){var i=b.shift();i=-S(i); if(isNaN(i))return null;var j=[0,0,y.cos(i*D/180),y.sin(i*D/180)],k=1/(z(B(j[2]),B(j[3]))||1); j[2]*=k;j[3]*=k; if(j[2]<0){j[0]=-j[2];j[2]=0}if(j[3]<0){j[1]=-j[3];j[3]=0}}var m=bx(b); if(!m)return null;var n=a.getAttribute(I);n=n.match(/^url\(#(.*)\)$/); n&&c.defs.removeChild(g.getElementById(n[1]));var o=bG(d+"Gradient");o.id=bh(); bG(o,d=="radial"?{fx:e,fy:f}:{x1:j[0],y1:j[1],x2:j[2],y2:j[3]});c.defs[l](o); for(var q=0,t=m[w];q<t;q++){var u=bG("stop"); bG(u,{offset:m[q].offset?m[q].offset:q?"100%":"0%","stop-color":m[q].color||"#fff"}); o[l](u)}bG(a,{fill:"url(#"+o.id+")",opacity:1,"fill-opacity":1});h.fill=p;h.opacity=1;h.fillOpacity=1; return 1}, bJ=function(b){var c=b.getBBox();bG(b.pattern,{patternTransform:a.format("translate({0},{1})",c.x,c.y)})}, bK=function(c,d){ var e={"":[0],none:[0],"-":[3,1],".":[1,1],"-.":[3,1,1,1],"-..":[3,1,1,1,1,1],". ":[1,3],"- ":[4,3],"--":[8,3], "- .":[4,3,1,3],"--.":[8,3,1,3],"--..":[8,3,1,3,1,3]}, h=c.node,i=c.attrs,j=c.rotate(), k=function(a,b){b=e[x.call(b)]; if(b){var c=a.attrs["stroke-width"]||"1",f=({round:c,square:c,butt:0}) [a.attrs["stroke-linecap"]||d["stroke-linecap"]]||0,g=[],i=b[w];while(i--)g[i]=b[i]*c+(i%2?1:-1)*f; bG(h,{"stroke-dasharray":g[v](",")})}}; d[f]("rotation")&&(j=d.rotation); var m=r(j)[s](b); if(m.length-1){m[1]=+m[1];m[2]=+m[2]}else m=null;S(j)&&c.rotate(0,true); for(var n in d){if(d[f](n)){ if(!W[f](n))continue;var o=d[n];i[n]=o; switch(n){case"blur":c.blur(o);break; case"rotation":c.rotate(o,true);break;case"href":case"title":case"target":var t=h.parentNode; if(x.call(t.tagName)!="a"){var u=bG("a");t.insertBefore(u,h);u[l](h); t=u} n=="target"&&o=="blank"?t.setAttributeNS(c.paper.xlink,"show","new"):t.setAttributeNS(c.paper.xlink,n,o); break; case"cursor":h.style.cursor=o;break;case"clip-rect":var y=r(o)[s](b); if(y[w]==4){c.clip&&c.clip.parentNode.parentNode.removeChild(c.clip.parentNode); var z=bG("clipPath"),A=bG("rect");z.id=bh();bG(A,{x:y[0],y:y[1],width:y[2],height:y[3]});z[l](A); c.paper.defs[l](z);bG(h,{"clip-path":"url(#"+z.id+")"});c.clip=A} if(!o){ var B=g.getElementById(h.getAttribute("clip-path")[Y](/(^url\(#|\)$)/g,p)); B&&B.parentNode.removeChild(B); bG(h,{"clip-path":p});delete c.clip}break;case"path":c.type=="path"&&bG(h,{d:o?i.path=bq(o):"M0,0"});break; case"width":h[R](n,o); if(i.fx){ n="x";o=i.x}else break;case"x":i.fx&&(o=-i.x-(i.width||0)); case"rx":if(n=="rx"&&c.type=="rect")break; case"cx":m&&(n=="x"||n=="cx")&&(m[1]+=o-i[n]);h[R](n,o); c.pattern&&bJ(c);break; case"height":h[R](n,o);if(i.fy){n="y";o=i.y}else break; case"y":i.fy&&(o=-i.y-(i.height||0));case"ry":if(n=="ry"&&c.type=="rect")break; case"cy":m&&(n=="y"||n=="cy")&&(m[2]+=o-i[n]);h[R](n,o);c.pattern&&bJ(c);break; case"r":c.type=="rect"?bG(h,{rx:o,ry:o}):h[R](n,o);break; case"src":c.type=="image"&&h.setAttributeNS(c.paper.xlink,"href",o);break; case"stroke-width":h.style.strokeWidth=o;h[R](n,o);i["stroke-dasharray"]&&k(c,i["stroke-dasharray"]);break; case"stroke-dasharray":k(c,o);break; case"translation":var C=r(o)[s](b);C[0]=+C[0]||0;C[1]=+C[1]||0;if(m){m[1]+=C[0];m[2]+=C[1]}cz.call(c,C[0],C[1]);break; case"scale":C=r(o)[s](b);c.scale(+C[0]||1,+C[1]||+C[0]||1,isNaN(S(C[2]))?null:+C[2],isNaN(S(C[3]))?null:+C[3]);break; case I:var D=r(o).match(M); if(D){z=bG("pattern"); var E=bG("image");z.id=bh(); bG(z,{x:0,y:0,patternUnits:"userSpaceOnUse",height:1,width:1}); bG(E,{x:0,y:0});E.setAttributeNS(c.paper.xlink,"href",D[1]);z[l](E); var F=g.createElement("img");F.style.cssText="position:absolute;left:-9999em;top-9999em"; F.onload=function(){ bG(z,{width:this.offsetWidth,height:this.offsetHeight}); bG(E,{width:this.offsetWidth,height:this.offsetHeight}); g.body.removeChild(this); c.paper.safari()}; g.body[l](F);F.src=D[1]; c.paper.defs[l](z);h.style.fill="url(#"+z.id+")"; bG(h,{fill:"url(#"+z.id+")"});c.pattern=z;c.pattern&&bJ(c);break} var G=a.getRGB(o); if(G.error) if((({circle:1,ellipse:1})[f](c.type)||r(o).charAt()!="r")&&bI(h,o,c.paper)){ i.gradient=o;i.fill="none";break} else{ delete d.gradient; delete i.gradient;!a.is(i.opacity,"undefined")&&a.is(d.opacity,"undefined")&&bG(h,{opacity:i.opacity}); !a.is(i["fill-opacity"],"undefined")&&a.is(d["fill-opacity"],"undefined")&&bG(h,{ "fill-opacity":i["fill-opacity"]})}G[f]("opacity")&&bG(h,{"fill-opacity":G.opacity>1?G.opacity/100:G.opacity}); case"stroke":G=a.getRGB(o);h[R](n,G.hex); n=="stroke"&&G[f]("opacity")&&bG(h,{"stroke-opacity":G.opacity>1?G.opacity/100:G.opacity});break; case"gradient":(({circle:1,ellipse:1})[f](c.type)||r(o).charAt()!="r")&&bI(h,o,c.paper);break; case"opacity":i.gradient&&!i[f]("stroke-opacity")&&bG(h,{"stroke-opacity":o>1?o/100:o}); case"fill-opacity":if(i.gradient){ var H=g.getElementById(h.getAttribute(I)[Y](/^url\(#|\)$/g,p)); if(H){ var J=H.getElementsByTagName("stop");J[J[w]-1][R]("stop-opacity",o)} break} default: n=="font-size"&&(o=T(o,10)+"px"); var K=n[Y](/(\-.)/g,function(a){return V.call(a.substring(1))});h.style[K]=o;h[R](n,o); break}}} bM(c,d);m?c.rotate(m.join(q)):S(j)&&c.rotate(j,true)},bL=1.2,bM=function(b,c){ if(b.type!="text"||!(c[f]("text")||c[f]("font")||c[f]("font-size")||c[f]("x")||c[f]("y")))return; var d=b.attrs,e=b.node,h=e.firstChild?T(g.defaultView.getComputedStyle(e.firstChild,p).getPropertyValue( "font-size"),10):10;if(c[f]("text")){ d.text=c.text;while(e.firstChild)e.removeChild(e.firstChild); var i=r(c.text)[s]("\n"); for(var j=0,k=i[w];j<k;j++) if(i[j]){var m=bG("tspan"); j&&bG(m,{dy:h*bL,x:d.x}); m[l](g.createTextNode(i[j])); e[l](m)} }else{ i=e.getElementsByTagName("tspan");for(j=0,k=i[w];j<k;j++)j&&bG(i[j],{dy:h*bL,x:d.x})}bG(e,{y:d.y}); var n=b.getBBox(),o=d.y-(n.y+n.height/2);o&&a.is(o,"finite")&&bG(e,{y:d.y+o})}, bN=function(b,c){ var d=0,e=0; this[0]=b; this.id=a._oid++; this.node=b;b.raphael=this; this.paper=c; this.attrs=this.attrs||{}; this.transformations=[]; this._={tx:0,ty:0,rt:{deg:0,cx:0,cy:0},sx:1,sy:1};!c.bottom&&(c.bottom=this); this.prev=c.top; c.top&&(c.top.next=this); c.top=this; this.next=null},bO=bN[e]; bN[e].rotate=function(c,d,e){ if(this.removed)return this; if(c==null){ if(this._.rt.cx) return[this._.rt.deg,this._.rt.cx,this._.rt.cy][v](q); return this._.rt.deg }var f=this.getBBox();c=r(c)[s](b); if(c[w]-1){ d=S(c[1]); e=S(c[2])}c=S(c[0]); d!=null&&d!==false?this._.rt.deg=c:this._.rt.deg+=c; e==null&&(d=null); this._.rt.cx=d; this._.rt.cy=e; d=d==null?f.x+f.width/2:d;e=e==null?f.y+f.height/2:e; if(this._.rt.deg){ this.transformations[0]=a.format("rotate({0} {1} {2})",this._.rt.deg,d,e); this.clip&&bG(this.clip,{transform:a.format("rotate({0} {1} {2})",-this._.rt.deg,d,e)}) }else{ this.transformations[0]=p; this.clip&&bG(this.clip,{transform:p})} bG(this.node,{transform:this.transformations[v](q)}); return this };bN[e].hide=function(){!this.removed&&(this.node.style.display="none"); return this}; bN[e].show=function(){!this.removed&&(this.node.style.display=""); return this}; bN[e].remove=function(){ if(this.removed)return;bA(this,this.paper); this.node.parentNode.removeChild(this.node); for(var a in this)delete this[a];this.removed=true};bN[e].getBBox=function(){ if(this.removed)return this; if(this.type=="path")return bn(this.attrs.path); if(this.node.style.display=="none"){this.show();var a=true}var b={}; try{b=this.node.getBBox()}catch(a){}finally{b=b||{}} if(this.type=="text"){ b={x:b.x,y:Infinity,width:0,height:0}; for(var c=0,d=this.node.getNumberOfChars();c<d;c++){ var e=this.node.getExtentOfChar(c);e.y<b.y&&(b.y=e.y);e.y+e.height-b.y>b.height&&(b.height=e.y+e.height-b.y); e.x+e.width-b.x>b.width&&(b.width=e.x+e.width-b.x)}}a&&this.hide(); return b}; bN[e].attr=function(b,c){ if(this.removed)return this; if(b==null){ var d={}; for(var e in this.attrs)this.attrs[f](e)&&(d[e]=this.attrs[e]); this._.rt.deg&&(d.rotation=this.rotate());(this._.sx!=1||this._.sy!=1)&&(d.scale=this.scale()); d.gradient&&d.fill=="none"&&(d.fill=d.gradient)&&delete d.gradient;return d} if(c==null&&a.is(b,F)){ if(b=="translation")return cz.call(this); if(b=="rotation")return this.rotate(); if(b=="scale")return this.scale(); if(b==I&&this.attrs.fill=="none"&&this.attrs.gradient)return this.attrs.gradient;return this.attrs[b]} if(c==null&&a.is(b,G)){var g={}; for(var h=0,i=b.length;h<i;h++)g[b[h]]=this.attr(b[h]);return g} if(c!=null){var j={};j[b]=c}else b!=null&&a.is(b,"object")&&(j=b); for(var k in this.paper.customAttributes) if(this.paper.customAttributes[f](k)&&j[f](k)&&a.is(this.paper.customAttributes[k],"function")){ var l=this.paper.customAttributes[k].apply(this,[][n](j[k])); this.attrs[k]=j[k];for(var m in l)l[f](m)&&(j[m]=l[m])}bK(this,j); return this};bN[e].toFront=function(){ if(this.removed)return this;this.node.parentNode[l](this.node);var a=this.paper;a.top!=this&&bB(this,a); return this};bN[e].toBack=function(){ if(this.removed)return this; if(this.node.parentNode.firstChild!=this.node){ this.node.parentNode.insertBefore(this.node,this.node.parentNode.firstChild);bC(this,this.paper); var a=this.paper} return this}; bN[e].insertAfter=function(a){ if(this.removed)return this; var b=a.node||a[a.length-1].node; b.nextSibling?b.parentNode.insertBefore(this.node,b.nextSibling):b.parentNode[l](this.node); bD(this,a,this.paper);return this};bN[e].insertBefore=function(a){ if(this.removed)return this;var b=a.node||a[0].node;b.parentNode.insertBefore(this.node,b); bE(this,a,this.paper);return this};bN[e].blur=function(a){var b=this;if(+a!==0){ var c=bG("filter"),d=bG("feGaussianBlur"); b.attrs.blur=a;c.id=bh();bG(d,{stdDeviation:+a||1.5}); c.appendChild(d);b.paper.defs.appendChild(c); b._blur=c;bG(b.node,{filter:"url(#"+c.id+")"})}else{if(b._blur){b._blur.parentNode.removeChild(b._blur); delete b._blur; delete b.attrs.blur}b.node.removeAttribute("filter")}}; var bP=function(a,b,c,d){var e=bG("circle"); a.canvas&&a.canvas[l](e); var f=new bN(e,a);f.attrs={cx:b,cy:c,r:d,fill:"none",stroke:"#000"}; f.type="circle";bG(e,f.attrs);return f},bQ=function(a,b,c,d,e,f){var g=bG("rect");a.canvas&&a.canvas[l](g); var h=new bN(g,a);h.attrs={x:b,y:c,width:d,height:e,r:f||0,rx:f||0,ry:f||0,fill:"none",stroke:"#000"};h.type="rect"; bG(g,h.attrs);return h},bR=function(a,b,c,d,e){var f=bG("ellipse"); a.canvas&&a.canvas[l](f);var g=new bN(f,a);g.attrs={cx:b,cy:c,rx:d,ry:e,fill:"none",stroke:"#000"}; g.type="ellipse";bG(f,g.attrs);return g},bS=function(a,b,c,d,e,f){var g=bG("image"); bG(g,{x:c,y:d,width:e,height:f,preserveAspectRatio:"none"});g.setAttributeNS(a.xlink,"href",b); a.canvas&&a.canvas[l](g);var h=new bN(g,a);h.attrs={x:c,y:d,width:e,height:f,src:b};h.type="image"; return h},bT=function(a,b,c,d){var e=bG("text");bG(e,{x:b,y:c,"text-anchor":"middle"}); a.canvas&&a.canvas[l](e);var f=new bN(e,a); f.attrs={x:b,y:c,"text-anchor":"middle",text:d,font:W.font,stroke:"none",fill:"#000"}; f.type="text";bK(f,f.attrs); return f},bU=function(a,b){ this.width=a||this.width; this.height=b||this.height; this.canvas[R]("width",this.width); this.canvas[R]("height",this.height); return this},bV=function(){var b=by[m](0,arguments),c=b&&b.container,d=b.x,e=b.y,f=b.width,h=b.height; if(!c)throw new Error("SVG container not found."); var i=bG("svg");d=d||0;e=e||0;f=f||512;h=h||342; bG(i,{xmlns:" if(c==1){i.style.cssText="position:absolute;left:"+d+"px;top:"+e+"px"; g.body[l](i)}else c.firstChild?c.insertBefore(i,c.firstChild):c[l](i);c=new j; c.width=f;c.height=h;c.canvas=i;bz.call(c,c,a.fn);c.clear();return c}; k.clear=function(){var a=this.canvas;while(a.firstChild)a.removeChild(a.firstChild); this.bottom=this.top=null;(this.desc=bG("desc"))[l](g.createTextNode("Created with Raphaël")); a[l](this.desc);a[l](this.defs=bG("defs"))}; k.remove=function(){this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas); for(var a in this)this[a]=bF(a)}} if(a.vml){ var bW={M:"m",L:"l",C:"c",Z:"x",m:"t",l:"r",c:"v",z:"x"}, bX=/([clmz]),?([^clmz]*)/gi,bY=/ progid:\S+Blur\([^\)]+\)/g,bZ=/-?[^,\s-]+/g,b$=1000+q+1000,b_=10, ca={path:1,rect:1},cb=function(a){var b=/[ahqstv]/ig,c=bq;r(a).match(b)&&(c=bw);b=/[clmz]/g; if(c==bq&&!r(a).match(b)){var d=r(a)[Y](bX,function(a,b,c){var d=[],e=x.call(b)=="m",f=bW[b]; c[Y](bZ,function(a){if(e&&d[w]==2){f+=d+bW[b=="m"?"l":"L"];d=[]}d[L](Q(a*b_))});return f+d}); return d}var e=c(a),f,g;d=[];for(var h=0,i=e[w];h<i;h++){f=e[h];g=x.call(e[h][0]);g=="z"&&(g="x"); for(var j=1,k=f[w];j<k;j++)g+=Q(f[j]*b_)+(j!=k-1?",":p);d[L](g)}return d[v](q)}; a[H]=function(){ return"Your browser doesn’t support SVG. Falling down to VML.\nYou are running Raphaël "+this.version}; bH=function(a,b){var c=cd("group"); c.style.cssText="position:absolute; left:0; top:0; width:"+b.width+"px; height:"+b.height+"px"; c.coordsize=b.coordsize;c.coordorigin=b.coordorigin;var d=cd("shape"),e=d.style;e.width=b.width+"px"; e.height=b.height+"px";d.coordsize=b$;d.coordorigin=b.coordorigin; c[l](d);var f=new bN(d,c,b),g={fill:"none",stroke:"#000"}; a&&(g.path=a);f.type="path";f.path=[];f.Path=p;bK(f,g);b.canvas[l](c); return f};bK=function(c,d){c.attrs=c.attrs||{}; var e=c.node,h=c.attrs,i=e.style,j, k=(d.x!=h.x||d.y!=h.y||d.width!=h.width||d.height!=h.height||d.r!=h.r)&&c.type=="rect",m=c; for(var n in d)d[f](n)&&(h[n]=d[n]);if(k){h.path=cc(h.x,h.y,h.width,h.height,h.r); c.X=h.x;c.Y=h.y;c.W=h.width;c.H=h.height}d.href&&(e.href=d.href);d.title&&(e.title=d.title); d.target&&(e.target=d.target);d.cursor&&(i.cursor=d.cursor);"blur"in d&&c.blur(d.blur); if(d.path&&c.type=="path"||k)e.path=cb(h.path);d.rotation!=null&&c.rotate(d.rotation,true); if(d.translation){j=r(d.translation)[s](b);cz.call(c,j[0],j[1]); if(c._.rt.cx!=null){c._.rt.cx+=+j[0];c._.rt.cy+=+j[1]; c.setBox(c.attrs,j[0],j[1])}}if(d.scale){j=r(d.scale)[s](b); c.scale(+j[0]||1,+j[1]||+j[0]||1,+j[2]||null,+j[3]||null)}if("clip-rect"in d){ var o=r(d["clip-rect"])[s](b); if(o[w]==4){o[2]=+o[2]+ +o[0];o[3]=+o[3]+ +o[1]; var q=e.clipRect||g.createElement("p"),t=q.style,u=e.parentNode; t.clip=a.format("rect({1}px {2}px {3}px {0}px)",o);if(!e.clipRect){t.position="absolute"; t.top=0;t.left=0;t.width=c.paper.width+"px";t.height=c.paper.height+"px"; u.parentNode.insertBefore(q,u);q[l](u); e.clipRect=q}}d["clip-rect"]||e.clipRect&&(e.clipRect.style.clip=p)}c.type=="image"&&d.src&&(e.src=d.src); if(c.type=="image"&&d.opacity){e.filterOpacity=U+".Alpha(opacity="+d.opacity*100+")"; i.filter=(e.filterMatrix||p)+(e.filterOpacity||p)}d.font&&(i.font=d.font); d["font-family"]&&(i.fontFamily="\""+d["font-family"][s](",")[0][Y](/^['"]+|['"]+$/g,p)+"\""); d["font-size"]&&(i.fontSize=d["font-size"]);d["font-weight"]&&(i.fontWeight=d["font-weight"]); d["font-style"]&&(i.fontStyle=d["font-style"]); if(d.opacity!=null||d["stroke-width"]!=null||d.fill!=null||d.stroke!=null||d["stroke-width"]!=null|| d["stroke-opacity"]!=null||d["fill-opacity"]!=null||d["stroke-dasharray"]!=null||d["stroke-miterlimit"]!=null|| d["stroke-linejoin"]!=null||d["stroke-linecap"]!=null){ e=c.shape||e;var v=e.getElementsByTagName(I)&&e.getElementsByTagName(I)[0],x=false;!v&&(x=v=cd(I)); if("fill-opacity"in d||"opacity"in d){ var y=((+h["fill-opacity"]+1||2)-1)*((+h.opacity+1||2)-1)*((+a.getRGB(d.fill).o+1||2)-1);y=A(z(y,0),1); v.opacity=y}d.fill&&(v.on=true);if(v.on==null||d.fill=="none")v.on=false;if(v.on&&d.fill){ var B=d.fill.match(M);if(B){v.src=B[1];v.type="tile"}else{v.color=a.getRGB(d.fill).hex;v.src=p; v.type="solid"; if(a.getRGB(d.fill).error&&(m.type in{circle:1,ellipse:1}||r(d.fill).charAt()!="r")&&bI(m,d.fill)){ h.fill="none";h.gradient=d.fill}}}x&&e[l](v); var C=e.getElementsByTagName("stroke")&&e.getElementsByTagName("stroke")[0],D=false;!C&&(D=C=cd("stroke")); if(d.stroke&&d.stroke!="none"||d["stroke-width"]||d["stroke-opacity"]!=null||d["stroke-dasharray"]|| d["stroke-miterlimit"]||d["stroke-linejoin"]||d["stroke-linecap"])C.on=true;(d.stroke=="none"|| C.on==null||d.stroke==0||d["stroke-width"]==0)&&(C.on=false);var E=a.getRGB(d.stroke); C.on&&d.stroke&&(C.color=E.hex);y=((+h["stroke-opacity"]+1||2)-1)*((+h.opacity+1||2)-1)*((+E.o+1||2)-1); var F=(S(d["stroke-width"])||1)*0.75;y=A(z(y,0),1);d["stroke-width"]==null&&(F=h["stroke-width"]); d["stroke-width"]&&(C.weight=F); F&&F<1&&(y*=F)&&(C.weight=1);C.opacity=y;d["stroke-linejoin"]&&(C.joinstyle=d["stroke-linejoin"]||"miter"); C.miterlimit=d["stroke-miterlimit"]||8; d["stroke-linecap"]&&(C.endcap=d["stroke-linecap"]=="butt"?"flat":d["stroke-linecap"]=="square"?"square":"round"); if(d["stroke-dasharray"]){ var G={"-":"shortdash",".":"shortdot","-.":"shortdashdot","-..":"shortdashdotdot",". ":"dot","- ":"dash","--": "longdash","- .":"dashdot","--.":"longdashdot","--..":"longdashdotdot"}; C.dashstyle=G[f](d["stroke-dasharray"])?G[d["stroke-dasharray"]]:p}D&&e[l](C)} if(m.type=="text"){i=m.paper.span.style;h.font&&(i.font=h.font); h["font-family"]&&(i.fontFamily=h["font-family"]);h["font-size"]&&(i.fontSize=h["font-size"]); h["font-weight"]&&(i.fontWeight=h["font-weight"]);h["font-style"]&&(i.fontStyle=h["font-style"]); m.node.string&&(m.paper.span.innerHTML=r(m.node.string)[Y](/</g,"<")[Y](/&/g,"&")[Y](/\n/g,"<br>")); m.W=h.w=m.paper.span.offsetWidth;m.H=h.h=m.paper.span.offsetHeight;m.X=h.x;m.Y=h.y+Q(m.H/2); switch(h["text-anchor"]){case"start":m.node.style["v-text-align"]="left";m.bbx=Q(m.W/2);break; case"end":m.node.style["v-text-align"]="right";m.bbx=-Q(m.W/2);break; default:m.node.style["v-text-align"]="center";break}}};bI=function(a,b){a.attrs=a.attrs||{}; var c=a.attrs,d,e="linear",f=".5 .5";a.attrs.gradient=b;b=r(b)[Y](bd,function(a,b,c){ e="radial";if(b&&c){b=S(b);c=S(c);C(b-0.5,2)+C(c-0.5,2)>0.25&&(c=y.sqrt(0.25-C(b-0.5,2))*((c>0.5)*2-1)+0.5); f=b+q+c}return p});b=b[s](/\s*\-\s*/);if(e=="linear"){var g=b.shift();g=-S(g); if(isNaN(g))return null}var h=bx(b);if(!h)return null;a=a.shape||a.node; d=a.getElementsByTagName(I)[0]||cd(I);!d.parentNode&&a.appendChild(d); if(h[w]){d.on=true;d.method="none";d.color=h[0].color;d.color2=h[h[w]-1].color;var i=[]; for(var j=0,k=h[w];j<k;j++)h[j].offset&&i[L](h[j].offset+q+h[j].color); d.colors&&(d.colors.value=i[w]?i[v]():"0% "+d.color);if(e=="radial"){d.type="gradientradial"; d.focus="100%";d.focussize=f;d.focusposition=f}else{d.type="gradient";d.angle=(270-g)%360}}return 1}; bN=function(b,c,d){var e=0,f=0,g=0,h=1;this[0]=b;this.id=a._oid++;this.node=b;b.raphael=this;this.X=0; this.Y=0;this.attrs={};this.Group=c; this.paper=d;this._={tx:0,ty:0,rt:{deg:0},sx:1,sy:1};!d.bottom&&(d.bottom=this); this.prev=d.top;d.top&&(d.top.next=this);d.top=this;this.next=null};bO=bN[e]; bO.rotate=function(a,c,d){ if(this.removed)return this;if(a==null){ if(this._.rt.cx)return[this._.rt.deg,this._.rt.cx,this._.rt.cy][v](q); return this._.rt.deg}a=r(a)[s](b);if(a[w]-1){c=S(a[1]);d=S(a[2])}a=S(a[0]); c!=null?this._.rt.deg=a:this._.rt.deg+=a;d==null&&(c=null);this._.rt.cx=c;this._.rt.cy=d; this.setBox(this.attrs,c,d);this.Group.style.rotation=this._.rt.deg;return this}; bO.setBox=function(a,b,c){if(this.removed)return this; var d=this.Group.style,e=this.shape&&this.shape.style||this.node.style;a=a||{}; for(var g in a)a[f](g)&&(this.attrs[g]=a[g]);b=b||this._.rt.cx;c=c||this._.rt.cy; var h=this.attrs,i,j,k,l; switch(this.type){case"circle":i=h.cx-h.r;j=h.cy-h.r;k=l=h.r*2;break; case"ellipse":i=h.cx-h.rx;j=h.cy-h.ry;k=h.rx*2;l=h.ry*2;break; case"image":i=+h.x;j=+h.y;k=h.width||0;l=h.height||0;break; case"text":this.textpath.v=["m",Q(h.x),", ",Q(h.y-2),"l",Q(h.x)+1,", ",Q(h.y-2)][v](p);i=h.x-Q(this.W/2); j=h.y-this.H/2;k=this.W;l=this.H;break;case"rect":case"path":if(this.attrs.path){var m=bn(this.attrs.path); i=m.x;j=m.y;k=m.width;l=m.height}else{i=0;j=0;k=this.paper.width;l=this.paper.height}break; default:i=0;j=0;k=this.paper.width; l=this.paper.height;break}b=b==null?i+k/2:b;c=c==null?j+l/2:c; var n=b-this.paper.width/2,o=c-this.paper.height/2,q;d.left!=(q=n+"px")&&(d.left=q);d.top!=(q=o+"px")&&(d.top=q); this.X=ca[f](this.type)?-n:i;this.Y=ca[f](this.type)?-o:j;this.W=k;this.H=l; if(ca[f](this.type)){ e.left!=(q=-n*b_+"px")&&(e.left=q);e.top!=(q=-o*b_+"px")&&(e.top=q)} else if(this.type=="text"){e.left!=(q=-n+"px")&&(e.left=q);e.top!=(q=-o+"px")&&(e.top=q) }else{ d.width!=(q=this.paper.width+"px")&&(d.width=q); d.height!=(q=this.paper.height+"px")&&(d.height=q); e.left!=(q=i-n+"px")&&(e.left=q);e.top!=(q=j-o+"px")&&(e.top=q);e.width!=(q=k+"px")&&(e.width=q); e.height!=(q=l+"px")&&(e.height=q)}};bO.hide=function(){!this.removed&&(this.Group.style.display="none"); return this};bO.show=function(){!this.removed&&(this.Group.style.display="block");return this}; bO.getBBox=function(){if(this.removed)return this;if(ca[f](this.type))return bn(this.attrs.path); return{x:this.X+(this.bbx||0),y:this.Y,width:this.W,height:this.H}};bO.remove=function(){ if(this.removed)return;bA(this,this.paper);this.node.parentNode.removeChild(this.node); this.Group.parentNode.removeChild(this.Group);this.shape&&this.shape.parentNode.removeChild(this.shape); for(var a in this)delete this[a];this.removed=true};bO.attr=function(b,c){if(this.removed)return this; if(b==null){var d={};for(var e in this.attrs)this.attrs[f](e)&&(d[e]=this.attrs[e]); this._.rt.deg&&(d.rotation=this.rotate());(this._.sx!=1||this._.sy!=1)&&(d.scale=this.scale()); d.gradient&&d.fill=="none"&&(d.fill=d.gradient)&&delete d.gradient;return d}if(c==null&&a.is(b,"string")){ if(b=="translation")return cz.call(this);if(b=="rotation")return this.rotate();if(b=="scale") return this.scale(); if(b==I&&this.attrs.fill=="none"&&this.attrs.gradient)return this.attrs.gradient;return this.attrs[b] } if(this.attrs&&c==null&&a.is(b,G)){var g,h={};for(e=0,g=b[w];e<g;e++)h[b[e]]=this.attr(b[e]); return h}var i; if(c!=null){i={};i[b]=c}c==null&&a.is(b,"object")&&(i=b); if(i){for(var j in this.paper.customAttributes) if(this.paper.customAttributes[f](j)&&i[f](j)&&a.is(this.paper.customAttributes[j],"function")){ var k=this.paper.customAttributes[j].apply(this,[][n](i[j]));this.attrs[j]=i[j]; for(var l in k) k[f](l)&&(i[l]=k[l])}i.text&&this.type=="text"&&(this.node.string=i.text);bK(this,i); i.gradient&&(({circle:1,ellipse:1})[f](this.type)||r(i.gradient).charAt()!="r")&&bI(this,i.gradient); (!ca[f](this.type)||this._.rt.deg)&&this.setBox(this.attrs)}return this};bO.toFront=function(){ !this.removed&&this.Group.parentNode[l](this.Group);this.paper.top!=this&&bB(this,this.paper);return this}; bO.toBack=function(){if(this.removed)return this;if(this.Group.parentNode.firstChild!=this.Group){ this.Group.parentNode.insertBefore(this.Group,this.Group.parentNode.firstChild);bC(this,this.paper)} return this};bO.insertAfter=function(a){if(this.removed)return this;a.constructor==cC&&(a=a[a.length-1]); a.Group.nextSibling?a.Group.parentNode.insertBefore(this.Group,a.Group.nextSibling):a.Group.parentNode[l]( this.Group);bD(this,a,this.paper);return this};bO.insertBefore=function(a){if(this.removed)return this; a.constructor==cC&&(a=a[0]);a.Group.parentNode.insertBefore(this.Group,a.Group);bE(this,a,this.paper); return this};bO.blur=function(b){var c=this.node.runtimeStyle,d=c.filter;d=d.replace(bY,p);if(+b!==0){ this.attrs.blur=b;c.filter=d+q+U+".Blur(pixelradius="+(+b||1.5)+")"; c.margin=a.format("-{0}px 0 0 -{0}px",Q(+b||1.5))}else{c.filter=d;c.margin=0;delete this.attrs.blur}}; bP=function(a,b,c,d){var e=cd("group"),f=cd("oval"),g=f.style;e.style.cssText="position:absolute;left:0;top:0; width:"+a.width+"px;height:"+a.height+"px";e.coordsize=b$;e.coordorigin=a.coordorigin;e[l](f); var h=new bN(f,e,a);h.type="circle";bK(h,{stroke:"#000",fill:"none"}); h.attrs.cx=b;h.attrs.cy=c;h.attrs.r=d;h.setBox({x:b-d,y:c-d,width:d*2,height:d*2}); a.canvas[l](e);return h}; function cc(b,c,d,e,f){ return f?a.format("M{0},{1}l{2},0a{3},{3},0,0,1,{3},{3}l0,{5}a{3},{3},0,0,1,{4},{3}l{6},0a{3},{3},0,0,1,{4}, {4}l0,{7}a{3},{3},0,0,1,{3},{4}z",b+f,c,d-f*2,f,-f,e-f*2,f*2-d,f*2-e):a.format("M{0},{1}l{2},0,0,{3},{4},0z",b,c,d,e,-d)} bQ=function(a,b,c,d,e,f){var g=cc(b,c,d,e,f),h=a.path(g),i=h.attrs;h.X=i.x=b;h.Y=i.y=c; h.W=i.width=d;h.H=i.height=e;i.r=f;i.path=g;h.type="rect";return h};bR=function(a,b,c,d,e){ var f=cd("group"),g=cd("oval"),h=g.style;f.style.cssText="position:absolute;left:0;top:0; width:"+a.width+"px;height:"+a.height+"px";f.coordsize=b$; f.coordorigin=a.coordorigin;f[l](g);var i=new bN(g,f,a);i.type="ellipse"; bK(i,{stroke:"#000"});i.attrs.cx=b;i.attrs.cy=c;i.attrs.rx=d;i.attrs.ry=e; i.setBox({x:b-d,y:c-e,width:d*2,height:e*2});a.canvas[l](f);return i}; bS=function(a,b,c,d,e,f){var g=cd("group"),h=cd("image");g.style.cssText="position:absolute;left:0; top:0;width:"+a.width+"px;height:"+a.height+"px";g.coordsize=b$;g.coordorigin=a.coordorigin; h.src=b;g[l](h);var i=new bN(h,g,a);i.type="image";i.attrs.src=b;i.attrs.x=c;i.attrs.y=d;i.attrs.w=e; i.attrs.h=f;i.setBox({x:c,y:d,width:e,height:f});a.canvas[l](g);return i};bT=function(b,c,d,e){ var f=cd("group"),g=cd("shape"),h=g.style,i=cd("path"),j=i.style,k=cd("textpath"); f.style.cssText="position:absolute;left:0;top:0;width:"+b.width+"px;height:"+b.height+"px"; f.coordsize=b$;f.coordorigin=b.coordorigin;i.v=a.format("m{0},{1}l{2},{1}",Q(c*10),Q(d*10),Q(c*10)+1); i.textpathok=true;h.width=b.width;h.height=b.height;k.string=r(e);k.on=true;g[l](k);g[l](i); f[l](g);var m=new bN(k,f,b);m.shape=g;m.textpath=i;m.type="text";m.attrs.text=e;m.attrs.x=c;m.attrs.y=d; m.attrs.w=1;m.attrs.h=1;bK(m,{font:W.font,stroke:"none",fill:"#000"});m.setBox();b.canvas[l](f);return m}; bU=function(a,b){var c=this.canvas.style;a==+a&&(a+="px");b==+b&&(b+="px");c.width=a;c.height=b; c.clip="rect(0 "+a+" "+b+" 0)";return this};var cd; g.createStyleSheet().addRule(".rvml","behavior:url(#default#VML)"); try{!g.namespaces.rvml&&g.namespaces.add("rvml","urn:schemas-microsoft-com:vml"); cd=function(a){return g.createElement("<rvml:"+a+" class=\"rvml\">")}}catch(a){cd=function(a){ return g.createElement("<"+a+" xmlns=\"urn:schemas-microsoft.com:vml\" class=\"rvml\">")}}bV=function(){ var b=by[m](0,arguments),c=b.container,d=b.height,e,f=b.width,h=b.x,i=b.y; if(!c) throw new Error("VML container not found.");var k=new j,n=k.canvas=g.createElement("p"),o=n.style;h=h||0;i=i||0; f=f||512;d=d||342;f==+f&&(f+="px");d==+d&&(d+="px");k.width=1000;k.height=1000;k.coordsize=b_*1000+q+b_*1000; k.coordorigin="0 0";k.span=g.createElement("span");k.span.style.cssText="position:absolute;left:-9999em; top:-9999em;padding:0;margin:0;line-height:1;display:inline;";n[l](k.span); o.cssText=a.format("top:0;left:0;width:{0};height:{1}; display:inline-block;position:relative;clip:rect(0 {0} {1} 0);overflow:hidden",f,d); if(c==1){g.body[l](n);o.left=h+"px";o.top=i+"px";o.position="absolute"} else c.firstChild?c.insertBefore(n,c.firstChild):c[l](n);bz.call(k,k,a.fn); return k};k.clear=function(){ this.canvas.innerHTML=p;this.span=g.createElement("span"); this.span.style.cssText="position:absolute;left:-9999em; top:-9999em;padding:0;margin:0;line-height:1;display:inline;"; this.canvas[l](this.span);this.bottom=this.top=null};k.remove=function(){ this.canvas.parentNode.removeChild(this.canvas);for(var a in this)this[a]=bF(a); return true}}var ce=navigator.userAgent.match(/Version\\x2f(.*?)\s/); navigator.vendor=="Apple Computer, Inc."&&(ce&&ce[1]<4||navigator.platform.slice(0,2)=="iP")?k.safari=function(){ var a=this.rect(-99,-99,this.width+99,this.height+99).attr({stroke:"none"}); h.setTimeout(function(){a.remove()})}:k.safari=function(){}; var cf=function(){this.returnValue=false},cg=function(){return this.originalEvent.preventDefault()},ch=function(){this.cancelBubble=true},ci=function(){return this.originalEvent.stopPropagation()},cj=(function(){{if(g.addEventListener)return function(a,b,c,d){var e=o&&u[b]?u[b]:b,g=function(e){if(o&&u[f](b))for(var g=0,h=e.targetTouches&&e.targetTouches.length;g<h;g++){ if(e.targetTouches[g].target==a){var i=e;e=e.targetTouches[g];e.originalEvent=i;e.preventDefault=cg;e.stopPropagation=ci;break}}return c.call(d,e)};a.addEventListener(e,g,false);return function(){a.removeEventListener(e,g,false);return true}};if(g.attachEvent)return function(a,b,c,d){var e=function(a){a=a||h.event;a.preventDefault=a.preventDefault||cf;a.stopPropagation=a.stopPropagation||ch; return c.call(d,a)};a.attachEvent("on"+b,e);var f=function(){a.detachEvent("on"+b,e);return true};return f}}})(),ck=[],cl=function(a){var b=a.clientX,c=a.clientY,d=g.documentElement.scrollTop||g.body.scrollTop,e=g.documentElement.scrollLeft||g.body.scrollLeft,f,h=ck.length;while(h--){f=ck[h];if(o){var i=a.touches.length,j;while(i--){j=a.touches[i]; if(j.identifier==f.el._drag.id){b=j.clientX;c=j.clientY;(a.originalEvent?a.originalEvent:a).preventDefault();break}}}else a.preventDefault();b+=e;c+=d;f.move&&f.move.call(f.move_scope||f.el,b-f.el._drag.x,c-f.el._drag.y,b,c,a)}},cm=function(b){a.unmousemove(cl).unmouseup(cm);var c=ck.length,d;while(c--){d=ck[c];d.el._drag={};d.end&&d.end.call(d.end_scope||d.start_scope||d.move_scope||d.el,b)}ck=[]}; for(var cn=t[w];cn--;)(function(b){a[b]=bN[e][b]=function(c,d){if(a.is(c,"function")){this.events=this.events||[];this.events.push({name:b,f:c,unbind:cj(this.shape||this.node||g,b,c,d||this)})}return this};a["un"+b]=bN[e]["un"+b]=function(a){var c=this.events,d=c[w];while(d--)if(c[d].name==b&&c[d].f==a){c[d].unbind();c.splice(d,1);!c.length&&delete this.events;return this}return this}})(t[cn]); bO.hover=function(a,b,c,d){return this.mouseover(a,c).mouseout(b,d||c)};bO.unhover=function(a,b){return this.unmouseover(a).unmouseout(b)}; bO.drag=function(b,c,d,e,f,h){this._drag={};this.mousedown(function(i){(i.originalEvent||i).preventDefault(); var j=g.documentElement.scrollTop||g.body.scrollTop,k=g.documentElement.scrollLeft||g.body.scrollLeft;this._drag.x=i.clientX+k;this._drag.y=i.clientY+j;this._drag.id=i.identifier; c&&c.call(f||e||this,i.clientX+k,i.clientY+j,i);!ck.length&&a.mousemove(cl).mouseup(cm);ck.push({el:this,move:b,end:d,move_scope:e,start_scope:f,end_scope:h})});return this};bO.undrag=function(b,c,d){var e=ck.length;while(e--)ck[e].el==this&&(ck[e].move==b&&ck[e].end==d)&&ck.splice(e++,1);!ck.length&&a.unmousemove(cl).unmouseup(cm)};k.circle=function(a,b,c){return bP(this,a||0,b||0,c||0)}; k.rect=function(a,b,c,d,e){return bQ(this,a||0,b||0,c||0,d||0,e||0)};k.ellipse=function(a,b,c,d){return bR(this,a||0,b||0,c||0,d||0)};k.path=function(b){b&&!a.is(b,F)&&!a.is(b[0],G)&&(b+=p);return bH(a.format[m](a,arguments),this)};k.image=function(a,b,c,d,e){return bS(this,a||"about:blank",b||0,c||0,d||0,e||0)};k.text=function(a,b,c){return bT(this,a||0,b||0,r(c))};k.set=function(a){arguments[w]>1&&(a=Array[e].splice.call(arguments,0,arguments[w]));return new cC(a)};k.setSize=bU;k.top=k.bottom=null;k.raphael=a;function co(){return this.x+q+this.y}bO.resetScale=function(){ if(this.removed)return this;this._.sx=1;this._.sy=1;this.attrs.scale="1 1"};bO.scale=function(a,b,c,d){if(this.removed)return this; if(a==null&&b==null)return{x:this._.sx,y:this._.sy,toString:co};b=b||a;!(+b)&&(b=a);var e,f,g,h,i=this.attrs;if(a!=0){var j=this.getBBox(),k=j.x+j.width/2,l=j.y+j.height/2,m=B(a/this._.sx),o=B(b/this._.sy);c=+c||c==0?c:k;d=+d||d==0?d:l;var r=this._.sx>0,s=this._.sy>0,t=~(~(a/B(a))),u=~(~(b/B(b))),x=m*t,y=o*u,z=this.node.style,A=c+B(k-c)*x*(k>c==r?1:-1),C=d+B(l-d)*y*(l>d==s?1:-1),D=a*t>b*u?o:m;switch(this.type){case"rect":case"image":var E=i.width*m,F=i.height*o;this.attr({height:F,r:i.r*D,width:E,x:A-E/2,y:C-F/2});break;case"circle":case"ellipse":this.attr({rx:i.rx*m,ry:i.ry*o,r:i.r*D,cx:A,cy:C});break;case"text":this.attr({x:A,y:C});break;case"path":var G=bp(i.path),H=true,I=r?x:m,J=s?y:o;for(var K=0,L=G[w];K<L;K++){var M=G[K],N=V.call(M[0]);{if(N=="M"&&H)continue;H=false}if(N=="A"){M[G[K][w]-2]*=I;M[G[K][w]-1]*=J;M[1]*=m;M[2]*=o;M[5]=+(t+u?!(!(+M[5])):!(+M[5]))}else if(N=="H")for(var O=1,P=M[w];O<P;O++)M[O]*=I;else if(N=="V")for(O=1,P=M[w];O<P;O++)M[O]*=J; else for(O=1,P=M[w];O<P;O++)M[O]*=O%2?I:J}var Q=bn(G);e=A-Q.x-Q.width/2; f=C-Q.y-Q.height/2;G[0][1]+=e;G[0][2]+=f;this.attr({path:G});break}if(this.type in{text:1,image:1}&&(t!=1||u!=1))if(this.transformations){this.transformations[2]="scale("[n](t,",",u,")"); this.node[R]("transform",this.transformations[v](q));e=t==-1?-i.x-(E||0):i.x;f=u==-1?-i.y-(F||0):i.y;this.attr({x:e,y:f});i.fx=t-1;i.fy=u-1}else{this.node.filterMatrix=U+".Matrix(M11="[n](t,", M12=0, M21=0, M22=",u,", Dx=0, Dy=0, sizingmethod='auto expand', filtertype='bilinear')");z.filter=(this.node.filterMatrix||p)+(this.node.filterOpacity||p)}else if(this.transformations){this.transformations[2]=p;this.node[R]("transform",this.transformations[v](q));i.fx=0;i.fy=0}else{this.node.filterMatrix=p;z.filter=(this.node.filterMatrix||p)+(this.node.filterOpacity||p)}i.scale=[a,b,c,d][v](q);this._.sx=a;this._.sy=b}return this};bO.clone=function(){if(this.removed)return null;var a=this.attr();delete a.scale;delete a.translation;return this.paper[this.type]().attr(a)};var cp={},cq=function(b,c,d,e,f,g,h,i,j){var k=0,l=100,m=[b,c,d,e,f,g,h,i].join(),n=cp[m],o,p;!n&&(cp[m]=n={data:[]});n.timer&&clearTimeout(n.timer);n.timer=setTimeout(function(){delete cp[m]},2000); if(j!=null){var q=cq(b,c,d,e,f,g,h,i);l=~(~q)*10}for(var r=0;r<l+1;r++){if(n.data[j]>r)p=n.data[r*l];else{p=a.findDotsAtSegment(b,c,d,e,f,g,h,i,r/l); n.data[r]=p}r&&(k+=C(C(o.x-p.x,2)+C(o.y-p.y,2),0.5));if(j!=null&&k>=j)return p;o=p}if(j==null)return k},cr=function(b,c){return function(d,e,f){d=bw(d);var g,h,i,j,k="",l={},m,n=0;for(var o=0,p=d.length;o<p;o++){i=d[o];if(i[0]=="M"){g=+i[1];h=+i[2]}else{j=cq(g,h,i[1],i[2],i[3],i[4],i[5],i[6]);if(n+j>e){if(c&&!l.start){m=cq(g,h,i[1],i[2],i[3],i[4],i[5],i[6],e-n);k+=["C",m.start.x,m.start.y,m.m.x,m.m.y,m.x,m.y];if(f)return k;l.start=k;k=["M",m.x,m.y+"C",m.n.x,m.n.y,m.end.x,m.end.y,i[5],i[6]][v]();n+=j;g=+i[5];h=+i[6];continue}if(!b&&!c){m=cq(g,h,i[1],i[2],i[3],i[4],i[5],i[6],e-n);return{x:m.x,y:m.y,alpha:m.alpha}}}n+=j;g=+i[5];h=+i[6]}k+=i}l.end=k;m=b?n:c?l:a.findDotsAtSegment(g,h,i[1],i[2],i[3],i[4],i[5],i[6],1);m.alpha&&(m={x:m.x,y:m.y,alpha:m.alpha});return m}},cs=cr(1),ct=cr(),cu=cr(0,1);bO.getTotalLength=function(){if(this.type!="path")return;if(this.node.getTotalLength)return this.node.getTotalLength();return cs(this.attrs.path)}; bO.getPointAtLength=function(a){if(this.type!="path")return;return ct(this.attrs.path,a)}; bO.getSubpath=function(a,b){if(this.type!="path")return;if(B(this.getTotalLength()-b)<"1e-6")return cu(this.attrs.path,a).end;var c=cu(this.attrs.path,b,1);return a?cu(c,a).end:c}; a.easing_formulas={linear:function(a){return a},"<":function(a){return C(a,3)},">":function(a){return C(a-1,3)+1},"<>":function(a){a=a*2;if(a<1)return C(a,3)/2;a-=2;return(C(a,3)+2)/2},backIn:function(a){var b=1.70158;return a*a*((b+1)*a-b)},backOut:function(a){a=a-1;var b=1.70158;return a*a*((b+1)*a+b)+1},elastic:function(a){if(a==0||a==1)return a;var b=0.3,c=b/4;return C(2,-10*a)*y.sin((a-c)*(2*D)/b)+1},bounce:function(a){var b=7.5625,c=2.75,d;if(a<1/c)d=b*a*a;else if(a<2/c){a-=1.5/c;d=b*a*a+0.75}else if(a<2.5/c){a-=2.25/c;d=b*a*a+0.9375}else{a-=2.625/c;d=b*a*a+0.984375}return d}};var cv=[],cw=function(){var b=+(new Date);for(var c=0;c<cv[w];c++){var d=cv[c];if(d.stop||d.el.removed)continue;var e=b-d.start,g=d.ms,h=d.easing,i=d.from,j=d.diff,k=d.to,l=d.t,m=d.el,n={},o;if(e<g){var r=h(e/g);for(var s in i)if(i[f](s)){switch(X[s]){case"along":o=r*g*j[s];k.back&&(o=k.len-o);var t=ct(k[s],o);m.translate(j.sx-j.x||0,j.sy-j.y||0);j.x=t.x;j.y=t.y;m.translate(t.x-j.sx,t.y-j.sy); k.rot&&m.rotate(j.r+t.alpha,t.x,t.y);break;case E:o=+i[s]+r*g*j[s];break;case"colour":o="rgb("+[cy(Q(i[s].r+r*g*j[s].r)),cy(Q(i[s].g+r*g*j[s].g)),cy(Q(i[s].b+r*g*j[s].b))][v](",")+")";break;case"path":o=[];for(var u=0,x=i[s][w];u<x;u++){o[u]=[i[s][u][0]];for(var y=1,z=i[s][u][w];y<z;y++)o[u][y]=+i[s][u][y]+r*g*j[s][u][y];o[u]=o[u][v](q)}o=o[v](q);break;case"csv":switch(s){case"translation":var A=r*g*j[s][0]-l.x,B=r*g*j[s][1]-l.y;l.x+=A;l.y+=B;o=A+q+B;break;case"rotation":o=+i[s][0]+r*g*j[s][0];i[s][1]&&(o+=","+i[s][1]+","+i[s][2]);break;case"scale":o=[+i[s][0]+r*g*j[s][0],+i[s][1]+r*g*j[s][1],2 in k[s]?k[s][2]:p,3 in k[s]?k[s][3]:p][v](q);break;case"clip-rect":o=[];u=4;while(u--)o[u]=+i[s][u]+r*g*j[s][u];break}break;default:var C=[].concat(i[s]);o=[];u=m.paper.customAttributes[s].length;while(u--)o[u]=+C[u]+r*g*j[s][u];break}n[s]=o}m.attr(n);m._run&&m._run.call(m)}else{if(k.along){t=ct(k.along,k.len*!k.back);m.translate(j.sx-(j.x||0)+t.x-j.sx,j.sy-(j.y||0)+t.y-j.sy); k.rot&&m.rotate(j.r+t.alpha,t.x,t.y)}(l.x||l.y)&&m.translate(-l.x,-l.y);k.scale&&(k.scale+=p);m.attr(k);cv.splice(c--,1)}}a.svg&&m&&m.paper&&m.paper.safari(); cv[w]&&setTimeout(cw)},cx=function(b,c,d,e,f){var g=d-e;c.timeouts.push(setTimeout(function(){a.is(f,"function")&&f.call(c);c.animate(b,g,b.easing)},e))},cy=function(a){return z(A(a,255),0)},cz=function(a,b){if(a==null)return{x:this._.tx,y:this._.ty,toString:co}; this._.tx+=+a;this._.ty+=+b;switch(this.type){case"circle":case"ellipse":this.attr({cx:+a+this.attrs.cx,cy:+b+this.attrs.cy});break;case"rect":case"image":case"text":this.attr({x:+a+this.attrs.x,y:+b+this.attrs.y});break;case"path":var c=bp(this.attrs.path);c[0][1]+=+a;c[0][2]+=+b;this.attr({path:c});break}return this};bO.animateWith=function(a,b,c,d,e){ for(var f=0,g=cv.length;f<g;f++)cv[f].el.id==a.id&&(b.start=cv[f].start);return this.animate(b,c,d,e)};bO.animateAlong=cA();bO.animateAlongBack=cA(1);function cA(b){return function(c,d,e,f){var g={back:b};a.is(e,"function")?f=e:g.rot=e;c&&c.constructor==bN&&(c=c.attrs.path);c&&(g.along=c); return this.animate(g,d,f)}}function cB(a,b,c,d,e,f){var g=3*b,h=3*(d-b)-g,i=1-g-h,j=3*c,k=3*(e-c)-j,l=1-j-k;function m(a){return((i*a+h)*a+g)*a}function n(a,b){var c=o(a,b);return((l*c+k)*c+j)*c}function o(a,b){var c,d,e,f,j,k;for(e=a,k=0;k<8;k++){f=m(e)-a;if(B(f)<b)return e;j=(3*i*e+2*h)*e+g;if(B(j)<0.000001)break;e=e-f/j}c=0;d=1;e=a; if(e<c)return c;if(e>d)return d;while(c<d){f=m(e);if(B(f-a)<b)return e;a>f?c=e:d=e;e=(d-c)/2+c}return e}return n(a,1/(200*f))}bO.onAnimation=function(a){this._run=a||0;return this};bO.animate=function(c,d,e,g){var h=this;h.timeouts=h.timeouts||[];if(a.is(e,"function")||!e)g=e||null;if(h.removed){g&&g.call(h);return h}var i={},j={},k=false,l={}; for(var m in c)if(c[f](m)){if(X[f](m)||h.paper.customAttributes[f](m)){k=true;i[m]=h.attr(m);i[m]==null&&(i[m]=W[m]);j[m]=c[m];switch(X[m]){case"along":var n=cs(c[m]),o=ct(c[m],n*!(!c.back)),p=h.getBBox();l[m]=n/d;l.tx=p.x;l.ty=p.y;l.sx=o.x;l.sy=o.y;j.rot=c.rot;j.back=c.back;j.len=n;c.rot&&(l.r=S(h.rotate())||0);break;case E:l[m]=(j[m]-i[m])/d; break;case"colour":i[m]=a.getRGB(i[m]);var q=a.getRGB(j[m]);l[m]={r:(q.r-i[m].r)/d,g:(q.g-i[m].g)/d,b:(q.b-i[m].b)/d};break;case"path":var t=bw(i[m],j[m]);i[m]=t[0];var u=t[1];l[m]=[];for(var v=0,x=i[m][w];v<x;v++){l[m][v]=[0];for(var y=1,z=i[m][v][w];y<z;y++)l[m][v][y]=(u[v][y]-i[m][v][y])/d}break;case"csv":var A=r(c[m])[s](b),B=r(i[m])[s](b); switch(m){case"translation":i[m]=[0,0];l[m]=[A[0]/d,A[1]/d];break;case"rotation":i[m]=B[1]==A[1]&&B[2]==A[2]?B:[0,A[1],A[2]]; l[m]=[(A[0]-i[m][0])/d,0,0];break;case"scale":c[m]=A;i[m]=r(i[m])[s](b);l[m]=[(A[0]-i[m][0])/d,(A[1]-i[m][1])/d,0,0];break;case"clip-rect":i[m]=r(i[m])[s](b);l[m]=[];v=4;while(v--)l[m][v]=(A[v]-i[m][v])/d;break}j[m]=A;break;default:A=[].concat(c[m]);B=[].concat(i[m]);l[m]=[];v=h.paper.customAttributes[m][w];while(v--)l[m][v]=((A[v]||0)-(B[v]||0))/d;break}}} if(k){var G=a.easing_formulas[e]; if(!G){G=r(e).match(P);if(G&&G[w]==5){var H=G;G=function(a){return cB(a,+H[1],+H[2],+H[3],+H[4],d)}}else G=function(a){return a}}cv.push({start:c.start||+(new Date),ms:d,easing:G,from:i,diff:l,to:j,el:h,t:{x:0,y:0}}); a.is(g,"function")&&(h._ac=setTimeout(function(){g.call(h)},d));cv[w]==1&&setTimeout(cw)}else{var C=[],D;for(var F in c)if(c[f](F)&&Z.test(F)){m={value:c[F]};F=="from"&&(F=0);F=="to"&&(F=100);m.key=T(F,10);C.push(m)}C.sort(be);C[0].key&&C.unshift({key:0,value:h.attrs}); for(v=0,x=C[w];v<x;v++)cx(C[v].value,h,d/100*C[v].key,d/100*(C[v-1]&&C[v-1].key||0),C[v-1]&&C[v-1].value.callback);D=C[C[w]-1].value.callback; D&&h.timeouts.push(setTimeout(function(){D.call(h)},d))}return this}; bO.stop=function(){for(var a=0;a<cv.length;a++)cv[a].el.id==this.id&&cv.splice(a--,1); for(a=0,ii=this.timeouts&&this.timeouts.length;a<ii;a++)clearTimeout(this.timeouts[a]); this.timeouts=[];clearTimeout(this._ac);delete this._ac;return this}; bO.translate=function(a,b){return this.attr({translation:a+" "+b})}; bO[H]=function(){return"Raphaël’s object"};a.ae=cv; var cC=function(a){this.items=[];this[w]=0;this.type="set"; if(a)for(var b=0,c=a[w];b<c;b++){if(a[b]&&(a[b].constructor==bN||a[b].constructor==cC)){this[this.items[w]]=this.items[this.items[w]]=a[b];this[w]++}}};cC[e][L]=function(){var a,b;for(var c=0,d=arguments[w];c<d;c++){a=arguments[c];if(a&&(a.constructor==bN||a.constructor==cC)){b=this.items[w];this[b]=this.items[b]=a; this[w]++}}return this};cC[e].pop=function(){delete this[this[w]--];return this.items.pop()};for(var cD in bO)bO[f](cD)&&(cC[e][cD]=(function(a){return function(){for(var b=0,c=this.items[w];b<c;b++)this.items[b][a][m](this.items[b],arguments);return this}})(cD));cC[e].attr=function(b,c){if(b&&a.is(b,G)&&a.is(b[0],"object"))for(var d=0,e=b[w];d<e;d++)this.items[d].attr(b[d]);else for(var f=0,g=this.items[w];f<g;f++)this.items[f].attr(b,c);return this};cC[e].animate=function(b,c,d,e){(a.is(d,"function")||!d)&&(e=d||null);var f=this.items[w],g=f,h,i=this,j;e&&(j=function(){!(--f)&&e.call(i)});d=a.is(d,F)?d:j;h=this.items[--g].animate(b,c,d,j); while(g--)this.items[g]&&!this.items[g].removed&&this.items[g].animateWith(h,b,c,d,j);return this};cC[e].insertAfter=function(a){var b=this.items[w];while(b--)this.items[b].insertAfter(a);return this};cC[e].getBBox=function(){var a=[],b=[],c=[],d=[];for(var e=this.items[w];e--;){var f=this.items[e].getBBox(); a[L](f.x);b[L](f.y);c[L](f.x+f.width);d[L](f.y+f.height)}a=A[m](0,a);b=A[m](0,b);return{x:a,y:b,width:z[m](0,c)-a,height:z[m](0,d)-b}};cC[e].clone=function(a){a=new cC;for(var b=0,c=this.items[w];b<c;b++)a[L](this.items[b].clone());return a};a.registerFont=function(a){if(!a.face)return a;this.fonts=this.fonts||{};var b={w:a.w,face:{},glyphs:{}},c=a.face["font-family"];for(var d in a.face)a.face[f](d)&&(b.face[d]=a.face[d]);this.fonts[c]?this.fonts[c][L](b):this.fonts[c]=[b];if(!a.svg){b.face["units-per-em"]=T(a.face["units-per-em"],10);for(var e in a.glyphs)if(a.glyphs[f](e)){var g=a.glyphs[e];b.glyphs[e]={w:g.w,k:{},d:g.d&&"M"+g.d[Y](/[mlcxtrv]/g,function(a){return({l:"L",c:"C",x:"z",t:"m",r:"l",v:"c"})[a]||"M"})+"z"};if(g.k)for(var h in g.k)g[f](h)&&(b.glyphs[e].k[h]=g.k[h])}}return a};k.getFont=function(b,c,d,e){e=e||"normal";d=d||"normal"; c=+c||({normal:400,bold:700,lighter:300,bolder:800})[c]||400;if(!a.fonts)return;var g=a.fonts[b];if(!g){var h=new RegExp("(^|\\s)"+b[Y](/[^\w\d\s+!~.:_-]/g,p)+"(\\s|$)","i");for(var i in a.fonts)if(a.fonts[f](i)){if(h.test(i)){g=a.fonts[i];break}}}var j;if(g)for(var k=0,l=g[w];k<l;k++){j=g[k];if(j.face["font-weight"]==c&&(j.face["font-style"]==d||!j.face["font-style"])&&j.face["font-stretch"]==e)break}return j}; k.print=function(c,d,e,f,g,h,i){h=h||"middle";i=z(A(i||0,1),-1);var j=this.set(),k=r(e)[s](p),l=0,m=p,n;a.is(f,e)&&(f=this.getFont(f));if(f){n=(g||16)/f.face["units-per-em"]; var o=f.face.bbox.split(b),q=+o[0],t=+o[1]+(h=="baseline"?o[3]-o[1]+ +f.face.descent:(o[3]-o[1])/2);for(var u=0,v=k[w];u<v;u++){var x=u&&f.glyphs[k[u-1]]||{},y=f.glyphs[k[u]];l+=u?(x.w||f.w)+(x.k&&x.k[k[u]]||0)+f.w*i:0;y&&y.d&&j[L](this.path(y.d).attr({fill:"#000",stroke:"none",translation:[l,0]}))}j.scale(n,n,q,t).translate(c-q,d-t)}return j};a.format=function(b,c){var e=a.is(c,G)?[0][n](c):arguments; b&&a.is(b,F)&&e[w]-1&&(b=b[Y](d,function(a,b){return e[++b]==null?p:e[b]}));return b||p}; a.ninja=function(){i.was?h.Raphael=i.is:delete Raphael;return a};a.el=bO;a.st=cC[e]; i.was?h.Raphael=a:Raphael=a})(); exports = Raphael;; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\lib\sound.js */ define("scripts/lib/sound.js", function(exports){ /** * 简易声效控制 */ /** * 使用方法: * * var sound = require("scripts/lib/sound/main"); * * var snd = sound.create("sounds/myfile"); * snd.play(); */ var buzz = require("scripts/lib/buzz"); var supported = buzz.isSupported(); var config = { formats: [ "ogg", "mp3" ], preload: true, autoload: true, loop: false }; function ClassBuzz( src ){ this.sound = new buzz.sound( src, config ); } ClassBuzz.prototype.play = function( s ){ s = this.sound; s.setPercent( 0 ); s.setVolume( 100 ); s.play(); }; ClassBuzz.prototype.stop = function(){ this.sound.fadeOut( 1e3, function(){ this.pause(); } ); }; exports.create = function( src ){ if( !supported ) return unSupported; else return new ClassBuzz( src ); } function unSupported(){ // TODO: } unSupported.play = unSupported.stop = function(){ // TODO: };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\lib\tween.js */ define("scripts/lib/tween.js", function(exports){ exports.exponential = function(){}; exports.exponential.co = function(index, offset, target, framesNum){ return (index == framesNum) ? offset + target : target * (-Math.pow(2, -10 * index / framesNum) + 1) + offset; }; // exports.exponential.ci = function(index, offset, target, framesNum){ return (index == 0) ? offset : target * Math.pow(2, 10 * (index / framesNum - 1)) + offset; } exports.bounce = function(){}; exports.bounce.co = function(index, offset, target, framesNum){ if((index /= framesNum) < (1 / 2.75)) return target * (7.5625 * index * index) + offset; else if(index < (2 / 2.75)) return target * (7.5625 * (index -= (1.5 / 2.75)) * index + .75) + offset; else if(index < (2.5 / 2.75)) return target * (7.5625 * (index -= (2.25 / 2.75)) * index + .9375) + offset; else return target * (7.5625 * (index -= (2.625 / 2.75)) * index + .984375) + offset; }; exports.quadratic = function(){}; exports.quadratic.ci = function(index, offset, target, framesNum){ return target * (index /= framesNum) * index + offset; }; exports.quadratic.co = function(index, offset, target, framesNum){ return - target * (index /= framesNum) * (index - 2) + offset; } exports.quadratic.cio = function(index, offset, target, framesNum){ if((index /= framesNum / 2) < 1) return target / 2 * index * index + offset; else return - target / 2 * ((-- index) * (index - 2) - 1) + offset; }; exports.circular = function(index, offset, target, framesNum){ if((index /= framesNum / 2) < 1) return - target / 2 * (Math.sqrt(1 - index * index) - 1) + offset; else return target / 2 * (Math.sqrt(1 - (index -= 2) * index) + 1) + offset; } exports.linear = function(index, offset, target, framesNum){ return target * index / framesNum + offset; }; exports.back = function(){}; exports.back.ci = function(index, offset, target, framesNum, s){ s = 1.70158; return target * (index /= framesNum) * index * ((s + 1) * index - s) + offset; }; exports.back.co = function(index, offset, target, framesNum, s){ s = 1.70158; return target * ((index = index / framesNum - 1) * index * ((s + 1) * index + s) + 1) + offset; };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\lib\ucren.js */ define("scripts/lib/ucren.js", function(exports){ /** * ucren-lite * filename: boot.js * author: dron * version: 5.0.2.20120628 * date: 2009-03-15 * contact: ucren.com */ var Ucren; var blankArray = []; var slice = blankArray.slice; var join = blankArray.join; // // [基本数据类型扩展] // // String.prototype.trim if( !String.prototype.trim ) String.prototype.trim = function(){ return this.replace( /^\s+|\s+$/, "" ); }; // String.prototype.format String.prototype.format = function( conf ){ var rtn = this, blank = {}; Ucren.each( conf, function( item, key ){ item = item.toString().replace( /\$/g, "$$$$" ); rtn = rtn.replace( RegExp( "@{" + key + "}", "g" ), item ); }); return rtn.toString(); }; // String.prototype.htmlEncode String.prototype.htmlEncode = function(){ var p = document.createElement( "p" ); return function(){ var text; p.appendChild( document.createTextNode( this )); text = p.innerHTML; p.innerHTML = ""; return text; }; }(); // String.prototype.byteLength String.prototype.byteLength = function(){ return this.replace( /[^\x00-\xff]/g, " " ).length; }; // String.prototype.subByte String.prototype.subByte = function( len, tail ){ var s = this; if( s.byteLength() <= len ) return s; tail = tail || ""; len -= tail.byteLength(); return s = s.slice( 0, len ).replace( /( [^\x00-\xff] )/g, "$1 " ) .slice( 0, len ) .replace( /[^\x00-\xff]$/, "" ) .replace( /( [^\x00-\xff] ) /g, "$1" ) + tail; } // Function.prototype.defer Function.prototype.defer = function( scope, timeout ){ var me = this; var fn = function(){ me.apply( scope, arguments ); }; return setTimeout( fn, timeout ); }; // Function.prototype.bind if( !Function.prototype.bind ) Function.prototype.bind = function( scope ){ var me = this; return function(){ return me.apply( scope, arguments ); } }; // Function.prototype.saturate Function.prototype.saturate = function( scope/*, args */ ){ var fn = this, afters = slice.call( arguments, 1 ); return function(){ return fn.apply( scope, slice.call( arguments, 0 ).concat( afters ) ); } }; // Array.prototype.indexOf // if( !Array.prototype.indexOf ) Array.prototype.indexOf = function( item, i ){ var length = this.length; if( !i ) i = 0; if( i < 0 ) i = length + i; for( ; i < length; i ++ ) if( this[i] === item ) return i; return -1; }; // Array.prototype.every // if( !Array.prototype.every ) Array.prototype.every = function( fn, context ) { for ( var i = 0, len = this.length; i < len; i ++ ) if ( !fn.call( context, this[i], i, this ) ) return false; return true; }; // Array.prototype.filter // if( !Array.prototype.filter ) Array.prototype.filter = function( fn, context ) { var result = [], val; for ( var i = 0, len = this.length; i < len; i ++ ) if ( val = this[i], fn.call( context, val, i, this ) ) result.push( val ); return result; }; // Array.prototype.forEach // if( !Array.prototype.forEach ) Array.prototype.forEach = function( fn, context ) { for ( var i = 0, len = this.length; i < len; i ++ ) fn.call( context, this[i], i, this ); }; // Array.prototype.map // if( !Array.prototype.map ) Array.prototype.map = function( fn, context ) { var result = []; for ( var i = 0, len = this.length; i < len; i ++ ) result[i] = fn.call( context, this[i], i, this ); return result; }; // Array.prototype.some // if( !Array.prototype.some ) Array.prototype.some = function( fn, context ) { for ( var i = 0, len = this.length; i < len; i ++ ) if ( fn.call( context, this[i], i, this ) ) return true; return false; }; Array.prototype.invoke = function( method /*, args */ ){ var args = slice.call( arguments, 1 ); this.forEach( function( item ){ if( item instanceof Array ) item[0][method].apply( item[0], item.slice( 1 ) ); else item[method].apply( item, args ); }); return this; }; Array.prototype.random = function(){ var arr = this.slice( 0 ), ret = [], i = arr.length; while( i -- ) ret.push( arr.splice( Ucren.randomNumber( i + 1 ), 1 )[0] ); return ret; }; Ucren = { // // [全局属性] // // Ucren.isIe isIe: /msie/i.test( navigator.userAgent ), // Ucren.isIe6 isIe6: /msie 6/i.test( navigator.userAgent ), // Ucren.isFirefox isFirefox: /firefox/i.test( navigator.userAgent ), // Ucren.isSafari isSafari: /version\/[\d\.]+\s+safari/i.test( navigator.userAgent ), // Ucren.isOpera isOpera: /opera/i.test( navigator.userAgent ), // Ucren.isChrome isChrome: /chrome/i.test( navigator.userAgent ), //todo isChrome = true, isSafari = true // Ucren.isStrict isStrict: document.compatMode == "CSS1Compat", // Ucren.tempDom tempDom: document.createElement( "p" ), // // [全局方法] // // Ucren.apply apply: function( form, to, except ){ if( !to )to = {}; if( except ){ Ucren.each( form, function( item, key ){ if( key in except ) return ; to[key] = item; }); }else{ Ucren.each( form, function( item, key ){ to[key] = item; }); } return to; }, // Ucren.appendStyle appendStyle: function( text ){ var style; if( arguments.length > 1 ) text = join.call( arguments, "" ); if( document.createStyleSheet ){ style = document.createStyleSheet(); style.cssText = text; }else{ style = document.createElement( "style" ); style.type = "text/css"; //style.innerHTML = text; fix Chrome bug style.appendChild( document.createTextNode( text )); document.getElementsByTagName( "head" )[0].appendChild( style ); } }, // for copy : ) // // var addEvent = function( target, name, fn ){ // var call = function(){ // fn.apply( target, arguments ); // }; // if( window.attachEvent ) // target.attachEvent( "on" + name, call ); // else if( window.addEventListener ) // target.addEventListener( name, call, false ); // else // target["on" + name] = call; // return call; // } // Ucren.addEvent addEvent: function( target, name, fn ){ var call = function(){ fn.apply( target, arguments ); }; if( target.dom ){ target = target.dom; } if( window.attachEvent ){ target.attachEvent( "on" + name, call ); }else if( window.addEventListener ){ target.addEventListener( name, call, false ); }else{ target["on" + name] = call; } return call; }, // Ucren.delEvent delEvent: function( target, name, fn ){ if( window.detachEvent ){ target.detachEvent( "on" + name, fn ); }else if( window.removeEventListener ){ target.removeEventListener( name, fn, false ); }else if( target["on" + name] == fn ){ target["on" + name] = null; } }, // Ucren.Class Class: function( initialize, methods, befores, afters ){ var fn, prototype, blank; initialize = initialize || function(){}; methods = methods || {}; blank = {}; fn = function(){ this.instanceId = Ucren.id(); initialize.apply( this, arguments ); }; prototype = fn.prototype; Ucren.registerClassEvent.call( prototype ); Ucren.each( methods, function( item, key ){ prototype[key] = function( method, name ){ if( typeof( method ) == "function" ){ return function(){ var args, rtn; args = slice.call( arguments, 0 ); if( befores && befores.apply( this, [name].concat( args )) === false ){ return ; } this.fireEvent( "before" + name, args ); rtn = method.apply( this, args ); if( afters ) afters.apply( this, [name].concat( args )); this.fireEvent( name, args ); return rtn; }; }else{ return method; } }( item, key ); }); prototype.getOriginMethod = function( name ){ return methods[name]; }; return fn; }, //private registerClassEvent: function(){ this.on = function( name, fn ){ var instanceId = this.instanceId; Ucren.dispatch( instanceId + name, fn.bind( this )); }; this.onbefore = function( name, fn ){ var instanceId = this.instanceId; Ucren.dispatch( instanceId + "before" + name, fn.bind( this )); }; this.un = function( name, fn ){ //todo }; this.fireEvent = function( name, args ){ var instanceId = this.instanceId; Ucren.dispatch( instanceId + name, args ); }; }, // Ucren.createFuze createFuze: function(){ var queue, fn, infire; queue = []; fn = function( process ){ if( infire ){ process(); }else{ queue.push( process ); } }; fn.fire = function(){ while( queue.length ){ queue.shift()(); } infire = true; }; fn.extinguish = function(){ infire = false; }; fn.wettish = function(){ if( queue.length ){ queue.shift()(); } }; return fn; }, // Ucren.createIf // createIf: function( expressionFunction ){ // return function( callback ){ // var expression = expressionFunction(); // var returnValue = { // Else: function( callback ){ // callback = callback || nul; // expression || callback(); // } // }; // callback = callback || nul; // expression && callback(); // return returnValue; // }; // }, // Ucren.dispatch dispatch: function(){ var map = {}, send, incept, ret; send = function( processId, args, scope ){ var processItems; if( processItems = map[ processId ] ) Ucren.each( processItems, function( item ){ item.apply( scope, args ); }); }; incept = function( processId, fn ){ var m; if( !( m = map[ processId ] ) ) map[processId] = [ fn ]; else m.push( fn ); }; ret = function( arg1, arg2, arg3 ){ if( typeof( arg2 ) === "undefined" ) arg2 = []; if( arg2 instanceof Array ) send.apply( this, arguments ); else if( typeof( arg2 ) === "function" ) incept.apply( this, arguments ); }; ret.remove = function( processId, fn ){ var m, i; if( ( m = map[ processId ] ) && ~( i = m.indexOf( fn ) ) ) m.splice( i, 1 ); }; return ret; }(), // Ucren.each ( not recommended ) each: function( unknown, fn ){ /// unknown 是 array 的,会慢慢退化,建议用 Array.prototype.forEach 替代 /// unknown 为其它类似的,短期内将暂时支持 if( unknown instanceof Array || ( typeof unknown == "object" && typeof unknown[0] != "undefined" && unknown.length )){ if( typeof unknown == "object" && Ucren.isSafari ) unknown = slice.call( unknown ); // for( var i = 0, l = unknown.length; i < l; i ++ ){ // if( fn( unknown[i], i ) === false ){ // break; // } // } unknown.forEach( fn ); }else if( typeof( unknown ) == "object" ){ var blank = {}; for( var i in unknown ){ if( blank[i] ){ continue; } if( fn( unknown[i], i ) === false ){ break; } } }else if( typeof( unknown ) == "number" ){ for( var i = 0; i < unknown; i ++ ){ if( fn( i, i ) === false ){ break; } } }else if( typeof( unknown ) == "string" ){ for( var i = 0, l = unknown.length; i < l; i ++ ){ if( fn( unknown.charAt( i ), i ) === false ){ break; } } } }, // Ucren.Element Element: function( el, returnDom ){ var rtn, handleId; if( el && el.isUcrenElement ){ return returnDom ? el.dom : el; } el = typeof( el ) == "string" ? document.getElementById( el ) : el; if( !el ) return null; if( returnDom ) return el; handleId = el.getAttribute( "handleId" ); if( typeof handleId == "string" ){ return Ucren.handle( handleId - 0 ); }else{ rtn = new Ucren.BasicElement( el ); handleId = Ucren.handle( rtn ); el.setAttribute( "handleId", handleId + "" ); return rtn; } }, // Ucren.Event Event: function( e ){ e = e || window.event; if( !e ){ var c = arguments.callee.caller; while( c ){ e = c.arguments[0]; if( e && typeof( e.altKey ) == "boolean" ){ // duck typing break; } c = c.caller; e = null; } } return e; }, // Ucren.fixNumber fixNumber: function( unknown, defaultValue ){ return typeof( unknown ) == "number" ? unknown : defaultValue; }, // Ucren.fixString fixString: function( unknown, defaultValue ){ return typeof( unknown ) == "string" ? unknown : defaultValue; }, // Ucren.fixConfig fixConfig: function( conf ){ var defaultConf; defaultConf = {}; if( typeof conf == "undefined" ){ return defaultConf; }else if( typeof conf == "function" ){ return new conf; }else{ return conf; } }, // Ucren.handle handle: function( unknown ){ var fn, type, number; fn = arguments.callee; if( !fn.cache ){ fn.cache = {}; } if( typeof( fn.number ) == "undefined" ){ fn.number = 0; } type = typeof( unknown ); if( type == "number" ){ return fn.cache[unknown.toString()]; }else if( type == "object" || type == "function" ){ number = fn.number ++; fn.cache[number.toString()] = unknown; return number; } }, // Ucren.id id: function(){ var id = arguments.callee; id.number = ++ id.number || 0; return "_" + id.number; }, // Ucren.loadImage loadImage: function( urls, onLoadComplete ){ var length = urls.length; var loaded = 0; var check = function(){ if( loaded == length ) onLoadComplete && onLoadComplete(); }; Ucren.each( urls, function( url ){ var img = document.createElement( "img" ); img.onload = img.onerror = function(){ this.onload = this.onerror = null; loaded ++; check(); }; Ucren.tempDom.appendChild( img ); img.src = url; }); }, // Ucren.loadScript loadScript: function( src, callback ){ Ucren.request( src, function( text ){ eval( text ); callback && callback( text ); }); }, // Ucren.makeElement makeElement: function( tagName, attributes ){ var el = document.createElement( tagName ); var setStyle = function( unknown ){ if( typeof unknown == "string" ) el.style.cssText = unknown; else Ucren.apply( unknown, el.style ); }; for ( var prop in attributes ) { if ( prop === "class" ) el.className = attributes[prop]; else if ( prop === "for" ) el.htmlFor = attributes[prop]; else if( prop === "style" ) setStyle( attributes[prop] ); else el.setAttribute( prop, attributes[prop] ); } return el; }, // Ucren.nul nul: function(){ return false; }, // Ucren.queryString // queryString: function( name, sourceString ){ // var source, pattern, result; // source = sourceString || location.href; // pattern = new RegExp( "( \\?|& )" + name + "=( [^&#]* )( #|&|$ )", "i" ); // result = source.match( pattern ); // return result ? result[2] : ""; // }, // Ucren.randomNumber randomNumber: function( num ){ return Math.floor( Math.random() * num ); }, // Ucren.randomWord randomWord: function(){ var cw = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"; return function( length, sourceString ){ var words, re = []; words = sourceString || cw; Ucren.each( length, function( index ){ re[index] = words.charAt( this.randomNumber( words.length )); }.bind( this )); return re.join( "" ); } }(), // Ucren.request request: function( url, callback ){ request = Ucren.request; var xhr = request.xhr; if( !request.xhr ){ if( window.XMLHttpRequest ){ xhr = request.xhr = new XMLHttpRequest(); }else{ xhr = request.xhr = new ActiveXObject( "Microsoft.XMLHTTP" ); } } xhr.open( "GET", url, true ); xhr.onreadystatechange = function(){ if( xhr.readyState == 4 && xhr.status == 200 ){ callback( xhr.responseText ); } }; xhr.send( null ); } // // Ucren.decodeColor // decodeColor: function(){ // var r = /^\#?( \w{2})( \w{2})( \w{2})$/; // var x = function( x ){ // return parseInt( x, 16 ); // }; // return function( color ){ // r.test( color ); // return { // red: x( RegExp.$1 ), // green: x( RegExp.$2 ), // blue: x( RegExp.$3 ) // }; // } // }(), // // Ucren.encodeColor // encodeColor: function(){ // var x = function( x ){ // return x.toString( 16 ).split( "." )[0]; // }; // x = x.improve( function( origin, x ){ // x = origin( x ); // return x.length == 1 ? "0" + x : x; // }); // return function( data ){ // return ["#", x( data.red ), x( data.green ), x( data.blue )].join( "" ); // } // }() }; // // [底层操作类] // // Ucren.BasicDrag Ucren.BasicDrag = Ucren.Class( /* constructor */ function( conf ){ conf = Ucren.fixConfig( conf ); this.type = Ucren.fixString( conf.type, "normal" ); var isTouch = this.isTouch = "ontouchstart" in window; this.TOUCH_START = isTouch ? "touchstart" : "mousedown", this.TOUCH_MOVE = isTouch ? "touchmove" : "mousemove", this.TOUCH_END = isTouch ? "touchend" : "mouseup"; }, /* methods */ { bind: function( el, handle ){ el = Ucren.Element( el ); handle = Ucren.Element( handle ) || el; var evt = {}; evt[this.TOUCH_START] = function( e ){ e = Ucren.Event( e ); this.startDrag(); e.cancelBubble = true; e.stopPropagation && e.stopPropagation(); return e.returnValue = false; }.bind( this ); handle.addEvents( evt ); this.target = el; }, //private getCoors: function( e ){ var coors = []; if ( e.targetTouches && e.targetTouches.length ) { // iPhone var thisTouch = e.targetTouches[0]; coors[0] = thisTouch.clientX; coors[1] = thisTouch.clientY; }else{ // all others coors[0] = e.clientX; coors[1] = e.clientY; } return coors; }, //private startDrag: function(){ var target, draging, e; target = this.target; draging = target.draging = {}; this.isDraging = true; draging.x = parseInt( target.style( "left" ), 10 ) || 0; draging.y = parseInt( target.style( "top" ), 10 ) || 0; e = Ucren.Event(); var coors = this.getCoors( e ); draging.mouseX = coors[0]; draging.mouseY = coors[1]; this.registerDocumentEvent(); }, //private endDrag: function(){ this.isDraging = false; this.unRegisterDocumentEvent(); }, //private registerDocumentEvent: function(){ var target, draging; target = this.target; draging = target.draging; draging.documentSelectStart = Ucren.addEvent( document, "selectstart", function( e ){ e = e || event; e.stopPropagation && e.stopPropagation(); e.cancelBubble = true; return e.returnValue = false; }); draging.documentMouseMove = Ucren.addEvent( document, this.TOUCH_MOVE, function( e ){ var ie, nie; e = e || event; ie = Ucren.isIe && e.button != 1; nie = !Ucren.isIe && e.button != 0; if( (ie || nie ) && !this.isTouch ) this.endDrag(); var coors = this.getCoors( e ); draging.newMouseX = coors[0]; draging.newMouseY = coors[1]; e.stopPropagation && e.stopPropagation(); return e.returnValue = false; }.bind( this )); draging.documentMouseUp = Ucren.addEvent( document, this.TOUCH_END, function(){ this.endDrag(); }.bind( this )); var lx, ly; clearInterval( draging.timer ); draging.timer = setInterval( function(){ var x, y, dx, dy; if( draging.newMouseX != lx && draging.newMouseY != ly ){ lx = draging.newMouseX; ly = draging.newMouseY; dx = draging.newMouseX - draging.mouseX; dy = draging.newMouseY - draging.mouseY; x = draging.x + dx; y = draging.y + dy; if( this.type == "calc" ){ this.returnValue( dx, dy, draging.newMouseX, draging.newMouseY ); }else{ target.left( x ).top( y ); } } }.bind( this ), 10 ); }, //private unRegisterDocumentEvent: function(){ var draging = this.target.draging; Ucren.delEvent( document, this.TOUCH_MOVE, draging.documentMouseMove ); Ucren.delEvent( document, this.TOUCH_END, draging.documentMouseUp ); Ucren.delEvent( document, "selectstart", draging.documentSelectStart ); clearInterval( draging.timer ); }, //private returnValue: function( dx, dy, x, y ){ //todo something } } ); // Ucren.Template Ucren.Template = Ucren.Class( /* constructor */ function(){ this.string = join.call( arguments, "" ); }, /* methods */ { apply: function( conf ){ return this.string.format( conf ); } } ); // Ucren.BasicElement Ucren.BasicElement = Ucren.Class( /* constructor */ function( el ){ this.dom = el; this.countMapping = {}; }, /* methods */ { isUcrenElement: true, attr: function( name, value ){ if( typeof value == "string" ){ this.dom.setAttribute( name, value ); }else{ return this.dom.getAttribute( name ); } return this; }, style: function( /* unknown1, unknown2 */ ){ var getStyle = Ucren.isIe ? function( name ){ return this.dom.currentStyle[name]; } : function( name ){ var style; style = document.defaultView.getComputedStyle( this.dom, null ); return style.getPropertyValue( name ); }; return function( unknown1, unknown2 ){ if( typeof unknown1 == "object" ){ Ucren.each( unknown1, function( value, key ){ this[key] = value; }.bind( this.dom.style )); }else if( typeof unknown1 == "string" && typeof unknown2 == "undefined" ){ return getStyle.call( this, unknown1 ); }else if( typeof unknown1 == "string" && typeof unknown2 != "undefined" ){ this.dom.style[unknown1] = unknown2; } return this; }; }(), hasClass: function( name ){ var className = " " + this.dom.className + " "; return className.indexOf( " " + name + " " ) > -1; }, setClass: function( name ){ if( typeof( name ) == "string" ) this.dom.className = name.trim(); return this; }, addClass: function( name ){ var el, className; el = this.dom; className = " " + el.className + " "; if( className.indexOf( " " + name + " " ) == -1 ){ className += name; className = className.trim(); className = className.replace( / +/g, " " ); el.className = className; } return this; }, delClass: function( name ){ var el, className; el = this.dom; className = " " + el.className + " "; if( className.indexOf( " " + name + " " ) > -1 ){ className = className.replace( " " + name + " ", " " ); className = className.trim(); className = className.replace( / +/g, " " ); el.className = className; } return this; }, html: function( html ){ var el = this.dom; if( typeof html == "string" ){ el.innerHTML = html; }else if( html instanceof Array ){ el.innerHTML = html.join( "" ); }else{ return el.innerHTML; } return this; }, left: function( number ){ var el = this.dom; if( typeof( number ) == "number" ){ el.style.left = number + "px"; this.fireEvent( "infect", [{ left: number }] ); }else{ return this.getPos().x; } return this; }, top: function( number ){ var el = this.dom; if( typeof( number ) == "number" ){ el.style.top = number + "px"; this.fireEvent( "infect", [{ top: number }] ); }else{ return this.getPos().y; } return this; }, width: function( unknown ){ var el = this.dom; if( typeof unknown == "number" ){ el.style.width = unknown + "px"; this.fireEvent( "infect", [{ width: unknown }] ); }else if( typeof unknown == "string" ){ el.style.width = unknown; this.fireEvent( "infect", [{ width: unknown }] ); }else{ return this.getSize().width; } return this; }, height: function( unknown ){ var el = this.dom; if( typeof unknown == "number" ){ el.style.height = unknown + "px"; this.fireEvent( "infect", [{ height: unknown }] ); }else if( typeof unknown == "string" ){ el.style.height = unknown; this.fireEvent( "infect", [{ height: unknown }] ); }else{ return this.getSize().height; } return this; }, count: function( name ){ return this.countMapping[name] = ++ this.countMapping[name] || 1; }, display: function( bool ){ var dom = this.dom; if( typeof( bool ) == "boolean" ){ dom.style.display = bool ? "block" : "none"; this.fireEvent( "infect", [{ display: bool }] ); }else{ return this.style( "display" ) != "none"; } return this; }, first: function(){ var c = this.dom.firstChild; while( c && !c.tagName && c.nextSibling ){ c = c.nextSibling; } return c; }, add: function( dom ){ var el; el = Ucren.Element( dom ); this.dom.appendChild( el.dom ); return this; }, remove: function( dom ){ var el; if( dom ){ el = Ucren.Element( dom ); el.html( "" ); this.dom.removeChild( el.dom ); }else{ el = Ucren.Element( this.dom.parentNode ); el.remove( this ); } return this; }, insert: function( dom ){ var tdom; tdom = this.dom; if( tdom.firstChild ){ tdom.insertBefore( dom, tdom.firstChild ); }else{ this.add( dom ); } return this; }, addEvents: function( conf ){ var blank, el, rtn; blank = {}; rtn = {}; el = this.dom; Ucren.each( conf, function( item, key ){ rtn[key] = Ucren.addEvent( el, key, item ); }); return rtn; }, removeEvents: function( conf ){ var blank, el; blank = {}; el = this.dom; Ucren.each( conf, function( item, key ){ Ucren.delEvent( el, key, item ); }); return this; }, getPos: function(){ var el, parentNode, pos, box, offset; el = this.dom; pos = {}; if( el.getBoundingClientRect ){ box = el.getBoundingClientRect(); offset = Ucren.isIe ? 2 : 0; var doc = document; var scrollTop = Math.max( doc.documentElement.scrollTop, doc.body.scrollTop ); var scrollLeft = Math.max( doc.documentElement.scrollLeft, doc.body.scrollLeft ); return { x: box.left + scrollLeft - offset, y: box.top + scrollTop - offset }; }else{ pos = { x: el.offsetLeft, y: el.offsetTop }; parentNode = el.offsetParent; if( parentNode != el ){ while( parentNode ){ pos.x += parentNode.offsetLeft; pos.y += parentNode.offsetTop; parentNode = parentNode.offsetParent; } } if( Ucren.isSafari && this.style( "position" ) == "absolute" ){ // safari doubles in some cases pos.x -= document.body.offsetLeft; pos.y -= document.body.offsetTop; } } if( el.parentNode ){ parentNode = el.parentNode; }else{ parentNode = null; } while( parentNode && parentNode.tagName.toUpperCase() != "BODY" && parentNode.tagName.toUpperCase() != "HTML" ){ // account for any scrolled ancestors pos.x -= parentNode.scrollLeft; pos.y -= parentNode.scrollTop; if( parentNode.parentNode ){ parentNode = parentNode.parentNode; }else{ parentNode = null; } } return pos; }, getSize: function(){ var dom = this.dom; var display = this.style( "display" ); if ( display && display !== "none" ) { return { width: dom.offsetWidth, height: dom.offsetHeight }; } var style = dom.style; var originalStyles = { visibility: style.visibility, position: style.position, display: style.display }; var newStyles = { visibility: "hidden", display: "block" }; if ( originalStyles.position !== "fixed" ) newStyles.position = "absolute"; this.style( newStyles ); var dimensions = { width: dom.offsetWidth, height: dom.offsetHeight }; this.style( originalStyles ); return dimensions; }, observe: function( el, fn ){ el = Ucren.Element( el ); el.on( "infect", fn.bind( this )); return this; }, usePNGbackground: function( image ){ var dom; dom = this.dom; if( /\.png$/i.test( image ) && Ucren.isIe6 ){ dom.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='" + image + "',sizingMethod='scale' );"; /// _background: none; /// _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/pic.png',sizingMethod='scale' ); }else{ dom.style.backgroundImage = "url( " + image + " )"; } return this; }, setAlpha: function(){ var reOpacity = /alpha\s*\(\s*opacity\s*=\s*([^\)]+)\)/; return function( value ){ var element = this.dom, es = element.style; if( !Ucren.isIe ){ es.opacity = value / 100; /* }else if( es.filter === "string" ){ */ }else{ if ( element.currentStyle && !element.currentStyle.hasLayout ) es.zoom = 1; if ( reOpacity.test( es.filter )) { value = value >= 99.99 ? "" : ( "alpha( opacity=" + value + " )" ); es.filter = es.filter.replace( reOpacity, value ); } else { es.filter += " alpha( opacity=" + value + " )"; } } return this; }; }(), fadeIn: function( callback ){ if( typeof this.fadingNumber == "undefined" ) this.fadingNumber = 0; this.setAlpha( this.fadingNumber ); var fading = function(){ this.setAlpha( this.fadingNumber ); if( this.fadingNumber == 100 ){ clearInterval( this.fadingInterval ); callback && callback(); }else this.fadingNumber += 10; }.bind( this ); this.display( true ); clearInterval( this.fadingInterval ); this.fadingInterval = setInterval( fading, Ucren.isIe ? 20 : 30 ); return this; }, fadeOut: function( callback ){ if( typeof this.fadingNumber == "undefined" ) this.fadingNumber = 100; this.setAlpha( this.fadingNumber ); var fading = function(){ this.setAlpha( this.fadingNumber ); if( this.fadingNumber == 0 ){ clearInterval( this.fadingInterval ); this.display( false ); callback && callback(); }else this.fadingNumber -= 10; }.bind( this ); clearInterval( this.fadingInterval ); this.fadingInterval = setInterval( fading, Ucren.isIe ? 20 : 30 ); return this; }, useMouseAction: function( className, actions ){ /** * 调用示例: el.useMouseAction( "xbutton", "over,out,down,up" ); * 使用效果: el 会在 "xbutton xbutton-over","xbutton xbutton-out","xbutton xbutton-down","xbutton xbutton-up" * 等四个 className 中根据相应的鼠标事件来进行切换。 * 特别提示: useMouseAction 可使用不同参数多次调用。 */ if( !this.MouseAction ) this.MouseAction = new Ucren.MouseAction({ element: this }); this.MouseAction.use( className, actions ); return this; } } ); if( Ucren.isIe ) document.execCommand( "BackgroundImageCache", false, true ); for( var i in Ucren ){ exports[i] = Ucren[i]; }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\background.js */ define("scripts/object/background.js", function(exports){ var Ucren = require("scripts/lib/ucren"); var layer = require("scripts/layer"); var timeline = require("scripts/timeline"); var image, time; var random = Ucren.randomNumber; exports.set = function(){ image = layer.createImage( "default", "images/background.jpg", 0, 0, 640, 480 ); }; exports.wobble = function(){ time = timeline.setInterval( wobble, 50 ); }; exports.stop = function(){ time.stop(); image.attr({ x: 0, y: 0 }); }; function wobble(){ var x, y; x = random( 12 ) - 6; y = random( 12 ) - 6; image.attr({ x: x, y: y }); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\console.js */ define("scripts/object/console.js", function(exports){ var layer = require("scripts/layer"); var x = 16, y = 0; var texts = []; exports.set = function(){ }; exports.clear = function(){ for(var i = 0, l = texts.length; i < l; i ++) texts[i].remove(); texts.length = y = 0; }; exports.log = function(text){ y += 20; texts.push( layer.createText( "default", text, x, y ) ); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\developing.js */ define("scripts/object/developing.js", function(exports){ var layer = require("scripts/layer"); var tween = require("scripts/lib/tween"); var timeline = require("scripts/timeline"); var message = require("scripts/message"); var exponential = tween.exponential.co; /** * "coming soon" 模块 */ exports.anims = []; exports.set = function(){ this.image = layer.createImage( "default", "images/developing.png", 103, 218, 429, 53 ).hide().scale( 1e-5, 1e-5 ); }; exports.show = function( start ){ timeline.createTask({ start: start, duration: 500, data: [ 1e-5, 1, "show" ], object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd, recycle: this.anims }); this.hide( 2000 ); }; exports.hide = function( start ){ timeline.createTask({ start: start, duration: 500, data: [ 1, 1e-5, "hide" ], object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd, recycle: this.anims }); }; // 显示/隐藏 相关 exports.onZoomStart = function(){ this.image.show(); }; exports.onZooming = function( time, sz, ez, z ){ this.image.scale( z = exponential( time, sz, ez - sz, 500 ), z ); }; exports.onZoomEnd = function( sz, ez, mode ){ if( mode === "hide" ) this.image.hide(); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\dojo.js */ define("scripts/object/dojo.js", function(exports){ var rotate = require("scripts/factory/rotate"); var tween = require("scripts/lib/tween"); exports = rotate.create("images/dojo.png", 41, 240, 175, 175, 1e-5, tween.exponential.co, 500);; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\flame.js */ define("scripts/object/flame.js", function(exports){ /** * 火焰模块 * @author zswang, dron */ var layer = require("scripts/layer").getLayer( "fruit" ); var timeline = require("scripts/timeline"); var Ucren = require("scripts/lib/ucren"); /* raphael.path('M 27,122 Q 9,42 27,21 45,42 27,122') .attr({ stroke: 'none', fill: '180-#D8D380-#EDED7A-#D8D380' }); */ // 缩写 var math = Math, cos = math.cos, sin = math.sin, trunc = parseInt, random = math.random, PI = math.PI; var guid = 0; /** * 添加一个火苗 * @param{Array} center 中心位置 单位像素 * @param{Number} angle 运动方向 单位幅度 * @param{Number} length 运动长度 单位像素 * @param{Number} life 存活时间 单位毫秒 */ function appendFlame( center, angle, length, life, flames ){ return flames[guid] = { id: guid ++, birthday: new Date, center: center, angle: angle, length: length, life: life, path: layer.path().attr({ stroke: 'none', fill: trunc( angle * 180 / PI ) + '-#fafad9-#f0ef9c' }) }; } var radius = 15; function updateFlame( flames, n ){ var item = flames[n]; if ( !item ) return; var age, center, p1, p2, p3, p4; age = 1 - (new Date - item.birthday) / item.life; if ( age <= 0 ){ item.path.remove(); delete flames[item.id]; return; } var ia, ic, il; ia = item.angle; ic = item.center; il = item.length; center = [ trunc(ic[0] + cos(ia) * il * (1 - age)), trunc(ic[1] + sin(ia) * il * (1 - age)) ]; p1 = [ trunc(center[0] - cos(ia) * radius * age), trunc(center[1] - sin(ia) * radius * age) ]; p2 = [ trunc(center[0] + cos(ia) * radius * age), trunc(center[1] + sin(ia) * radius * age) ]; p3 = [ trunc(center[0] - cos(ia + .5 * PI) * radius * .4 * age), trunc(center[1] - sin(ia + .5 * PI) * radius * .4 * age) ]; p4 = [ trunc(center[0] - cos(ia - .5 * PI) * radius * .4 * age), trunc(center[1] - sin(ia - .5 * PI) * radius * .4 * age) ]; item.path.attr({ path: 'M' + p1 + ' Q' + [ p3, p2, p4, p1 ].join(' ') }); }; function removeFlame( flames, n ){ var item = flames[n]; if( !item ) return; item.path.remove(); delete flames[ n ]; }; exports.create = function( ox, oy, start ){ var timer1, timer2; var object = { pos: function( x, y ){ nx = x; ny = y; image.attr( "x", nx - 21 ).attr( "y", ny - 21 ); }, remove: function(){ [ timer1, timer2 ].invoke( "stop" ); image.remove(); for (var p in flames) removeFlame( flames, p ); } }; var nx = ox, ny = oy; var image = layer.image("images/smoke.png", nx - 21, ny - 21, 43, 43).hide(); var flames = {}; timer1 = timeline.setTimeout(function(){ image.show(); timer2 = timeline.setInterval(function(){ if(random() < 0.9) appendFlame( [ nx, ny ], PI * 2 * random(), 60, 200 + 500 * random(), flames ); for (var p in flames) updateFlame( flames, p ); }, Ucren.isIe ? 20 : 40); }, start || 0); return object; };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\flash.js */ define("scripts/object/flash.js", function(exports){ /** * */ var layer = require("scripts/layer"); var timeline = require("scripts/timeline").use( "flash" ).init( 10 ); var tween = require("scripts/lib/tween"); var sound = require("scripts/lib/sound"); var image, snd, xDiff = 0, yDiff = 0; var anim = tween.quadratic.cio; var anims = []; var dur = 100; exports.set = function(){ image = layer.createImage( "flash", "images/flash.png", 0, 0, 358, 20 ).hide(); snd = sound.create( "sound/splatter" ); }; exports.showAt = function( x, y, an ){ image.rotate( an, true ).scale( 1e-5, 1e-5 ).attr({ x: x + xDiff, y: y + yDiff }).show(); anims.clear && anims.clear(); snd.play(); timeline.createTask({ start: 0, duration: dur, data: [ 1e-5, 1 ], object: this, onTimeUpdate: this.onTimeUpdate, recycle: anims }); timeline.createTask({ start: dur, duration: dur, data: [ 1, 1e-5 ], object: this, onTimeUpdate: this.onTimeUpdate, recycle: anims }); }; exports.onTimeUpdate = function( time, a, b, z ){ image.scale( z = anim( time, a, b - a, dur ), z ); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\fps.js */ define("scripts/object/fps.js", function(exports){ // var layer = require("scripts/layer"); // var timeline =require("scripts/timeline"); // var text, fps = "fps: "; // exports.set = function(){ // text = layer.createText( "default", fps + "0", 4, 470 ).attr( "fill", "#ccc" ); // }; // exports.update = function(){ // text.attr( "text", fps + ( timeline.getFPS() >> 0 ) ); // };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\game-over.js */ define("scripts/object/game-over.js", function(exports){ var layer = require("scripts/layer"); var tween = require("scripts/lib/tween"); var timeline = require("scripts/timeline"); var message = require("scripts/message"); var state = require("scripts/state"); var exponential = tween.exponential.co; /** * "game-over"模块 */ exports.anims = []; exports.set = function(){ this.image = layer.createImage( "default", "images/game-over.png", 75, 198, 490, 85 ).hide().scale( 1e-5, 1e-5 ); }; exports.show = function( start ){ timeline.createTask({ start: start, duration: 500, data: [ 1e-5, 1, "show" ], object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd, recycle: this.anims }); }; exports.hide = function( start ){ timeline.createTask({ start: start, duration: 500, data: [ 1, 1e-5, "hide" ], object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd, recycle: this.anims }); }; // 显示/隐藏 相关 exports.onZoomStart = function( sz, ez, mode ){ if( mode == "show" ) this.image.show(); }; exports.onZooming = function( time, sz, ez, z ){ this.image.scale( z = exponential( time, sz, ez - sz, 500 ), z ); }; exports.onZoomEnd = function( sz, ez, mode ){ if( mode == "show" ) state( "click-enable" ).on(); else if( mode === "hide" ) this.image.hide(); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\home-desc.js */ define("scripts/object/home-desc.js", function(exports){ var displacement = require("scripts/factory/displacement"); var tween = require("scripts/lib/tween"); exports = displacement.create("images/home-desc.png", 161, 91, -161, 140, 7, 127, tween.exponential.co, 500);; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\home-mask.js */ define("scripts/object/home-mask.js", function(exports){ var displacement = require("scripts/factory/displacement"); var tween = require("scripts/lib/tween"); exports = displacement.create("images/home-mask.png", 640, 183, 0, -183, 0, 0, tween.exponential.co, 1e3);; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\knife.js */ define("scripts/object/knife.js", function(exports){ var timeline = require("scripts/timeline"); var layer = require("scripts/layer").getLayer( "knife" ); var Ucren = require("scripts/lib/ucren"); /** * 刀光模块 */ var lastX = null, lastY = null; var abs = Math.abs; var life = 200; var stroke = 10; var color = "#cbd3db"; var anims = []; var switchState = true; var knifes = []; function ClassKnifePart( conf ){ this.sx = conf.sx; this.sy = conf.sy; this.ex = conf.ex; this.ey = conf.ey; knifes.push( this ); } ClassKnifePart.prototype.set = function(){ var sx, sy, ex, ey, dx, dy, ax, ay; sx = this.sx; sy = this.sy; ex = this.ex; ey = this.ey; dx = sx - ex; dy = sy - ey; ax = abs(dx); ay = abs(dy); if(ax > ay) sx += dx < 0 ? -1 : 1, sy += dy < 0 ? -( 1 * ay / ax ) : 1 * ay / ax; else sx += dx < 0 ? -( 1 * ax / ay ) : 1 * ax / ay, sy += dy < 0 ? -1 : 1; this.line = layer.path( "M" + sx + "," + sy + "L" + ex + "," + ey ).attr({ "stroke": color, "stroke-width": stroke + "px" }); timeline.createTask({ start: 0, duration: life, object: this, onTimeUpdate: this.update, onTimeEnd: this.end, recycle: anims }); return this; }; ClassKnifePart.prototype.update = function( time ){ this.line.attr( "stroke-width", stroke * (1 - time / life) + "px" ); }; ClassKnifePart.prototype.end = function(){ this.line.remove(); var index; if( index = knifes.indexOf( this ) ) knifes.splice( index, 1 ); }; exports.newKnife = function(){ lastX = lastY = null; }; exports.through = function( x, y ){ if( !switchState ) return ; var ret = null; if( lastX !== null && ( lastX != x || lastY != y ) ) new ClassKnifePart({ sx: lastX, sy: lastY, ex: x, ey: y }).set(), ret = [ lastX, lastY, x, y ]; lastX = x; lastY = y; return ret; }; exports.pause = function(){ anims.clear(); this.switchOff(); }; exports.switchOff = function(){ switchState = false; }; exports.switchOn = function(){ switchState = true; this.endAll(); }; exports.endAll = function(){ for(var i = knifes.length - 1; i >= 0; i --) knifes[i].end(); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\light.js */ define("scripts/object/light.js", function(exports){ /** * 炸弹爆炸时的光线 */ var layer = require("scripts/layer"); var maskLayer = layer.getLayer( "mask" ); layer = layer.getLayer( "light" ); var Ucren = require("scripts/lib/ucren"); var timeline = require("scripts/timeline"); var message = require("scripts/message"); var random = Ucren.randomNumber; var pi = Math.PI; var sin = Math.sin; var cos = Math.cos; var lights = []; var indexs = []; var lightsNum = 10; for(var i = 0; i < lightsNum; i ++) indexs[i] = i; exports.start = function( boom ){ var x = boom.originX, y = boom.originY, time = 0, idx = indexs.random(); var i = lightsNum, b = function(){ build( x, y, idx[ this ] ); }; while( i -- ) timeline.setTimeout( b.bind( i ), time += 100 ); timeline.setTimeout(function(){ this.overWhiteLight(); }.bind( this ), time + 100); }; exports.overWhiteLight = function(){ message.postMessage( "overWhiteLight.show" ); this.removeLights(); var dur = 4e3; var mask = maskLayer.rect( 0, 0, 640, 480 ).attr({ fill: "#fff", stroke: "none" }); var control = { onTimeUpdate: function( time ){ mask.attr( "opacity", 1 - time / dur ); }, onTimeEnd: function(){ mask.remove(); message.postMessage( "game.over" ); } }; timeline.createTask({ start: 0, duration: dur, object: control, onTimeUpdate: control.onTimeUpdate, onTimeEnd: control.onTimeEnd }); }; exports.removeLights = function(){ for(var i = 0, l = lights.length; i < l; i ++) lights[i].remove(); lights.length = 0; }; function build( x, y, r ){ var a1, a2, x1, y1, x2, y2; a1 = r * 36 + random( 10 ); a2 = a1 + 5; a1 = pi * a1 / 180; a2 = pi * a2 / 180; x1 = x + 640 * cos( a1 ); y1 = y + 640 * sin( a1 ); x2 = x + 640 * cos( a2 ); y2 = y + 640 * sin( a2 ); var light = layer.path( [ "M", x, y, "L", x1, y1, "L", x2, y2, "Z" ] ).attr({ stroke: "none", fill: "#fff" }); lights.push( light ); }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\logo.js */ define("scripts/object/logo.js", function(exports){ var displacement = require("scripts/factory/displacement"); var tween = require("scripts/lib/tween"); exports = displacement.create("images/logo.png", 288, 135, 17, -182, 17, 1, tween.exponential.co, 1e3);; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\lose.js */ define("scripts/object/lose.js", function(exports){ var layer = require("scripts/layer"); var tween = require("scripts/lib/tween"); var timeline = require("scripts/timeline"); var Ucren = require("scripts/lib/ucren"); var message = require("scripts/message"); var anim = tween.exponential.co; var back = tween.back.co; /** * */ var o1, o2, o3, animLength = 500; var conf1 = { src: "images/x.png", sx: 650, ex: 561, y: 5, w: 22, h: 19 }; var conf2 = { src: "images/xx.png", sx: 671, ex: 582, y: 5, w: 27, h: 26 }; var conf3 = { src: "images/xxx.png", sx: 697, ex: 608, y: 6, w: 31, h: 32 }; var number = 0; exports.anims = []; exports.set = function(){ o1 = layer.createImage( "default", conf1.src, conf1.sx, conf1.y, conf1.w, conf1.h ).hide(); o2 = layer.createImage( "default", conf2.src, conf2.sx, conf2.y, conf2.w, conf2.h ).hide(); o3 = layer.createImage( "default", conf3.src, conf3.sx, conf3.y, conf3.w, conf3.h ).hide(); }; exports.reset = function(){ number = 0; [ [ o1, conf1 ], [ o2, conf2 ], [ o3, conf3 ] ].forEach(function( infx ){ infx[0].attr( "src", infx[1].src.replace( "xf.png", "x.png" ) ); }) }; exports.show = function( start ){ timeline.createTask({ start: start, duration: animLength, data: [ "show", conf1.sx, conf1.ex, conf2.sx, conf2.ex, conf3.sx, conf3.ex ], object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd, recycle: this.anims }); }; exports.hide = function( start ){ timeline.createTask({ start: start, duration: animLength, data: [ "hide", conf1.ex, conf1.sx, conf2.ex, conf2.sx, conf3.ex, conf3.sx ], object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd, recycle: this.anims }); }; exports.showLoseAt = function( x ){ var infx, inf = [ [ o1, conf1 ], [ o2, conf2 ], [ o3, conf3 ] ]; createPosShow( x ); infx = inf[ ( ++ number ) - 1 ]; infx[0].attr( "src", infx[1].src.replace( "x.png", "xf.png" ) ).scale( 1e-5, 1e-5 ); this.scaleImage( infx[0] ); if( number == 3 ) message.postMessage( "game.over" ); }; exports.scaleImage = function( image ){ var dur = 500; image.myOnScaling = image.myOnScaling || function( time, z ){ this.scale( z = back( time, 1e-5, 1 - 1e-5, dur ), z ); }; image.myOnScaleEnd = image.myOnScaleEnd || function(){ this.scale( 1, 1 ); }; timeline.createTask({ start: 0, duration: dur, object: image, onTimeUpdate: image.myOnScaling, onTimeEnd: image.myOnScaleEnd, recycle: this.anims }); }; // 显示/隐藏 相关 exports.onTimeUpdate = function( time, mode, x1s, x1e, x2s, x2e, x3s, x3e ){ o1.attr( "x", anim( time, x1s, x1e - x1s, animLength ) ); o2.attr( "x", anim( time, x2s, x2e - x2s, animLength ) ); o3.attr( "x", anim( time, x3s, x3e - x3s, animLength ) ); }; exports.onTimeStart = function( mode ){ if( mode == "show" ) [ o1, o2, o3 ].invoke( "show" ); }; exports.onTimeEnd = function( mode ){ if( mode == "hide" ) [ o1, o2, o3 ].invoke( "hide" ), this.reset(); }; function createPosShow( x ){ var image = layer.createImage( "default", "images/lose.png", x - 27, 406, 54, 50 ).scale( 1e-5, 1e-5 ); var duration = 500; var control = { show: function( start ){ timeline.createTask({ start: start, duration: duration, data: [ tween.back.co, 1e-5, 1 ], object: this, onTimeUpdate: this.onScaling, onTimeEnd: this.onShowEnd // recycle: anims }); }, hide: function( start ){ timeline.createTask({ start: start, duration: duration, data: [ tween.back.ci, 1, 1e-5 ], object: this, onTimeUpdate: this.onScaling, onTimeEnd: this.onHideEnd // recycle: anims }); }, onScaling: function( time, anim, a, b, z ){ image.scale( z = anim( time, a, b - a, duration ), z ); }, onShowEnd: function(){ this.hide( 1500 ); }, onHideEnd: function(){ image.remove(); } }; control.show( 200 ); }; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\new-game.js */ define("scripts/object/new-game.js", function(exports){ var rotate = require("scripts/factory/rotate"); var tween = require("scripts/lib/tween"); exports = rotate.create("images/new-game.png", 244, 231, 195, 195, 1e-5, tween.exponential.co, 500);; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\new.js */ define("scripts/object/new.js", function(exports){ var layer = require("scripts/layer"); var tween = require("scripts/lib/tween"); var timeline = require("scripts/timeline"); var Ucren = require("scripts/lib/ucren"); var image; var cycleTime = 300; var sx = 129, sy = 328, ex = 170, ey = 221, sw = 0, sh = 0, ew = 70, eh = 42, dy = 8; var showAnim = tween.exponential.co; var jumpAnim = tween.quadratic.ci; exports.anims = []; exports.set = function(){ image = layer.createImage( "default", "images/new.png", sx, sy, sw, sh ); }; exports.unset = function(){ }; exports.show = function( start ){ timeline.createTask({ start: start, duration: 500, data: [ sx, ex, sy, ey, sw, ew, sh, eh ], object: this, onTimeUpdate: this.onShowing, onTimeStart: this.onShowStart, onTimeEnd: this.onShowEnd, recycle: this.anims }); }; exports.hide = function( start ){ this.anims.clear(); timeline.createTask({ start: start, duration: 500, data: [ ex, sx, ey, sy, ew, sw, eh, sh ], object: this, onTimeUpdate: this.onShowing, recycle: this.anims }); }; exports.jump = function(){ this.anims.clear(); timeline.createTask({ start: 0, duration: -1, object: this, onTimeUpdate: this.onJumping, recycle: this.anims }); }; // 显示相关 exports.onShowStart = function(){ }; exports.onShowing = function( time, sx, ex, sy, ey, sw, ew, sh, eh ){ image.attr({ x: showAnim( time, sx, ex - sx, 500 ), y: showAnim( time, sy, ey - sy, 500 ), width: showAnim( time, sw, ew - sw, 500 ), height: showAnim( time, sh, eh - sh, 500 ) }); }; exports.onShowEnd = function(){ this.jump(); }; // 跳跃相关 exports.onJumping = function(time){ var t = parseInt(time / cycleTime); time = time % cycleTime; if( t % 2 ) time = cycleTime - time; image.attr("y", jumpAnim( time, ey, dy, cycleTime )); };; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\ninja.js */ define("scripts/object/ninja.js", function(exports){ var displacement = require("scripts/factory/displacement"); var tween = require("scripts/lib/tween"); exports = displacement.create("images/ninja.png", 244, 81, 315, -140, 315, 43, { show: tween.bounce.co, hide: tween.exponential.co }, 1e3);; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\quit.js */ define("scripts/object/quit.js", function(exports){ var rotate = require("scripts/factory/rotate"); var tween = require("scripts/lib/tween"); exports = rotate.create("images/quit.png", 493, 311, 141, 141, 1e-5, tween.exponential.co, 500);; return exports; }); /** * @source D:\hosting\demos\fruit-ninja\output\scripts\object\score.js */ define("scripts/object/score.js", function(exports){ var layer = require("scripts/layer"); var tween = require("scripts/lib/tween"); var timeline = require("scripts/timeline"); var Ucren = require("scripts/lib/ucren"); var setTimeout = timeline.setTimeout.bind( timeline ); var anim = tween.exponential.co; var message = require("scripts/message"); /** * 分数模块 */ var image, text1, text2, animLength = 500;; var imageSx = -94, imageEx = 6; var text1Sx = -59, text1Ex = 41; var text2Sx = -93, text2Ex = 7; exports.anims = []; exports.set = function(){ image = layer.createImage( "default", "images/score.png", imageSx, 8, 29, 31 ).hide(); text1 = layer.createText( "default", "0", text1Sx, 24, "90-#fc7f0c-#ffec53", "30px" ).hide(); text2 = layer.createText( "default", "BEST 999", text2Sx, 48, "#af7c05", "14px" ).hide(); }; exports.show = function( start ){ timeline.createTask({ start: start, duration: animLength, data: [ "show", imageSx, imageEx, text1Sx, text1Ex, text2Sx, text2Ex ], object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd, recycle: this.anims }); }; exports.hide = function( start ){ timeline.createTask({ start: start, duration: animLength, data: [ "hide", imageEx, imageSx, text1Ex, text1Sx, text2Ex, text2Sx ], object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd, recycle: this.anims }); }; exports.number = function( number ){ text1.attr( "text", number || 0 ); image.scale( 1.2, 1.2 ); setTimeout(function(){ image.scale( 1, 1 ); }, 60); // message.postMessage( number, "score.change" ); }; // 显示/隐藏 相关 exports.onTimeUpdate = function( time, mode, isx, iex, t1sx, t1ex, t2sx, t2ex ){ image.attr( "x", anim( time, isx, iex - isx, animLength ) ); text1.attr( "x", anim( time, t1sx, t1ex - t1sx, animLength ) ); text2.attr( "x", anim( time, t2sx, t2ex - t2sx, animLength ) ); }; exports.onTimeStart = function( mode ){ if( mode === "show" ) [ image, text1, text2 ].invoke( "show" ); }; exports.onTimeEnd = function( mode ){ if( mode === "hide" ) [ image, text1, text2 ].invoke( "hide" ), text1.attr( "text", 0 ); };; return exports; }); startModule("scripts/main");
以上就是教你如何用HTML5和JS实现切水果游戏的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!