所属分类：web前端开发
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
在线演示源码下载
所有JavaScript代码
微博登录
QQ登录/**
* this file was compiled by jsbuild 0.9.6
* @date Fri, 20 Jul 2012 16:21:18 UTC
* @author dron
* @site http://ucren.com
*/
void function(global){
var mapping = {}, cache = {};
global.startModule = function(m){
require(m).start();
};
global.define = function(id, func){
mapping[id] = func;
};
global.require = function(id){
if(!/\.js$/.test(id))
id += '.js';
if(cache[id])
return cache[id];
else
return cache[id] = mapping[id]({});
};
}(this);
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\collide.js
*/
define("scripts/collide.js", function(exports){
var fruit = require("scripts/factory/fruit");
var Ucren = require("scripts/lib/ucren");
var fruits = fruit.getFruitInView();
/**
* 碰撞检测
*/
exports.check = function( knife ){
var ret = [], index = 0;
fruits.forEach(function( fruit ){
var ck = lineInEllipse(
knife.slice( 0, 2 ),
knife.slice( 2, 4 ),
[ fruit.originX, fruit.originY ],
fruit.radius
);
if( ck )
ret[ index ++ ] = fruit;
});
return ret;
};
function sqr(x){
return x * x;
}
function sign(n){
return n < 0 ? -1 : ( n > 0 ? 1 : 0 );
}
function equation12( a, b, c ){
if(a == 0)return;
var delta = b * b - 4 * a * c;
if(delta == 0)
return [ -1 * b / (2 * a), -1 * b / (2 * a) ];
else if(delta > 0)
return [ (-1 * b + Math.sqrt(delta)) / (2 * a), (-1 * b - Math.sqrt(delta)) / (2 * a) ];
}
// 返回线段和椭圆的两个交点，如果不相交，返回 null
function lineXEllipse( p1, p2, c, r, e ){
// 线段：p1, p2 圆心：c 半径：r 离心率：e
if (r <= 0) return;
e = e === undefined ? 1 : e;
var t1 = r, t2 = r * e, k;
a = sqr( t2) * sqr(p1[0] - p2[0]) + sqr(t1) * sqr(p1[1] - p2[1]);
if (a <= 0) return;
b = 2 * sqr(t2) * (p2[0] - p1[0]) * (p1[0] - c[0]) + 2 * sqr(t1) * (p2[1] - p1[1]) * (p1[1] - c[1]);
c = sqr(t2) * sqr(p1[0] - c[0]) + sqr(t1) * sqr(p1[1] - c[1]) - sqr(t1) * sqr(t2);
if (!( k = equation12(a, b, c, t1, t2) )) return;
var result = [
[ p1[0] + k[0] * (p2[0] - p1[0]), p1[1] + k[0] * (p2[1] - p1[1]) ],
[ p1[0] + k[1] * (p2[0] - p1[0]), p1[1] + k[1] * (p2[1] - p1[1]) ]
];
if ( !( ( sign( result[0][0] - p1[0] ) * sign( result[0][0] - p2[0] ) <= 0 ) &&
( sign( result[0][1] - p1[1] ) * sign( result[0][1] - p2[1] ) <= 0 ) ) )
result[0] = null;
if ( !( ( sign( result[1][0] - p1[0] ) * sign( result[1][0] - p2[0] ) <= 0 ) &&
( sign( result[1][1] - p1[1] ) * sign( result[1][1] - p2[1] ) <= 0 ) ) )
result[1] = null;
return result;
}
// 判断计算线段和椭圆是否相交
function lineInEllipse( p1, p2, c, r, e ){
var t = lineXEllipse( p1, p2, c, r, e );
return t && ( t[0] || t[1] );
};
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\control.js
*/
define("scripts/control.js", function(exports){
var Ucren = require("scripts/lib/ucren");
var knife = require("scripts/object/knife");
var message = require("scripts/message");
var state = require("scripts/state");
var canvasLeft, canvasTop;
canvasLeft = canvasTop = 0;
exports.init = function(){
this.fixCanvasPos();
this.installDragger();
this.installClicker();
};
exports.installDragger = function(){
var dragger = new Ucren.BasicDrag({ type: "calc" });
dragger.on( "returnValue", function( dx, dy, x, y, kf ){
if( kf = knife.through( x - canvasLeft, y - canvasTop ) )
message.postMessage( kf, "slice" );
});
dragger.on( "startDrag", function(){
knife.newKnife();
});
dragger.bind( document.documentElement );
};
exports.installClicker = function(){
Ucren.addEvent( document, "click", function(){
if( state( "click-enable" ).ison() )
message.postMessage( "click" );
});
};
exports.fixCanvasPos = function(){
var de = document.documentElement;
var fix = function( e ){
canvasLeft = ( de.clientWidth - 640 ) / 2;
canvasTop = ( de.clientHeight - 480 ) / 2 - 40;
};
fix();
Ucren.addEvent( window, "resize", fix );
};;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\game.js
*/
define("scripts/game.js", function(exports){
/**
* game logic
*/
var timeline = require("scripts/timeline");
var Ucren = require("scripts/lib/ucren");
var sound = require("scripts/lib/sound");
var fruit = require("scripts/factory/fruit");
var score = require("scripts/object/score");
var message = require("scripts/message");
var state = require("scripts/state");
var lose = require("scripts/object/lose");
var gameOver = require("scripts/object/game-over");
var knife = require("scripts/object/knife");
// var sence = require("scripts/sence");
var background = require("scripts/object/background");
var light = require("scripts/object/light");
var scoreNumber = 0;
var random = Ucren.randomNumber;
var volleyNum = 2, volleyMultipleNumber = 5;
var fruits = [];
var gameInterval;
var snd;
var boomSnd;
// fruit barbette
var barbette = function(){
if( fruits.length >= volleyNum )
return ;
var startX = random( 640 ), endX = random( 640 ), startY = 600;
var f = fruit.create( startX, startY ).shotOut( 0, endX );
fruits.push( f );
snd.play();
barbette();
};
// start game
exports.start = function(){
snd = sound.create( "sound/throw" );
boomSnd = sound.create( "sound/boom" );
timeline.setTimeout(function(){
state( "game-state" ).set( "playing" );
gameInterval = timeline.setInterval( barbette, 1e3 );
}, 500);
};
exports.gameOver = function(){
state( "game-state" ).set( "over" );
gameInterval.stop();
gameOver.show();
// timeline.setTimeout(function(){
// // sence.switchSence( "home-menu" );
// // TODO: require 出现互相引用时，造成死循环，这个问题需要跟进，这里暂时用 postMessage 代替
// message.postMessage( "home-menu", "sence.switchSence" );
// }, 2000);
scoreNumber = 0;
volleyNum = 2;
fruits.length = 0;
};
exports.applyScore = function( score ){
if( score > volleyNum * volleyMultipleNumber )
volleyNum ++,
volleyMultipleNumber += 50;
};
exports.sliceAt = function( fruit, angle ){
var index;
if( state( "game-state" ).isnot( "playing" ) )
return;
if( fruit.type != "boom" ){
fruit.broken( angle );
if( index = fruits.indexOf( fruit ) )
fruits.splice( index, 1 );
score.number( ++ scoreNumber );
this.applyScore( scoreNumber );
}else{
boomSnd.play();
this.pauseAllFruit();
background.wobble();
light.start( fruit );
}
};
exports.pauseAllFruit = function(){
gameInterval.stop();
knife.pause();
fruits.invoke( "pause" );
};
// message.addEventListener("fruit.fallOff", function( fruit ){
// var index;
// if( ( index = fruits.indexOf( fruit ) ) > -1 )
// fruits.splice( index, 1 );
// });
message.addEventListener("fruit.remove", function( fruit ){
var index;
if( ( index = fruits.indexOf( fruit ) ) > -1 )
fruits.splice( index, 1 );
});
var eventFruitFallOutOfViewer = function( fruit ){
if( fruit.type != "boom" )
lose.showLoseAt( fruit.originX );
};
state( "game-state" ).hook( function( value ){
if( value == "playing" )
message.addEventListener( "fruit.fallOutOfViewer", eventFruitFallOutOfViewer );
else
message.removeEventListener( "fruit.fallOutOfViewer", eventFruitFallOutOfViewer );
} );
message.addEventListener("game.over", function(){
exports.gameOver();
knife.switchOn();
});
message.addEventListener("overWhiteLight.show", function(){
knife.endAll();
for(var i = fruits.length - 1; i >= 0; i --)
fruits[i].remove();
background.stop();
});
message.addEventListener("click", function(){
state( "click-enable" ).off();
gameOver.hide();
message.postMessage( "home-menu", "sence.switchSence" );
});;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\layer.js
*/
define("scripts/layer.js", function(exports){
/**
* layer manager
*/
var Raphael = require("scripts/lib/raphael");
var Ucren = require("scripts/lib/ucren");
var layers = {};
var zindexs = {
"default": zi(),
"light": zi(),
"knife": zi(),
"fruit": zi(),
"juice": zi(),
"flash": zi(),
"mask": zi()
};
exports.createImage = function( layer, src, x, y, w, h ){
layer = this.getLayer( layer );
return layer.image( src, x, y, w, h );
};
exports.createText = function( layer, text, x, y, fill, size ){
layer = this.getLayer( layer );
if( Ucren.isIe )
y += 2;
return layer.text(x, y, text).attr({
fill: fill || "#fff",
"font-size": size || "14px",
"font-family": "黑体",
"text-anchor": "start"
});
};
exports.getLayer = function( name ){
var p, layer;
name = name || "default";
if( p = layers[name] ){
return p;
}else{
layer = Ucren.makeElement( "p", { "class": "layer", "style": "z-index: " + ( zindexs[name] || 0 ) + ";" } );
Ucren.Element( "extra" ).add( layer );
p = layers[name] = Raphael( layer, 640, 480 );
// if( Ucren.isSafari )
// p.safari();
return p;
}
};
function zi(){
return zi.num = ++ zi.num || 2;
};
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\main.js
*/
define("scripts/main.js", function(exports){
var timeline = require("scripts/timeline");
var tools = require("scripts/tools");
var sence = require("scripts/sence");
var Ucren = require("scripts/lib/ucren");
var buzz = require("scripts/lib/buzz");
var control = require("scripts/control");
var csl = require("scripts/object/console");
var message = require("scripts/message");
var state = require("scripts/state");
var game = require("scripts/game");
var collide = require("scripts/collide");
var setTimeout = timeline.setTimeout.bind( timeline );
var log = function(){
var time = 1e3, add = 300, fn;
fn = function( text ){
setTimeout( function(){ csl.log( text ); }, time );
time += add;
};
fn.clear = function(){
setTimeout( csl.clear.bind( csl ), time );
time += add;
};
return fn;
}();
exports.start = function(){
[ timeline, sence, control ].invoke( "init" );
log( "正在加载鼠标控制脚本" );
log( "正在加载图像资源" );
log( "正在加载游戏脚本" );
log( "正在加载剧情" );
log( "正在初始化" );
log( "正在启动游戏..." );
log.clear();
setTimeout( sence.switchSence.saturate( sence, "home-menu" ), 3000 );
};
message.addEventListener("slice", function( knife ){
var fruits = collide.check( knife ), angle;
if( fruits.length )
angle = tools.getAngleByRadian( tools.pointToRadian( knife.slice(0, 2), knife.slice(2, 4) ) ),
fruits.forEach(function( fruit ){
message.postMessage( fruit, angle, "slice.at" );
});
});
message.addEventListener("slice.at", function( fruit, angle ){
if( state( "sence-state" ).isnot( "ready" ) )
return ;
if( state( "sence-name" ).is( "game-body" ) ){
game.sliceAt( fruit, angle );
return ;
}
if( state( "sence-name" ).is( "home-menu" ) ){
fruit.broken( angle );
if( fruit.isHomeMenu )
switch( 1 ){
case fruit.isDojoIcon:
sence.switchSence( "dojo-body" ); break;
case fruit.isNewGameIcon:
sence.switchSence( "game-body" ); break;
case fruit.isQuitIcon:
sence.switchSence( "quit-body" ); break;
}
return ;
}
});
var tip = "";
if( !Ucren.isChrome )
tip = "$为了获得最佳流畅度，推荐您使用 <span class='b'>Google Chrome</span> 体验本游戏";
if( !buzz.isSupported() )
tip = tip.replace( "$", "您的浏览器不支持 <audio> 播放声效，且" );
tip = tip.replace( "$", "" );
Ucren.Element( "browser" ).html( tip );;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\message.js
*/
define("scripts/message.js", function(exports){
/**
* a simple message manager
* @author dron
* @date 2012-06-27
*/
var Ucren = require("scripts/lib/ucren");
/**
* send a message
* @param {Any} message,message... message contents
* @param {String} to message address
*/
exports.postMessage = function( message/*, message, message... */, to ){
var messages = [].slice.call( arguments, 0 ),
splitIndex = messages.length - 1;
to = messages[ splitIndex ];
messages.slice( 0, splitIndex );
Ucren.dispatch( to, messages );
};
/**
* bind an message handler
* @param {String} from message address
* @param {Function} fn message handler
*/
exports.addEventListener = function( from, fn ){
Ucren.dispatch( from, fn );
};
/**
* remove an message handler
* @param {String} from message address
* @param {Function} fn message handler
*/
exports.removeEventListener = function( from, fn ){
Ucren.dispatch.remove( from, fn );
};;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\sence.js
*/
define("scripts/sence.js", function(exports){
var Ucren = require("scripts/lib/ucren");
var sound = require("scripts/lib/sound");
var fruit = require("scripts/factory/fruit");
var flash = require("scripts/object/flash");
var state = require("scripts/state");
var message = require("scripts/message");
// the fixed elements
var background = require("scripts/object/background");
var fps = require("scripts/object/fps");
// the home page elements
var homeMask = require("scripts/object/home-mask");
var logo = require("scripts/object/logo");
var ninja = require("scripts/object/ninja")
var homeDesc = require("scripts/object/home-desc");
var dojo = require("scripts/object/dojo");
var newGame = require("scripts/object/new-game");
var quit = require("scripts/object/quit");
var newSign = require("scripts/object/new");
var peach, sandia, boom;
// the elements in game body
var score = require("scripts/object/score");
var lose = require("scripts/object/lose");
// the game logic
var game = require("scripts/game");
// the elements in 'developing' module
var developing = require("scripts/object/developing");
var gameOver = require("scripts/object/game-over");
// commons
var message = require("scripts/message");
var timeline = require("scripts/timeline");
var setTimeout = timeline.setTimeout.bind( timeline );
var setInterval = timeline.setInterval.bind( timeline );
var menuSnd;
var gameStartSnd;
// initialize sence
exports.init = function(){
menuSnd = sound.create( "sound/menu" );
gameStartSnd = sound.create( "sound/start" );
[ background, homeMask, logo, ninja, homeDesc, dojo, newSign, newGame, quit, score, lose, developing, gameOver, flash /*, fps */ ].invoke( "set" );
// setInterval( fps.update.bind( fps ), 500 );
};
// switch sence
exports.switchSence = function( name ){
var curSence = state( "sence-name" );
var senceState = state( "sence-state" );
if( curSence.is( name ) )
return ;
var onHide = function(){
curSence.set( name );
senceState.set( "entering" );
switch( name ){
case "home-menu": this.showMenu( onShow ); break;
case "dojo-body": this.showDojo( onShow ); break;
case "game-body": this.showNewGame( onShow ); break;
case "quit-body": this.showQuit( onShow ); break;
}
}.bind( this );
var onShow = function(){
senceState.set( "ready" );
if( name == "dojo-body" || name == "quit-body" ){
exports.switchSence( "home-menu" );
}
};
senceState.set( "exiting" );
if( curSence.isunset() ) onHide();
else if( curSence.is( "home-menu" ) ) this.hideMenu( onHide );
else if( curSence.is( "dojo-body" ) ) this.hideDojo( onHide );
else if( curSence.is( "game-body" ) ) this.hideNewGame( onHide );
else if( curSence.is( "quit-body" ) ) this.hideQuit( onHide );
};
// to enter home page menu
exports.showMenu = function( callback ){
var callee = arguments.callee;
var times = callee.times = ++ callee.times || 1;
peach = fruit.create( "peach", 137, 333, true );
sandia = fruit.create( "sandia", 330, 322, true );
boom = fruit.create( "boom", 552, 367, true, 2500 );
[ peach, sandia, boom ].forEach(function( f ){ f.isHomeMenu = 1; });
peach.isDojoIcon = sandia.isNewGameIcon = boom.isQuitIcon = 1;
var group = [
[ homeMask, 0 ],
[ logo, 0 ],
[ ninja, 500 ],
[ homeDesc, 1500 ],
[ dojo, 2000 ],
[ newGame, 2000 ],
[ quit, 2000 ],
[ newSign, 2000 ],
[ peach, 2000 ],
[ sandia, 2000 ],
[ boom, 2000 ]
];
group.invoke( "show" );
[ peach, sandia ].invoke( "rotate", 2500 );
menuSnd.play();
setTimeout( callback, 2500 );
};
// to exit home page menu
exports.hideMenu = function( callback ){
[ newSign, dojo, newGame, quit ].invoke( "hide" );
[ homeMask, logo, ninja, homeDesc ].invoke( "hide" );
[ peach, sandia, boom ].invoke( "fallOff", 150 );
menuSnd.stop();
setTimeout( callback, fruit.getDropTimeSetting() );
};
// to enter game body
exports.showNewGame = function( callback ){
score.show();
lose.show();
game.start();
gameStartSnd.play();
setTimeout( callback, 1000 );
};
// to exit game body
exports.hideNewGame = function( callback ){
score.hide();
lose.hide();
gameStartSnd.stop();
setTimeout( callback, 1000 );
};
// to enter dojo mode
exports.showDojo = function( callback ){
developing.show( 250 );
setTimeout( callback, 1500 );
};
// to exit dojo mode
exports.hideDojo = function( callback ){
// TODO:
setTimeout( callback, 1000 );
};
// to enter quit page
exports.showQuit = function( callback ){
developing.show( 250 );
setTimeout( callback, 1500 );
};
// to exit quit page
exports.hideQuit = function( callback ){
// TODO:
setTimeout( callback, 1000 );
};
message.addEventListener("sence.switchSence", function( name ){
exports.switchSence( name );
});;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\state.js
*/
define("scripts/state.js", function(exports){
/**
* a simple state manager
* @author dron
* @date 2012-06-28
*/
var Ucren = require("scripts/lib/ucren");
var timeline = require("scripts/timeline");
/**
* usage:
* state( key ).is( value ) -> determine if the value of key is the given value
* state( key ).isnot( value ) -> determine if the value of key is not given value
* state( key ).ison() -> determine if the value of key is the boolean value 'true'
* state( key ).isoff() -> determine if the value of key is the boolean value 'false'
* state( key ).isunset() -> determine if the value of key is undefined
* state( key ).set( value ) -> set the value of key to a given value
* state( key ).get() -> get the value of key
* state( key ).on() -> set the value of key to boolean value 'true'
* state( key ).off() -> set the value of key to boolean value 'false'
*/
var stack = {};
var cache = {};
var callbacks = {};
exports = function( key ){
if( cache[ key ] )
return cache[ key ];
return cache[ key ] = {
is: function( value ){
return stack[key] === value;
},
isnot: function( value ){
return stack[key] !== value;
},
ison: function(){
return this.is( true );
},
isoff: function(){
return this.isnot( true );
},
isunset: function(){
return this.is( undefined );
},
set: function(){
var lastValue = NaN;
return function( value ){
var c;
stack[key] = value;
if( lastValue !== value && ( c = callbacks[ key ] ) )
for(var i = 0, l = c.length; i < l; i ++)
c[i].call( this, value );
lastValue = value;
}
}(),
get: function(){
return stack[key];
},
on: function(){
var me = this;
me.set( true );
return {
keep: function( time ){
timeline.setTimeout( me.set.saturate( me, false ), time );
}
}
},
off: function(){
var me = this;
me.set( false );
return {
keep: function( time ){
timeline.setTimeout( me.set.saturate( me, true ), time );
}
}
},
hook: function( fn ){
var c;
if( !( c = callbacks[ key ] ) )
callbacks[ key ] = [ fn ];
else
c.push( fn );
},
unhook: function(){
// TODO:
}
}
};;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\timeline.js
*/
define("scripts/timeline.js", function(exports){
/**
* a easy timeline manager
* @version 1.0
* @author dron
*/
var Ucren = require("scripts/lib/ucren");
var timerCache = {};
var timeline = {};
// var timer = timeline;
// <or>
// var timer = timeline.use( name ).init( 10 ); // to use a new timeline instance
//
// var t = timer.createTask(...);
// t.stop();
//
// timer.setTimeout(...);
// timer.setInterval(...);
// timer.getFPS();
function ClassTimer(){
this.tasks = [];
this.addingTasks = [];
this.adding = 0;
}
/**
* initialize timeline
*/
ClassTimer.prototype.init = function( ms ){
var me = this;
if( me.inited )
return ;
else
me.inited = 1;
me.startTime = now();
me.intervalTime = ms || 5;
me.count = 0;
me.intervalFn = function(){
me.count ++;
me.update( now() );
};
me.start();
return me;
};
/**
* create a task
* @param {Object} conf the config
* @return {Task} a task instance
*/
ClassTimer.prototype.createTask = function( conf ){
/* e.g. timer.createTask({
start: 500, duration: 2000, data: [a, b, c,..], object: module,
onTimeUpdate: fn(time, a, b, c,..), onTimeStart: fn(a, b, c,..), onTimeEnd: fn(a, b, c,..),
recycle: []
}); */
var task = createTask( conf );
this.addingTasks.unshift( task );
this.adding = 1;
if( conf.recycle )
this.taskList( conf.recycle, task );
this.start();
return task;
};
/**
* use a array to recycle the task
* @param {Array} queue be use for recycling task
* @param {Task} task a task instance
* @return {Array} this queue
*/
ClassTimer.prototype.taskList = function( queue, task ){
if( !queue.clear )
queue.clear = function(){
var i = this.length;
while( i -- )
task = this[i],
task.stop(),
this.splice( i, 1 );
return this;
};
if( task )
queue.unshift( task );
return queue;
};
/**
* create a timer for once callback
* @param {Function} fn callback function
* @param {Number} time time, unit: ms
*/
ClassTimer.prototype.setTimeout = function( fn, time ){
// e.g. setTimeout(fn, time);
return this.createTask({ start: time, duration: 0, onTimeStart: fn });
};
/**
* create a timer for ongoing callback
* @param {Function} fn callback function
* @param {Number} time time, unit: ms
*/
ClassTimer.prototype.setInterval = function( fn, time ){
// e.g. setInterval(fn, time);
var timer = setInterval( fn, time );
return {
stop: function(){
clearInterval( timer );
}
};
};
/**
* get the current fps
* @return {Number} fps number
*/
ClassTimer.prototype.getFPS = function(){
var t = now(), c = this.count, fps = c / ( t - this.startTime ) * 1e3;
if( c > 1e3 )
this.count = 0,
this.startTime = t;
return fps;
};
// privates
ClassTimer.prototype.start = function(){
clearInterval( this.interval );
this.interval = setInterval( this.intervalFn, this.intervalTime );
};
ClassTimer.prototype.stop = function(){
clearInterval( this.interval );
};
ClassTimer.prototype.update = function( time ){
var tasks = this.tasks, addingTasks = this.addingTasks, adding = this.adding;
var i = tasks.length, t, task, start, duration, data;
while( i -- ){
task = tasks[i];
start = task.start;
duration = task.duration;
if( time >= start ){
if( task.stopped ){
tasks.splice( i, 1 );
continue;
}
checkStartTask( task );
if( ( t = time - start ) < duration )
updateTask( task, t );
else
updateTask( task, duration ),
task.onTimeEnd.apply( task.object, task.data.slice(1) ),
tasks.splice( i, 1 );
}
}
if( adding )
tasks.unshift.apply( tasks, addingTasks ),
addingTasks.length = adding = 0;
if( !tasks.length )
this.stop();
};
timeline.use = function( name ){
var module;
if( module = timerCache[ name ] )
return module;
else
module = timerCache[ name ] = new ClassTimer;
return module;
};
/**
* @functions
*/
var now = function(){
return new Date().getTime();
};
var createTask = function( conf ){
var object = conf.object || {};
conf.start = conf.start || 0;
return {
start: conf.start + now(),
duration: conf.duration == -1 ? 86400000 : conf.duration,
data: conf.data ? [ 0 ].concat( conf.data ) : [ 0 ],
started: 0,
object: object,
onTimeStart: conf.onTimeStart || object.onTimeStart || Ucren.nul,
onTimeUpdate: conf.onTimeUpdate || object.onTimeUpdate || Ucren.nul,
onTimeEnd: conf.onTimeEnd || object.onTimeEnd || Ucren.nul,
stop: function(){
this.stopped = 1;
}
}
};
var updateTask = function( task, time ){
var data = task.data;
data[0] = time;
task.onTimeUpdate.apply( task.object, data );
};
var checkStartTask = function( task ){
if( !task.started )
task.started = 1,
task.onTimeStart.apply( task.object, task.data.slice(1) ),
updateTask( task, 0 );
};
/**
* for compatible the old version
*/
exports = timeline.use( "default" ).init( 10 );
exports.use = function( name ){
if( Ucren.isIe )
exports;
return timeline.use( name );
};;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\tools.js
*/
define("scripts/tools.js", function(exports){
exports.unsetObject = function( object ){
for(var i in object)
if(object.hasOwnProperty(i) && typeof object[i] == "function")
object[i] = function(){};
};
exports.getAngleByRadian = function( radian ){
return radian * 180 / Math.PI;
}
exports.pointToRadian = function( origin, point ){
var PI = Math.PI;
if( point[0] === origin[0] ){
if ( point[1] > origin[1] )
return PI * 0.5;
return PI * 1.5
}else if( point[1] === origin[1] ){
if ( point[0] > origin[0] )
return 0;
return PI;
}
var t = Math.atan( ( origin[1] - point[1] ) / ( origin[0] - point[0] ) );
if( point[0] > origin[0] && point[1] < origin[1] )
return t + 2 * PI;
if( point[0] > origin[0] && point[1] > origin[1] )
return t;
return t + PI;
};
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\factory\displacement.js
*/
define("scripts/factory/displacement.js", function(exports){
var layer = require("scripts/layer");
var timeline = require("scripts/timeline");
var tween = require("scripts/lib/tween");
/**
* 位移类模块模型
*/
exports.create = function( imageSrc, width, height, origX, origY, targetX, targetY, animMap, animDur ){
var module = {};
var image;
var anim = {};
if( typeof animMap === "function" )
anim.show = anim.hide = animMap;
else
anim = animMap;
var createTask = function( start, duration, sx, sy, ex, ey, anim, mode ){
timeline.createTask({
start: start,
duration: duration,
object: module, data: [ sx, sy, ex, ey, anim, mode ],
onTimeUpdate: module.onTimeUpdate, onTimeStart: module.onTimeStart, onTimeEnd: module.onTimeEnd,
recycle: module.anims
});
};
module.anims = [];
module.set = function(){
image = layer.createImage( "default", imageSrc, origX, origY, width, height );
};
module.show = function( start ){
createTask( start, animDur, origX, origY, targetX, targetY, anim.show, "show" );
};
module.hide = function(){
this.anims.clear();
createTask( 0, animDur, targetX, targetY, origX, origY, anim.hide, "hide" );
};
module.onTimeUpdate = function( time, sx, sy, ex, ey, anim ){
image.attr( {
x: anim( time, sx, ex - sx, animDur ),
y: anim( time, sy, ey - sy, animDur )
} );
};
module.onTimeStart = function(){
};
module.onTimeEnd = function( sx, sy, ex, ey, anim ){
if( anim === "hide" )
image.hide();
};
return module;
};;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\factory\fruit.js
*/
define("scripts/factory/fruit.js", function(exports){
var layer = require("scripts/layer");
var Ucren = require("scripts/lib/ucren");
var timeline = require("scripts/timeline").use( "fruit" ).init( 1 );
var timeline2 = require("scripts/timeline").use( "fruit-apart" ).init( 1 );
var tween = require("scripts/lib/tween");
var message = require("scripts/message");
var flame = require("scripts/object/flame");
var flash = require("scripts/object/flash");
var juice = require("scripts/factory/juice");
var ie = Ucren.isIe;
var safari = Ucren.isSafari;
/**
* 水果模块模型
*/
var zoomAnim = tween.exponential.co;
var rotateAnim = tween.circular;
var linearAnim = tween.linear;
var dropAnim = tween.quadratic.ci;
var fallOffAnim = tween.quadratic.co;
var random = Ucren.randomNumber;
var min = Math.min;
var average = function( a, b ){ return ( ( a + b ) / 2 ) >> 0; };
var dropTime = 1200, dropXScope = 200, shadowPos = 50;
var infos = {
// type: [ imageSrc, width, height, radius, fixAngle, isReverse, juiceColor ]
boom: [ "images/fruit/boom.png", 66, 68, 26, 0, 0, null ],
peach: [ "images/fruit/peach.png", 62, 59, 37, -50, 0, "#e6c731" ],
sandia: [ "images/fruit/sandia.png", 98, 85, 38, -100, 0, "#c00" ],
apple: [ "images/fruit/apple.png", 66, 66, 31, -54, 0, "#c8e925" ],
banana: [ "images/fruit/banana.png", 126, 50, 43, 90, 0, null ],
basaha: [ "images/fruit/basaha.png", 68, 72, 32, -135, 0, "#c00" ]
};
// TODO: 是否水果全开？
var types = [ "peach", "sandia", "apple", "banana", "basaha" ];
// var types = [ "sandia", "boom" ];
var rotateSpeed = [ 60, 50, 40, -40, -50, -60 ];
var fruitCache = [];
function ClassFruit(conf){
var info = infos[ conf.type ], radius = info[3];
this.type = conf.type;
this.originX = conf.originX;
this.originY = conf.originY;
this.radius = radius;
this.startX = conf.originX;
this.startY = conf.originY;
this.radius = radius;
this.anims = [];
if( this.type === "boom" )
this.flame = flame.create( this.startX - radius + 4, this.startY - radius + 5, conf.flameStart || 0 );
}
ClassFruit.prototype.set = function( hide ){
var inf = infos[ this.type ], radius = this.radius;
this.shadow = layer.createImage( "fruit", "images/shadow.png", this.startX - radius, this.startY - radius + shadowPos, 106, 77 );
this.image = layer.createImage( "fruit", inf[0], this.startX - radius, this.startY - radius, inf[1], inf[2] );
if( hide )
this.image.hide(),
this.shadow.hide();
return this;
};
ClassFruit.prototype.pos = function( x, y ){
if( x == this.originX && y == this.originY )
return ;
var r = this.radius;
this.originX = x;
this.originY = y;
this.image.attr({ x: x -= r, y: y -= r });
this.shadow.attr({ x: x, y: y + shadowPos });
if( this.type === "boom" )
this.flame.pos( x + 4, y + 5 );
};
ClassFruit.prototype.show = function( start ){
timeline.createTask({
start: start, duration: 500, data: [ 1e-5, 1, "show" ],
object: this, onTimeUpdate: this.onScaling, onTimeStart: this.onShowStart,
recycle: this.anims
});
};
ClassFruit.prototype.hide = function( start ){
if( this.type !== "boom" ) // if it is not a boom, it can't to be hide.
return ;
this.anims.clear();
this.flame.remove();
timeline.createTask({
start: start, duration: 500, data: [ 1, 1e-5, "hide" ],
object: this, onTimeUpdate: this.onScaling, onTimeEnd: this.onHideEnd,
recycle: this.anims
});
};
ClassFruit.prototype.rotate = function( start, speed ){
this.rotateSpeed = speed || rotateSpeed[ random( 6 ) ];
this.rotateAnim = timeline.createTask({
start: start, duration: -1,
object: this, onTimeUpdate: this.onRotating,
recycle: this.anims
});
};
ClassFruit.prototype.broken = function( angle ){
if( this.brokend )return;
this.brokend = true;
var index;
if( ( index = fruitCache.indexOf( this ) ) > -1 )
fruitCache.splice( index, 1 );
if( this.type !== "boom" )
flash.showAt( this.originX, this.originY, angle ),
juice.create( this.originX, this.originY, infos[ this.type ][6] ),
this.apart( angle );
else
this.hide();
};
ClassFruit.prototype.pause = function(){
if( this.brokend )
return;
this.anims.clear();
if( this.type == "boom" )
this.flame.remove();
};
// 分开
ClassFruit.prototype.apart = function( angle ){
this.anims.clear();
this.image.hide();
this.shadow.hide();
this.aparted = true;
var inf = infos[ this.type ], preSrc = inf[0].replace( ".png", "" ), radius = this.radius;
var create = layer.createImage.saturate( layer, this.startX - radius, this.startY - radius, inf[1], inf[2] );
angle = ( ( angle % 180 ) + 360 + inf[4] ) % 360;
this.bImage1 = create( "fruit", preSrc + "-1.png" );
this.bImage2 = create( "fruit", preSrc + "-2.png" );
[ this.bImage1, this.bImage2 ].invoke( "rotate", angle );
this.apartAngle = angle;
timeline2.createTask({
start: 0, duration: dropTime, object: this,
onTimeUpdate: this.onBrokenDropUpdate, onTimeStart: this.onBrokenDropStart, onTimeEnd: this.onBrokenDropEnd,
recycle: this.anims
});
};
// 抛出
ClassFruit.prototype.shotOut = function(){
var sign = [ -1, 1 ];
return function( start, endX ){
this.shotOutStartX = this.originX;
this.shotOutStartY = this.originY;
this.shotOutEndX = average( this.originX, endX );
this.shotOutEndY = min( this.startY - random( this.startY - 100 ), 200 );
this.fallOffToX = endX;
timeline.createTask({
start: start, duration: dropTime, object: this,
onTimeUpdate: this.onShotOuting, onTimeStart: this.onShotOutStart, onTimeEnd: this.onShotOutEnd,
recycle: this.anims
});
if( this.type != "boom" )
this.rotate( 0, ( random( 180 ) + 90 ) * sign[ random( 2 ) ] );
return this;
};
}();
// 掉落
ClassFruit.prototype.fallOff = function(){
var sign = [ -1, 1 ];
var signIndex = 0;
return function( start, x ){
if( this.aparted || this.brokend )
return ;
var y = 600;
if( typeof x !== "number" )
x = this.originX + random( dropXScope ) * sign[ ( signIndex ++ ) % 2 ];
this.fallTargetX = x;
this.fallTargetY = y;
timeline.createTask({
start: start, duration: dropTime, object: this,
onTimeUpdate: this.onFalling, onTimeStart: this.onFallStart, onTimeEnd: this.onFallEnd,
recycle: this.anims
});
}
}();
ClassFruit.prototype.remove = function(){
var index;
this.anims.clear();
if( this.image )
this.image.remove(),
this.shadow.remove();
if( this.bImage1 )
this.bImage1.remove(),
this.bImage2.remove();
if( this.type === "boom" )
this.flame.remove();
if( ( index = fruitCache.indexOf( this ) ) > -1 )
fruitCache.splice( index, 1 );
for(var name in this)
if( typeof this[name] === "function" )
this[name] = function( name ){
return function(){
throw new Error( "method " + name + " has been removed" );
};
}( name );
else delete this[name];
message.postMessage( this, "fruit.remove" );
};
// 显示/隐藏 相关
ClassFruit.prototype.onShowStart = function(){
this.image.show();
// this.shadow.show();
};
ClassFruit.prototype.onScaling = function( time, a, b, z ){
this.image.scale( z = zoomAnim( time, a, b - a, 500 ), z );
this.shadow.scale( z, z );
};
ClassFruit.prototype.onHideEnd = function(){
this.remove();
};
// 旋转相关
ClassFruit.prototype.onRotateStart = function(){
};
ClassFruit.prototype.onRotating = function( time ){
this.image.rotate( ( this.rotateSpeed * time / 1e3 ) % 360, true );
};
// 裂开相关
ClassFruit.prototype.onBrokenDropUpdate = function( time ){
var radius = this.radius;
this.bImage1.attr({
x: linearAnim( time, this.brokenPosX - radius, this.brokenTargetX1, dropTime ),
y: dropAnim( time, this.brokenPosY - radius, this.brokenTargetY1 - this.brokenPosY + radius, dropTime )
}).rotate( linearAnim( time, this.apartAngle, this.bImage1RotateAngle, dropTime ), true );
this.bImage2.attr({
x: linearAnim( time, this.brokenPosX - radius, this.brokenTargetX2, dropTime ),
y: dropAnim( time, this.brokenPosY - radius, this.brokenTargetY2 - this.brokenPosY + radius, dropTime )
}).rotate( linearAnim( time, this.apartAngle, this.bImage2RotateAngle, dropTime ), true );
};
ClassFruit.prototype.onBrokenDropStart = function(){
this.brokenTargetX1 = -( random( dropXScope ) + 75 );
this.brokenTargetX2 = random( dropXScope + 75 );
this.brokenTargetY1 = 600;
this.brokenTargetY2 = 600;
this.brokenPosX = this.originX;
this.brokenPosY = this.originY;
this.bImage1RotateAngle = - random( 150 ) - 50;
this.bImage2RotateAngle = random( 150 ) + 50;
for(var f, i = fruitCache.length - 1; i >= 0; i --)
if( fruitCache[i] === this )
fruitCache.splice( i, 1 );
};
ClassFruit.prototype.onBrokenDropEnd = function(){
this.remove();
};
// 抛出相关
ClassFruit.prototype.onShotOuting = function( time ){
this.pos(
linearAnim( time, this.shotOutStartX, this.shotOutEndX - this.shotOutStartX, dropTime ),
fallOffAnim( time, this.shotOutStartY, this.shotOutEndY - this.shotOutStartY, dropTime )
);
};
ClassFruit.prototype.onShotOutStart = function(){
// body...
};
ClassFruit.prototype.onShotOutEnd = function(){
this.fallOff( 0, this.fallOffToX );
};
// 掉落相关
ClassFruit.prototype.onFalling = function( time ){
var y;
this.pos(
linearAnim( time, this.brokenPosX, this.fallTargetX - this.brokenPosX, dropTime ),
y = dropAnim( time, this.brokenPosY, this.fallTargetY - this.brokenPosY, dropTime )
);
this.checkForFallOutOfViewer( y );
};
ClassFruit.prototype.onFallStart = function(){
this.brokenPosX = this.originX;
this.brokenPosY = this.originY;
};
ClassFruit.prototype.onFallEnd = function(){
message.postMessage( this, "fruit.fallOff" );
this.remove();
};
// privates
ClassFruit.prototype.checkForFallOutOfViewer = function( y ){
if( y > 480 + this.radius )
this.checkForFallOutOfViewer = Ucren.nul,
this.rotateAnim && this.rotateAnim.stop(),
message.postMessage( this, "fruit.fallOutOfViewer" );
};
exports.create = function( type, originX, originY, isHide, flameStart ){
if( typeof type == "number" ) // 缺省 type
isHide = originY,
originY = originX,
originX = type,
type = getType();
var fruit = new ClassFruit({ type: type, originX: originX, originY: originY, flameStart: flameStart }).set( isHide );
fruitCache.unshift( fruit );
return fruit;
};
exports.getFruitInView = function(){
return fruitCache;
};
exports.getDropTimeSetting = function(){
return dropTime;
};
function getType(){
if( random( 8 ) == 4 )
return "boom";
else
return types[ random( 5 ) ];
};
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\factory\juice.js
*/
define("scripts/factory/juice.js", function(exports){
/**
* 果汁
*/
var Ucren = require("scripts/lib/ucren");
var layer = require("scripts/layer").getLayer("juice");
var timeline = require("scripts/timeline").use( "juice" ).init( 10 );
var tween = require("scripts/lib/tween");
var tools = require("scripts/tools");
var random = Ucren.randomNumber;
var dur = 1500;
var anim = tween.exponential.co;
var dropAnim = tween.quadratic.co;
var sin = Math.sin;
var cos = Math.cos;
var num = 10;
var radius = 10;
// if( Ucren.isIe6 || Ucren.isSafari )
// switchOn = false;
// if( Ucren.isIe || Ucren.isSafari )
// num = 6;
function ClassJuice( x, y, color ){
this.originX = x;
this.originY = y;
this.color = color;
this.distance = random( 200 ) + 100;
this.radius = radius;
this.dir = random( 360 ) * Math.PI / 180;
}
ClassJuice.prototype.render = function(){
this.circle = layer.circle( this.originX, this.originY, this.radius ).attr({
fill: this.color,
stroke: "none"
});
};
ClassJuice.prototype.sputter = function(){
timeline.createTask({
start: 0, duration: dur,
object: this, onTimeUpdate: this.onTimeUpdate, onTimeEnd: this.onTimeEnd
});
};
ClassJuice.prototype.onTimeUpdate = function( time ){
var distance, x, y, z;
distance = anim( time, 0, this.distance, dur );
x = this.originX + distance * cos( this.dir );
y = this.originY + distance * sin( this.dir ) + dropAnim( time, 0, 200, dur );
z = anim( time, 1, -1, dur );
this.circle.attr({ cx: x, cy: y }).scale( z, z );
};
ClassJuice.prototype.onTimeEnd = function(){
this.circle.remove();
tools.unsetObject( this );
};
exports.create = function( x, y, color ){
for(var i = 0; i < num; i ++)
this.createOne( x, y, color );
};
exports.createOne = function( x, y, color ){
if( !color )
return;
var juice = new ClassJuice( x, y, color );
juice.render();
juice.sputter();
};;
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\factory\rotate.js
*/
define("scripts/factory/rotate.js", function(exports){
var layer = require("scripts/layer");
var timeline = require("scripts/timeline");
var Ucren = require("scripts/lib/ucren");
/**
* 旋转类模块模型
*/
exports.create = function( imageSrc, x, y, w, h, z, anim, animDur ){
var module = {}, image;
var rotateDire = [12, -12][Ucren.randomNumber(2)];
var defaultAngle = Ucren.randomNumber(360);
module.anims = [];
module.set = function(){
image = layer.createImage( "default", imageSrc, x, y, w, h ).scale( z, z ).rotate( defaultAngle, true );
};
module.show = function(start){
timeline.createTask({
start: start,
duration: animDur,
object: this,
data: [z, 1],
onTimeUpdate: this.onZooming,
onTimeEnd: this.onShowEnd,
recycle: this.anims
});
};
module.hide = function(start){
this.anims.clear();
timeline.createTask({
start: start,
duration: animDur,
object: this,
data: [ 1, z ],
onTimeUpdate: this.onZooming,
recycle: this.anims
});
};
module.onShowEnd = function(name){
this.anims.clear();
timeline.createTask({
start: 0,
duration: -1,
object: this,
onTimeUpdate: module.onRotating,
recycle: this.anims
});
};
module.onZooming = function(){
var z;
return function( time, a, b ){
image.scale( z = anim( time, a, b - a, animDur ), z );
}
}();
module.onRotating = function(){
var lastTime = 0, an = defaultAngle;
return function( time, name, a, b ){
an = ( an + ( time - lastTime ) / 1e3 * rotateDire ) % 360;
image.rotate( an, true );
lastTime = time;
}
}();
return module;
};
return exports;
});
/**
* @source D:\hosting\demos\fruit-ninja\output\scripts\lib\buzz.js
*/
define("scripts/lib/buzz.js", function(exports){
// ----------------------------------------------------------------------------
// Buzz, a Javascript HTML5 Audio library
// v 1.0.x beta
// Licensed under the MIT license.
// http://buzz.jaysalvat.com/
// ----------------------------------------------------------------------------
// Copyright (C) 2011 Jay Salvat
// http://jaysalvat.com/
// ----------------------------------------------------------------------------
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files ( the "Software" ), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
// ----------------------------------------------------------------------------
var buzz = {
defaults: {
autoplay: false,
duration: 5000,
formats: [],
loop: false,
placeholder: '--',
preload: 'metadata',
volume: 80
},
types: {
'mp3': 'audio/mpeg',
'ogg': 'audio/ogg',
'wav': 'audio/wav',
'aac': 'audio/aac',
'm4a': 'audio/x-m4a'
},
sounds: [],
el: document.createElement( 'audio' ),
sound: function( src, options ) {
options = options || {};
var pid = 0,
events = [],
eventsOnce = {},
supported = buzz.isSupported();
// publics
this.load = function() {
if ( !supported ) {
return this;
}
this.sound.load();
return this;
};
this.play = function() {
if ( !supported ) {
return this;
}
this.sound.play();
return this;
};
this.togglePlay = function() {
if ( !supported ) {
return this;
}
if ( this.sound.paused ) {
this.sound.play();
} else {
this.sound.pause();
}
return this;
};
this.pause = function() {
if ( !supported ) {
return this;
}
this.sound.pause();
return this;
};
this.isPaused = function() {
if ( !supported ) {
return null;
}
return this.sound.paused;
};
this.stop = function() {
if ( !supported ) {
return this;
}
this.setTime( this.getDuration() );
this.sound.pause();
return this;
};
this.isEnded = function() {
if ( !supported ) {
return null;
}
return this.sound.ended;
};
this.loop = function() {
if ( !supported ) {
return this;
}
this.sound.loop = 'loop';
this.bind( 'ended.buzzloop', function() {
this.currentTime = 0;
this.play();
});
return this;
};
this.unloop = function() {
if ( !supported ) {
return this;
}
this.sound.removeAttribute( 'loop' );
this.unbind( 'ended.buzzloop' );
return this;
};
this.mute = function() {
if ( !supported ) {
return this;
}
this.sound.muted = true;
return this;
};
this.unmute = function() {
if ( !supported ) {
return this;
}
this.sound.muted = false;
return this;
};
this.toggleMute = function() {
if ( !supported ) {
return this;
}
this.sound.muted = !this.sound.muted;
return this;
};
this.isMuted = function() {
if ( !supported ) {
return null;
}
return this.sound.muted;
};
this.setVolume = function( volume ) {
if ( !supported ) {
return this;
}
if ( volume < 0 ) {
volume = 0;
}
if ( volume > 100 ) {
volume = 100;
}
this.volume = volume;
this.sound.volume = volume / 100;
return this;
};
this.getVolume = function() {
if ( !supported ) {
return this;
}
return this.volume;
};
this.increaseVolume = function( value ) {
return this.setVolume( this.volume + ( value || 1 ) );
};
this.decreaseVolume = function( value ) {
return this.setVolume( this.volume - ( value || 1 ) );
};
this.setTime = function( time ) {
if ( !supported ) {
return this;
}
this.whenReady( function() {
this.sound.currentTime = time;
});
return this;
};
this.getTime = function() {
if ( !supported ) {
return null;
}
var time = Math.round( this.sound.currentTime * 100 ) / 100;
return isNaN( time ) ? buzz.defaults.placeholder : time;
};
this.setPercent = function( percent ) {
if ( !supported ) {
return this;
}
return this.setTime( buzz.fromPercent( percent, this.sound.duration ) );
};
this.getPercent = function() {
if ( !supported ) {
return null;
}
var percent = Math.round( buzz.toPercent( this.sound.currentTime, this.sound.duration ) );
return isNaN( percent ) ? buzz.defaults.placeholder : percent;
};
this.setSpeed = function( duration ) {
if ( !supported ) {
return this;
}
this.sound.playbackRate = duration;
};
this.getSpeed = function() {
if ( !supported ) {
return null;
}
return this.sound.playbackRate;
};
this.getDuration = function() {
if ( !supported ) {
return null;
}
var duration = Math.round( this.sound.duration * 100 ) / 100;
return isNaN( duration ) ? buzz.defaults.placeholder : duration;
};
this.getPlayed = function() {
if ( !supported ) {
return null;
}
return timerangeToArray( this.sound.played );
};
this.getBuffered = function() {
if ( !supported ) {
return null;
}
return timerangeToArray( this.sound.buffered );
};
this.getSeekable = function() {
if ( !supported ) {
return null;
}
return timerangeToArray( this.sound.seekable );
};
this.getErrorCode = function() {
if ( supported && this.sound.error ) {
return this.sound.error.code;
}
return 0;
};
this.getErrorMessage = function() {
if ( !supported ) {
return null;
}
switch( this.getErrorCode() ) {
case 1:
return 'MEDIA_ERR_ABORTED';
case 2:
return 'MEDIA_ERR_NETWORK';
case 3:
return 'MEDIA_ERR_DECODE';
case 4:
return 'MEDIA_ERR_SRC_NOT_SUPPORTED';
default:
return null;
}
};
this.getStateCode = function() {
if ( !supported ) {
return null;
}
return this.sound.readyState;
};
this.getStateMessage = function() {
if ( !supported ) {
return null;
}
switch( this.getStateCode() ) {
case 0:
return 'HAVE_NOTHING';
case 1:
return 'HAVE_METADATA';
case 2:
return 'HAVE_CURRENT_DATA';
case 3:
return 'HAVE_FUTURE_DATA';
case 4:
return 'HAVE_ENOUGH_DATA';
default:
return null;
}
};
this.getNetworkStateCode = function() {
if ( !supported ) {
return null;
}
return this.sound.networkState;
};
this.getNetworkStateMessage = function() {
if ( !supported ) {
return null;
}
switch( this.getNetworkStateCode() ) {
case 0:
return 'NETWORK_EMPTY';
case 1:
return 'NETWORK_IDLE';
case 2:
return 'NETWORK_LOADING';
case 3:
return 'NETWORK_NO_SOURCE';
default:
return null;
}
};
this.set = function( key, value ) {
if ( !supported ) {
return this;
}
this.sound[ key ] = value;
return this;
};
this.get = function( key ) {
if ( !supported ) {
return null;
}
return key ? this.sound[ key ] : this.sound;
};
this.bind = function( types, func ) {
if ( !supported ) {
return this;
}
types = types.split( ' ' );
var that = this,
efunc = function( e ) { func.call( that, e ); };
for( var t = 0; t < types.length; t++ ) {
var type = types[ t ],
idx = type;
type = idx.split( '.' )[ 0 ];
events.push( { idx: idx, func: efunc } );
this.sound.addEventListener( type, efunc, true );
}
return this;
};
this.unbind = function( types ) {
if ( !supported ) {
return this;
}
types = types.split( ' ' );
for( var t = 0; t < types.length; t++ ) {
var idx = types[ t ],
type = idx.split( '.' )[ 0 ];
for( var i = 0; i < events.length; i++ ) {
var namespace = events[ i ].idx.split( '.' );
if ( events[ i ].idx == idx || ( namespace[ 1 ] && namespace[ 1 ] == idx.replace( '.', '' ) ) ) {
this.sound.removeEventListener( type, events[ i ].func, true );
// remove event
events.splice(i, 1);
}
}
}
return this;
};
this.bindOnce = function( type, func ) {
if ( !supported ) {
return this;
}
var that = this;
eventsOnce[ pid++ ] = false;
this.bind( pid + type, function() {
if ( !eventsOnce[ pid ] ) {
eventsOnce[ pid ] = true;
func.call( that );
}
that.unbind( pid + type );
});
};
this.trigger = function( types ) {
if ( !supported ) {
return this;
}
types = types.split( ' ' );
for( var t = 0; t < types.length; t++ ) {
var idx = types[ t ];
for( var i = 0; i < events.length; i++ ) {
var eventType = events[ i ].idx.split( '.' );
if ( events[ i ].idx == idx || ( eventType[ 0 ] && eventType[ 0 ] == idx.replace( '.', '' ) ) ) {
var evt = document.createEvent('HTMLEvents');
evt.initEvent( eventType[ 0 ], false, true );
this.sound.dispatchEvent( evt );
}
}
}
return this;
};
this.fadeTo = function( to, duration, callback ) {
if ( !supported ) {
return this;
}
if ( duration instanceof Function ) {
callback = duration;
duration = buzz.defaults.duration;
} else {
duration = duration || buzz.defaults.duration;
}
var from = this.volume,
delay = duration / Math.abs( from - to ),
that = this;
this.play();
function doFade() {
setTimeout( function() {
if ( from < to && that.volume < to ) {
that.setVolume( that.volume += 1 );
doFade();
} else if ( from > to && that.volume > to ) {
that.setVolume( that.volume -= 1 );
doFade();
} else if ( callback instanceof Function ) {
callback.apply( that );
}
}, delay );
}
this.whenReady( function() {
doFade();
});
return this;
};
this.fadeIn = function( duration, callback ) {
if ( !supported ) {
return this;
}
return this.setVolume(0).fadeTo( 100, duration, callback );
};
this.fadeOut = function( duration, callback ) {
if ( !supported ) {
return this;
}
return this.fadeTo( 0, duration, callback );
};
this.fadeWith = function( sound, duration ) {
if ( !supported ) {
return this;
}
this.fadeOut( duration, function() {
this.stop();
});
sound.play().fadeIn( duration );
return this;
};
this.whenReady = function( func ) {
if ( !supported ) {
return null;
}
var that = this;
if ( this.sound.readyState === 0 ) {
this.bind( 'canplay.buzzwhenready', function() {
func.call( that );
});
} else {
func.call( that );
}
};
// privates
function timerangeToArray( timeRange ) {
var array = [],
length = timeRange.length - 1;
for( var i = 0; i <= length; i++ ) {
array.push({
start: timeRange.start( length ),
end: timeRange.end( length )
});
}
return array;
}
function getExt( filename ) {
return filename.split('.').pop();
}
function addSource( sound, src ) {
var source = document.createElement( 'source' );
source.src = src;
if ( buzz.types[ getExt( src ) ] ) {
source.type = buzz.types[ getExt( src ) ];
}
sound.appendChild( source );
}
// init
if ( supported && src ) {
for(var i in buzz.defaults ) {
if(buzz.defaults.hasOwnProperty(i)) {
options[ i ] = options[ i ] || buzz.defaults[ i ];
}
标签：
HTML5，JS，水果游戏,