切水果游戏曾经是一款风靡手机的休闲游戏，今天要介绍的就是一款网页版的切水果游戏，由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 = "$为了获得最佳流畅度，推荐您使用 Google Chrome 体验本游戏";
if( !buzz.isSupported() )
tip = tip.replace( "$", "您的浏览器不支持 zuojiankuohaophpcnaudio> 播放声效，且" );
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;
//
// 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];gb-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("");
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||n1)
{
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=aH&&(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"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);j0.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];q1?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];jb.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"));
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")}}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;g1&&(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];Kr)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;oe){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;cd)return d;while(cf?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 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中文网（www.php.cn）！
