one final try

.gitattributes

@@ -38,7 +38,6 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.pdfp filter=lfs diff=lfs merge=lfs -text
 *.jpeg filter=lfs diff=lfs merge=lfs -text
 *.gif filter=lfs diff=lfs merge=lfs -text
-*.js filter=lfs diff=lfs merge=lfs -text
 *.png filter=lfs diff=lfs merge=lfs -text
 *.bcmap filter=lfs diff=lfs merge=lfs -text
 /assets/player/pdfjs/web/cmaps/LICENSE filter=lfs diff=lfs merge=lfs -text

assets/player/AnimationManager.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:caa5f82edd64ad130e8bd367c53083d36866b2db3edf177b7d28e071b93b4367
-size 746
+var kKeyframeRule=window.CSSRule.WEBKIT_KEYFRAMES_RULE;var AnimationManager=Class.create({initialize:function(){var a=document.createElement("style");a.type="text/css";a.media="screen";document.getElementsByTagName("head")[0].appendChild(a);this.styleSheet=document.styleSheets[document.styleSheets.length-1];this.createdAnimations=new Object()},createAnimation:function(a){this.styleSheet.insertRule(kKeyframesPropertyName+" "+a+" {}",0);return this.styleSheet.cssRules[0]},deleteAllAnimations:function(){while(this.styleSheet.cssRules.length>0){this.styleSheet.deleteRule(0)}this.createdAnimations=new Object()},markAnimationsCreated:function(a){this.createdAnimations[a]=true},animationsCreated:function(a){return this.createdAnimations[a]}});

assets/player/DebuggingSupport.js

@@ -1,3 +1,276 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d73e75a5f730735a02a52b4eff417056a0b5da3abe6fefc335fd653cff5022b7
-size 9466
+/*
+ * DebuggingSupport.js
+ * Keynote HTML Player
+ * 
+ * Responsibility: Tungwei Cheng
+ * Copyright (c) 2009-2013 Apple Inc. All rights reserved.
+ */
+
+// Set this to "false" to disable ALL debugging logic
+var gDebug = false;
+
+// Set this to "false" to disable debug messages when running on the iPhone or iPad
+var gDebugOnMobile = false;
+
+// Globals:
+// ===============================================================
+
+var gNumDebugMessagesSent = 0;
+var gNumDebugMessagesQueued = 0;
+var gDebugMessageQueue = new Array();
+var gDebugMessageRequest = null;
+var gDebugLastClassName = "";
+var gDebugLastMethodName = "";
+
+// Enable these constants to simulate various conditions/errors:
+
+var gDebugSimulateSlowTextureDownload = false;
+var gDebugSimulateTextureLoadFailure = false;	
+var gDebugSimulateScriptDownloadFailure = false;	
+
+// Constants:
+// ===============================================================
+
+var kDebugFunction = "function";
+var kDebugSurpressMessage = "!NoOp_!NoOp";
+
+//----------------------------------------------------------------------
+
+var kDebugSetupShowController 											= kDebugFunction + "_" + "setupShowController";
+
+//----------------------------------------------------------------------
+
+var kDebugShowController												= "!ShowController";
+
+var kDebugShowController_AdvanceToNextBuild								= kDebugShowController + "_" + "!advanceToNextBuild";
+var kDebugShowController_AdvanceToNextSlide								= kDebugShowController + "_" + "!advanceToNextSlide";
+var kDebugShowController_DoIdleProcessing								= kDebugShowController + "_" + "!doIdleProcessing";
+var kDebugShowController_GoBackToPreviousBuild							= kDebugShowController + "_" + "!goBackToPreviousBuild";
+var kDebugShowController_GoBackToPreviousSlide							= kDebugShowController + "_" + "!goBackToPreviousSlide";
+var kDebugShowController_HandleScriptDidDownloadEvent					= kDebugShowController + "_" + "!handleScriptDidDownloadEvent";
+var kDebugShowController_HandleScriptDidNotDownloadEvent				= kDebugShowController + "_" + "!handleScriptDidNotDownloadEvent";
+var kDebugShowController_JumpToScene									= kDebugShowController + "_" + "!jumpToScene";
+var kDebugShowController_OnKeyPress										= kDebugShowController + "_" + "!onKeyPress";
+
+//----------------------------------------------------------------------
+
+var kDebugTouchController												= "!TouchController";
+
+var kDebugTouchController_HandleGestureEndEvent							= kDebugTouchController + "_" + "!handleGestureEndEvent";
+var kDebugTouchController_HandleGestureStartEvent						= kDebugTouchController + "_" + "!handleGestureStartEvent";
+var kDebugTouchController_HandleTouchCancelEvent						= kDebugTouchController + "_" + "!handleTouchCancelEvent";
+var kDebugTouchController_HandleTouchCancelEvent						= kDebugTouchController + "_" + "!handleTouchMoveEvent";
+var kDebugTouchController_HandleTouchEndEvent							= kDebugTouchController + "_" + "!handleTouchEndEvent";
+var kDebugTouchController_HandleTouchStartEvent							= kDebugTouchController + "_" + "!handleTouchStartEvent";
+var kDebugTouchController_Initialize									= kDebugTouchController + "_" + "!initialize";
+var kDebugTouchController_IsTouchWithinTrackArea						= kDebugTouchController + "_" + "!isTouchWithinTrackArea";
+var kDebugTouchController_SetTrackArea									= kDebugTouchController + "_" + "!setTrackArea";
+
+//----------------------------------------------------------------------
+
+var kDebugScriptMangaer													= "!ScriptManager";
+
+var kDebugScriptMangaer_DownloadScript									= kDebugScriptMangaer + "_" + "!downloadScript";
+
+//----------------------------------------------------------------------
+
+var kDebugTimer = "DebugTimer";
+
+var kDebugTimer_AdvanceToNextBuild										= kDebugTimer + "_" + "!advanceToNextBuild";
+var kDebugTimer_CreateAnimationsForScene								= kDebugTimer + "_" + "!createAnimationsForScene";
+var kDebugTimer_ApplyAnimationsForScene									= kDebugTimer + "_" + "!applyAnimationsForScene";
+var kDebugTimer_PreProcessSceneAnimations								= kDebugTimer + "_" + "!preProcessSceneAnimations";
+var kDebugTimer_AdvanceToNextBuild_to_ApplyAnimations					= kDebugTimer + "_" + "!preProcessSceneAnimations_to_ApplyAnimations";
+var kDebugTimer_JumpToScene												= kDebugTimer + "_" + "!jumpToScene";
+var kDebugTimer_DisplayScene											= kDebugTimer + "_" + "!displayScene";
+
+// Functions:
+// ===============================================================
+
+function debugWarning(sender, messageText) {
+    if (gDebug === false) {
+        return;
+    }
+    debugSendMessage(sender, "WARNING: " + messageText, true);
+}
+
+function debugMessageAlways(sender, messageText) {
+    debugSendMessage(sender, messageText, true);
+}
+
+function debugMessage(sender, messageText) {
+    if (gDebug == false) {
+        return;
+    }
+
+    if ((gDevice == kDeviceMobile) && (gDebugOnMobile == false)) {
+        return;
+    }
+
+    debugSendMessage(sender, messageText, false);
+}
+
+function debugSendMessage(sender, messageText, always) {
+    var indexOfUnderscore = sender.indexOf("_");
+    var className = sender.substring(0, indexOfUnderscore);
+    var methodName = sender.substring(indexOfUnderscore + 1);
+    var suppress = false;
+
+    if (className[0] == "!") {
+        className = className.substring(1);
+        suppress = true;
+    }
+
+    if (methodName[0] == "!") {
+        methodName = methodName.substring(1);
+        suppress = true;
+    }
+
+    if (methodName[0] == "+") {
+        methodName = methodName.substring(1);
+        always = true;
+	}
+
+    if ((suppress == true) && (always == false)) {
+        return;
+    }
+
+    var prefix = "";
+
+    if (messageText == null) {
+        messageText = "";
+    }
+
+    if (messageText[0] != "-" || className != gDebugLastClassName || methodName != gDebugLastMethodName) {
+        if (className == kDebugTimer) {
+            prefix = sender + ": ";
+        }
+        else if (className == kDebugFunction) {
+            prefix = methodName + "() ";
+        }
+        else {
+            prefix = className + "." + methodName + "() ";
+        }
+    } else {
+        prefix = "";
+    }
+
+    gDebugLastClassName = className;
+    gDebugLastMethodName = methodName;
+
+    if (gDevice == kDeviceMobile) {
+        gNumDebugMessagesSent++;
+
+        var formattedMessageText = escape(gNumDebugMessagesSent + ": " + prefix + messageText);
+
+        gDebugMessageQueue[gNumDebugMessagesQueued] = formattedMessageText;
+        gNumDebugMessagesQueued++;
+
+        if (gNumDebugMessagesQueued == 1) {
+            debugCheckMessageQueue();
+        }
+    } else {
+        if (window.console) {
+            window.console.log( prefix + messageText );
+        }
+    }
+}
+
+function debugSendNextMessageInQueue() {
+    var formattedMessageText = gDebugMessageQueue[0];
+
+    gNumDebugMessagesQueued--;
+    gDebugMessageQueue.splice(0,1);
+
+    var messageUrl = '/debugMessage.rhtml?message="' + formattedMessageText + '"';
+
+    new Ajax.Request( messageUrl, {
+        method: "get",
+        onSuccess: function(transport) {debugMessageWasSent(transport);},
+        onFailure: function(transport) {debugMessageWasNotSent(transport);}
+    });
+}
+
+function debugMessageWasSent(transport) {
+    debugCheckMessageQueue();
+}
+
+function debugMessageWasNotSent(transport) {
+    debugCheckMessageQueue();
+}
+
+function debugCheckMessageQueue() {
+    if (gNumDebugMessagesQueued > 0) {
+        setTimeout(debugSendNextMessageInQueue, 10);
+    }
+}
+
+var DebugTimer = Class.create({
+    initialize: function(timerId) {
+        var indexOfUnderscore = timerId.indexOf("_");
+        var timerName = timerId.substring( indexOfUnderscore + 1 );
+
+        if (timerName[0] != "!") {
+            this.id = timerId;
+            this.startTime = new Date();
+
+            debugMessageAlways(timerId, "Start");
+        } else {
+            this.startTime = null;
+        }
+    },
+
+    stop: function() {
+        if (this.startTime != null) {
+            var endTime = new Date();
+            var elapsedTime = endTime - this.startTime;
+
+            debugMessageAlways(this.id , "Stop - Elapsed Time: " + elapsedTime);
+        }
+    }
+});
+
+function debugStopTimer(timer) {
+    if (timer) {
+        timer.stop();
+    }
+}
+
+var debugDomDumpLineNumber = 0;
+
+function debugDumpDomFrom(rootObject, context) {
+    var kDebugDumpDomFrom = kDebugFunction + "_" + "debugDumpDomFrom";
+
+    debugDomDumpLineNumber = 0;
+    debugMessageAlways(kDebugDumpDomFrom, "------------------ S T A R T   O F   D O M   D U M P --- Context: " + context);
+    debugRecursivelyDumpDomFrom(rootObject, "");
+    debugMessageAlways(kDebugDumpDomFrom, "------------------ E N D   O F   D O M   D U M P");
+}
+
+function debugRecursivelyDumpDomFrom(object, indentPadding) {
+    var kDebugRecursivelyDumpDomFrom = kDebugFunction + "_" + "recursivelyDumpDomFrom";
+    var objectId	= object.id;
+    var objectTag	= object.nodeName.toLowerCase();
+    
+    if (objectTag == "#text") {
+        return;
+    }
+
+    debugMessageAlways( kDebugRecursivelyDumpDomFrom, "-" + (debugDomDumpLineNumber++) + indentPadding + "<" + objectTag + " id='" + objectId + "'>");
+
+    var iChild;
+
+    for (iChild = 0; iChild < object.childNodes.length; iChild++) {
+        var child = object.childNodes[iChild];
+        recursivelyDumpDomFrom(child, indentPadding + "   ");
+    }
+
+    if (objectTag == "img") {
+        return;
+    }
+
+    debugMessageAlways(kDebugRecursivelyDumpDomFrom, "-" + (debugDomDumpLineNumber++) + indentPadding + "</" + objectTag + ">");
+}
+
+
+

assets/player/DisplayManager.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:fc42593d07bb05c4a045fc584bba10ded7b3092debfd256ecf1780f8929bd6fb
-size 14869
+var kStageSizeDidChangeEvent="DisplayManager:StageSizeDidChangeEvent";var kTimeoutValueForCursor=1000;var kMobilePortraitModeHorizontalMargin=8;var kMobilePortraitModeTopMargin=47;var kMobilePortraitModeVerticalCenterLine=161;var kMobilePortraitModeMaxStageHeight=228;var kMobilePortraitMaxStageHeight=0;var kMobilePortraitMaxStageWidth=0;var kMobileLandscapeModeVerticalMargin=7;var kMobileLandscapeModeHorizontallMargin=15;var kBottomButtonHeight=50;var kNavigationArrowSize=27;var kNavigationAreaHeight=kNavigationArrowSize;var kHelpAreaHeight=16;var kMobilePortraitModeVerticalCenterLineToNavigationAreaGap=148;var kStageToNavigationAreaGap=31;var kNavigationAreaToHelpAreaGap=52;var kHelpAreaToBottomGap=12;var kMobilePortraitModeNavigationAreaSideMargin=32;var kMobilePortraitModeHelpAreaSideMargin=16;var kMobileLandscapeModeMinSideSpacerWidth=kNavigationArrowSize+10;var kPadPortraitModeHorizontalMargin=8;var kPadPortraitModeMaxStageHeight=540;var kPadPortraitModeVerticalCenterLine=400;var kPadLandscapeModeHorizontallMargin=15;var kPadLandscapeModeVerticalMargin=7;var DisplayManager=Class.create({initialize:function(){document.observe(kShowSizeDidChangeEvent,this.handleShowSizeDidChangeEvent.bind(this));document.observe(kOrientationChangedEvent,this.handleOrientationDidChangeEvent.bind(this));this.body=document.getElementById("body");this.stageArea=document.getElementById("stageArea");this.stage=document.getElementById("stage");this.hyperlinkPlane=document.getElementById("hyperlinkPlane");this.waitingIndicator=document.getElementById("waitingIndicator");this.helpText=document.getElementById("helpText");this.previousButton=document.getElementById("previousButton");this.nextButton=document.getElementById("nextButton");this.slideCounter=document.getElementById("slideCounter");this.waitingIndicatorTimeout=null;this.orientation=kOrientationUnknown;this.showWidth=0;this.showHeight=0;this.stageAreaWidth=0;this.stageAreaHeight=0;this.stageAreaTop=0;this.stageAreaLeft=0;this.usableDisplayWidth=0;this.usableDisplayHeight=0;this.inLaunchMode=true;this.initialAddressBarScrollPerformed=false;this.updateUsableDisplayArea();this.positionWaitingIndicator();this.showWaitingIndicator();this.hyperlinksOnly=false;this.showStatisticsDisplay=gIpad&&getUrlParameter("statistics")==="1";this.hasCacheEverGoneOverPixelLimit=false;this.hhasStageEverGoneOverPixelLimit=false;this.cacheHighWaterMark=0;this.stageHighWaterMark=0;if(gMode===kModeMobile){this.stageArea.style.backgroundColor="black";this.helpText.innerHTML=kTapOrSwipeToAdvance}else{Event.observe(this.body,"mousemove",this.handleMouseMove.bind(this));this.lastMouseX=-1;this.lastMouseY=-1;this.cursorTimeout=null;this.setTimeoutForCursor()}},setHyperlinksOnlyMode:function(){this.hyperlinksOnly=true;this.setPreviousButtonEnabled(false);this.setNextButtonEnabled(false);this.helpText.style.display="none"},handleMouseMove:function(a){a=a||window.event;var b=Math.abs(this.lastMouseX-a.clientX)+Math.abs(this.lastMouseY-a.clientY);if(b>10){if(this.cursorIsShowing===false){this.showCursor()}else{if(!this.navigatorIsShowing){this.setTimeoutForCursor()}}}else{if(!this.navigatorIsShowing){this.setTimeoutForCursor()}}this.lastMouseX=a.clientX;this.lastMouseY=a.clientY},updateSlideNumber:function(b,a){var d="";var c=null;if(gMode!=kModeDesktop){d=kSlideLabel+" "+b+"/"+a;c=this.slideCounter}if(c!=null){c.innerHTML=d}},handleShowSizeDidChangeEvent:function(a){this.showWidth=a.memo.width;this.showHeight=a.memo.height;this.layoutDisplay()},handleOrientationDidChangeEvent:function(a){this.orientation=a.memo.orientation;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout(this.handleOrientationDidChangeEvent_partTwo.bind(this),300)},handleOrientationDidChangeEvent_partTwo:function(){this.layoutDisplay();if(this.inLaunchMode===false){this.showApplicableControls()}},showCursor:function(){if(this.inLaunchMode){return}this.body.style.cursor="default";this.cursorIsShowing=true;this.setTimeoutForCursor()},hideCursor:function(){this.body.style.cursor="none";this.cursorIsShowing=false},setTimeoutForCursor:function(){if(this.cursorTimeout){clearTimeout(this.cursorTimeout)}this.cursorTimeout=setTimeout(this.handleTimeoutForCursor.bind(this),kTimeoutValueForCursor)},clearTimeoutForCursor:function(){if(this.cursorTimeout){clearTimeout(this.cursorTimeout)}},handleTimeoutForCursor:function(){this.hideCursor()},updateUsableDisplayArea:function(){if(gMode===kModeMobile){var a=gIpad;if(this.orientation===kOrientationLandscape){this.usableDisplayWidth=(a?kiPadDeviceHeight:kiPhoneDeviceHeight);this.usableDisplayHeight=(a?kiPadDeviceWidth:kiPhoneDeviceWidth)-kiPhoneStatusBarHeight-kiPhoneLandscapeButtonBarHeight-(a?(kiPadAddressBarHeight+kiPadBookmarksBarHeight):0)}else{this.usableDisplayWidth=(a?kiPadDeviceWidth:kiPhoneDeviceWidth);this.usableDisplayHeight=(a?kiPadDeviceHeight:kiPhoneDeviceHeight)-kiPhoneStatusBarHeight-kiPhonePortraitButtonBarHeight-(a?kiPadBookmarksBarHeight+10:0)}}else{this.usableDisplayWidth=window.innerWidth;this.usableDisplayHeight=window.innerHeight}},clearLaunchMode:function(){this.inLaunchMode=false;var a=this;runInNextEventLoop(this.showAll.bind(this))},positionWaitingIndicator:function(){var c=110;var b=32;var a;var d;if(gMode===kModeMobile&&this.orientation===kOrientationUnknown){a=1000;d=1000}else{if(gMode===kModeMobile&&this.orientation===kOrientationPortrait){a=(this.usableDisplayWidth-c)/2;if(gIpad===false){d=kMobilePortraitModeVerticalCenterLine-(c/2)}else{d=kPadPortraitModeVerticalCenterLine-(c/2)}}else{a=(this.usableDisplayWidth-c)/2;d=(this.usableDisplayHeight-c)/2}}setElementPosition(this.waitingIndicator,d,a,c,c)},hideWaitingIndicator:function(){this.waitingIndicator.style.display="none"},showWaitingIndicator:function(){this.waitingIndicator.style.display="block"},convertDisplayCoOrdsToShowCoOrds:function(d){var b={};var c=this.stageAreaLeft+this.stageAreaWidth;var a=this.stageAreaTop+this.stageAreaHeight;if((d.pointX<this.stageAreaLeft)||(d.pointX>c)||(d.pointY<this.stageAreaTop)||(d.pointY>a)){b.pointX=-1;b.pointY=-1}else{b.pointX=((d.pointX-this.stageAreaLeft)/this.stageAreaWidth)*this.showWidth;b.pointY=((d.pointY-this.stageAreaTop)/this.stageAreaHeight)*this.showHeight}return b},layoutDisplay:function(){this.updateUsableDisplayArea();var q;var k;if(gMode===kModeDesktop){q=this.usableDisplayWidth;k=this.usableDisplayHeight;if(!gShowController.isFullscreen){if(q>this.showWidth||k>k){q=this.showWidth;k=k}}}else{if(gIpad===false){if(this.orientation===kOrientationPortrait){q=this.usableDisplayWidth-2*kMobilePortraitModeHorizontalMargin;k=kMobilePortraitModeMaxStageHeight}else{q=this.usableDisplayWidth-2*kMobileLandscapeModeHorizontallMargin;k=this.usableDisplayHeight-2*kMobileLandscapeModeVerticalMargin}}else{if(this.orientation===kOrientationPortrait){q=this.usableDisplayWidth-2*kPadPortraitModeHorizontalMargin;k=kPadPortraitModeMaxStageHeight}else{q=this.usableDisplayWidth-2*kPadLandscapeModeHorizontallMargin;k=this.usableDisplayHeight-2*kPadLandscapeModeVerticalMargin}}}var o=scaleSizeWithinSize(this.showWidth,this.showHeight,q,k);this.stageAreaWidth=o.width;this.stageAreaHeight=o.height;this.stageAreaLeft=(this.usableDisplayWidth-this.stageAreaWidth)/2;if(gMode===kModeDesktop){this.stageAreaTop=(k-this.stageAreaHeight)/2}else{if(this.orientation===kOrientationPortrait){if(gIpad===false){this.stageAreaTop=Math.max(10,kMobilePortraitModeVerticalCenterLine-(this.stageAreaHeight/2))}else{this.stageAreaTop=Math.max(10,kPadPortraitModeVerticalCenterLine-(this.stageAreaHeight/2))}}else{this.stageAreaTop=(this.usableDisplayHeight-this.stageAreaHeight)/2}}setElementPosition(this.stageArea,this.stageAreaTop,this.stageAreaLeft,this.stageAreaWidth,this.stageAreaHeight);var e=-1;var b=-1;var p=-1;var h=-1;var a=null;if(gMode===kModeDesktop){a=false;e=-1;b=-1;p=-1;h=-1}else{a=true;p=0;h=0;if(gIpad){b=kiPadDeviceHeight}else{b=kiPhoneDeviceHeight}e=b}if(p!=-1&&h!=-1&&e!=-1&&b!=-1){var s=document.getElementById("background");s.style.top=p;s.style.left=h;s.style.width=e;s.style.height=b;if(a===true){s.style.visibility="visible"}}var g={x:0,y:0,width:this.usableDisplayWidth,height:this.stageAreaTop};var d={x:0,y:this.stageAreaTop+this.stageAreaHeight,width:this.usableDisplayWidth,height:this.usableDisplayHeight-this.stageAreaTop-this.stageAreaHeight};var n={x:0,y:this.stageAreaTop,width:this.stageAreaLeft,height:this.stageAreaHeight};var i={x:this.stageAreaLeft+this.stageAreaWidth,y:this.stageAreaTop,width:this.usableDisplayWidth-this.stageAreaWidth-n.width,height:this.stageAreaHeight};var l=document.getElementById("statisticsDisplay");if(this.showStatisticsDisplay&&gIpad&&this.orientation===kOrientationPortrait){setElementPosition(l,d.y+70,0,this.usableDisplayWidth,d.height-105);l.style.visibility="visible"}if(gMode!=kModeDesktop){if(this.orientation===kOrientationPortrait){var m=kNavigationArrowSize+2*kMobilePortraitModeNavigationAreaSideMargin;var f=kNavigationArrowSize+2*kStageToNavigationAreaGap;var r=this.usableDisplayWidth-2*m;var c=d.y+7;setElementPosition(this.previousButton,c,0,m,f);setElementPosition(this.slideCounter,c+kStageToNavigationAreaGap,m,r,f);setElementPosition(this.nextButton,c,m+r-5,m,f);setElementPosition(this.helpText,d.y+d.height-kHelpAreaToBottomGap-kHelpAreaHeight,0,this.usableDisplayWidth,kHelpAreaHeight);setElementPosition(this.infoPanelIcon,this.usableDisplayHeight-kInfoPanelButtonHeight,this.usableDisplayWidth-kInfoPanelButtonWidth-5,kInfoPanelButtonWidth,kInfoPanelButtonHeight)}else{var j={x:0,y:0,width:0,height:0};if(n.width>kMobileLandscapeModeMinSideSpacerWidth){setElementRect(this.previousButton,n);setElementRect(this.nextButton,i)}else{setElementRect(this.previousButton,j);setElementRect(this.nextButton,j)}setElementRect(this.slideCounter,j);setElementRect(this.helpText,j);setElementRect(this.infoPanelIcon,j)}}this.positionWaitingIndicator();this.hideAddressBar();document.fire(kStageSizeDidChangeEvent,{left:this.stageAreaLeft,top:this.stageAreaTop,width:this.stageAreaWidth,height:this.stageAreaHeight})},showApplicableControls:function(){if(this.inLaunchMode===true){hideElement(this.previousButton);hideElement(this.nextButton);hideElement(this.slideCounter);hideElement(this.helpText);hideElement(this.infoPanelIcon)}else{if(gMode===kModeDesktop){hideElement(this.previousButton);hideElement(this.nextButton);hideElement(this.slideCounter);hideElement(this.helpText);hideElement(this.infoPanelIcon)}else{if(this.orientation===kOrientationPortrait){showElement(this.previousButton);showElement(this.nextButton);showElement(this.slideCounter);showElement(this.helpText);showElement(this.infoPanelIcon)}else{hideElement(this.slideCounter);hideElement(this.helpText);hideElement(this.infoPanelIcon);if(this.stageAreaLeft>kMobileLandscapeModeMinSideSpacerWidth){showElement(this.previousButton);showElement(this.nextButton)}else{hideElement(this.previousButton);hideElement(this.nextButton)}}}}this.hideAddressBar()},showAll:function(){this.hideWaitingIndicator();setTimeout(this.showAll_partTwo.bind(this))},showAll_partTwo:function(){if(gDevice===kDeviceMobile){window.scrollTo(0,1);setTimeout(this.showAll_partThree.bind(this))}else{this.showAll_partThree()}},showAll_partThree:function(){if(this.inLaunchMode===false){this.showApplicableControls()}showElement(this.stageArea);var a=navigator.userAgent.match(/Windows/);if(a){if(gShowController.delegate.triggerReflow){gShowController.delegate.triggerReflow()}}showElement(this.hyperlinkPlane);if(gMode===kModeMobile){showElement(this.infoPanelIcon)}},setPreviousButtonEnabled:function(a){if(this.hyperlinksOnly){return}if(gMode!=kModeDesktop){if(a){this.previousButton.setAttribute("class","previousButtonEnabled")}else{this.previousButton.setAttribute("class","previousButtonDisabled")}}},setNextButtonEnabled:function(a){if(this.hyperlinksOnly){return}if(gMode!=kModeDesktop){if(a){this.nextButton.setAttribute("class","nextButtonEnabled")}else{this.nextButton.setAttribute("class","nextButtonDisabled")}}},hideAddressBar:function(){if(this.inLaunchMode){return}if(gDevice===kDeviceMobile){var a=this.initialAddressBarScrollPerformed?0:kHideAddressBarDelay;setTimeout("window.scrollTo(0, 1);",a);this.initialAddressBarScrollPerformed=true}},updateStatisticsDisplay:function(){if(this.showStatisticsDisplay===false){return}var k=document.getElementById("statisticsDisplay");var j=gShowController.textureManager.getCacheStatistics();var a=gShowController.scriptManager.degradeStatistics;var h=gShowController.stageManager.debugGetStageStatistics();var d=gShowController.textureManager.numLoadFailures;var c=gShowController.textureManager.numOutstandingLoadRequests;var i=1024*1024;var b=gSafeMaxPixelCount/i;b=Math.floor(b*100)/100;j.numPixels/=i;h.numPixels/=i;j.numPixels=Math.floor(j.numPixels*100)/100;h.numPixels=Math.floor(h.numPixels*100)/100;var e=false;var g=false;if(j.numPixels>b){e=true;this.hasCacheEverGoneOverPixelLimit=true}if(h.numPixels>b){g=true;this.hasStageEverGoneOverPixelLimit=true}if(j.numPixels>this.cacheHighWaterMark){this.cacheHighWaterMark=j.numPixels}if(h.numPixels>this.stageHighWaterMark){this.stageHighWaterMark=h.numPixels}var f="<div style='position: absolute; left: 0px;'><b>Cache Statistics:</b><br>- Scenes: <b>"+j.numScenes+"</b><br>- Textures: <b>"+j.numTextures+"</b><br>- Pixels: <b>"+j.numPixels+" MP</b><br>- Peak Pixels: <b>"+this.cacheHighWaterMark+" MP</b><br>%nbsp<br><b>Limits:</b><br>- Max Pixels: <b>"+b+" MP</b><br></div><div style='position: absolute; left: 175px;'><b>Scene Statistics:</b><br>- Scene Index: <b>"+gShowController.currentSceneIndex+"</b><br>- Textures: <b>"+h.numTextures+"</b><br>- Total Pixels: <b>"+h.numPixels+" MP</b><br>- Peak Pixels: <b>"+this.stageHighWaterMark+" MP</b><br><b>Texture Loader:</b><br>- Num Load Requests: <b>"+(c>0?("<span style='color:yellow;'>"+c+"</span>"):"0")+"</b><br>- Num Load Failures: <b>"+(d>0?("<span style='color:red;'>"+d+"</span>"):"0")+"</b><br></div><div style='position: absolute; left: 350px;'><b>Degrade Statistics:</b><br>- Scenes w/Degrades: <b>"+a.numDegradedSlides+"</b><br>- Total Textures Degraded: <b>"+a.numDegradedTextures+"</b><br>- Max Textures/Scene: <b>"+a.maxNumDegradedTexturesPerSlide+"</b><br>- Textures in Current: <b>"+(h.numDegraded>0?("<span style='color:yellow;'>"+h.numDegraded+"</span>"):"0")+"</b><br></div><div style='position: absolute; left: 550px;'><b>Summary:</b><br>- Cache: <br>- Over Pixel Limit Now: <b>"+(e?"<span style='color:red;'>YES</span>":"NO")+"</b><br>- Ever Over Pixel Limit: <b>"+(this.hasCacheEverGoneOverPixelLimit?"<span style='color:red;'>YES</span>":"NO")+"</b><br>- Stage: <br>- Over Pixel Limit Now: <b>"+(g?"<span style='color:red;'>YES</span>":"NO")+"</b><br>- Ever Over Pixel Limit: <b>"+(this.hasStageEverGoneOverPixelLimit?"<span style='color:red;'>YES</span>":"NO")+"</b><br></div>";k.innerHTML=f}});

assets/player/HelpPlacardController.js

@@ -1,3 +1,194 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8be916926e9e8058e4f2b4059a85b4dbaf40b94b2948951b9b820b53aec9c790
-size 6730
+/* 
+ * HelpPlacardController.js
+ * Keynote HTML Player
+ * 
+ * Created by Tungwei Cheng
+ * Copyright (c) 2012-2013 Apple Inc. All rights reserved.
+ */
+
+var HelpPlacardController = Class.create({
+    initialize: function(domNode) {
+        //root node for the slide number control
+        this.domNode = domNode;
+        this.width = 822;
+        this.height = 603;
+
+        var itemList = [
+            {key: " ", text: kHelpPlacardNavigationTitle, header:true},
+            {key: "return/enter   space   &#8594   &#8595   page down", text: kHelpPlacardAdvanceToNextBuild},
+            {key: "[   shift - page up   shift - &#8592", text: kHelpPlacardGoBackToPreviousBuild},
+            {key: "]   shift - &#8594", text: kHelpPlacardAdvanceAndSkipBuild},
+            {key: "shift - page down   shift - &#8595   +   =", text: kHelpPlacardAdvanceToNextSlide},
+            {key: "&#8592   &#8593   -   shift - &#8593", text: kHelpPlacardGoBackToPreviousSlide},
+            {key: "home", text: kHelpPlacardGoToFirstSlide},
+            {key: "end", text: kHelpPlacardGoToLastSlide},
+            {key: "slide number + return/enter", text: kHelpPlacardGoToSpecificSlide},
+            {key: " ", text: kHelpPlacardOtherTitle, header: true},
+            {key: "?   /", text: kHelpPlacardShowOrHideKeyboardShortcuts},
+            {key: "s", text: kHelpPlacardShowOrHideTheCurrentSlideNumber},
+            {key: "esc   q", text: kHelpPlacardQuitPresentationMode}
+        ];
+
+        this.helpPlacardTitleBar = new HelpPlacardTitleBar();
+        this.helpPlacardContentPanel = new HelpPlacardContentPanel(itemList);
+        this.helpPlacardFooter = new HelpPlacardFooter();
+        
+        this.domNode.appendChild(this.helpPlacardTitleBar.domNode);
+        this.domNode.appendChild(this.helpPlacardContentPanel.domNode);
+        this.domNode.appendChild(this.helpPlacardFooter.domNode);
+
+        this.isShowing = false;
+    },
+
+    handleClickEvent: function(event) {
+        event = event || window.event;
+        var target = event.target || event.srcElement;
+
+        // stop event from propagating up
+        if (this.isShowing) {
+            if (browserPrefix === "ms") {
+                event.cancelBubble = true;
+            } else {
+                event.stopPropagation();
+            }
+        }
+
+        this.hide();
+    },
+
+    setPosition: function(left, top) {
+        this.domNode.style.left = left + "px";
+        this.domNode.style.top  = top  + "px"  
+    },
+
+    show: function() {
+        this.isShowing = true;
+        this.domNode.style.display = "block";
+        this.domNode.style.opacity = 1;
+    },
+
+    hide: function() {
+        this.isShowing = false;
+        this.domNode.style.display = "none";
+        this.domNode.style.opacity = 0;
+    },
+
+    registerDragEvents: function() {
+        this.drag = this.dragging.bindAsEventListener(this);
+        this.dragStop = this.stopDragging.bindAsEventListener(this);
+
+        Event.observe(this.domNode, "mousedown", this.startDragging.bindAsEventListener(this));
+    },
+
+    startDragging: function(event) {
+        this.startX = Event.pointerX(event);
+        this.startY = Event.pointerY(event);
+
+        this.left = parseInt(this.domNode.style.left);
+        this.top = parseInt(this.domNode.style.top);
+
+        Event.observe(document, "mousemove", this.drag);
+        Event.observe(this.domNode, "mouseup", this.dragStop);
+    },
+
+    dragging: function(event) {
+        var x = Event.pointerX(event);
+        var y = Event.pointerY(event);
+
+        this.domNode.style.left = (x - this.startX + this.left) + "px";
+        this.domNode.style.top = (y - this.startY + this.top) + "px";
+
+        Event.stop(event);
+    },
+
+    stopDragging: function(event) {
+        Event.stopObserving(document, "mousemove", this.drag);
+        Event.stopObserving(this.domNode, "mouseup", this.dragStop);
+
+        Event.stop(event);
+    }
+});
+
+var HelpPlacardTitleBar = Class.create({
+    initialize: function() {
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "helpPlacardTitleBar");
+
+        this.closeButton = document.createElement("div");
+        this.closeButton.setAttribute("class", "helpPlacardCloseButton");
+
+        this.title = document.createElement("div");
+        this.title.setAttribute("class", "helpPlacardTitle");
+        this.title.innerHTML = kHelpPlacardMainTitle;
+
+        this.domNode.appendChild(this.closeButton);
+        this.domNode.appendChild(this.title);
+    }
+});
+
+var HelpPlacardContentPanel = Class.create({
+    initialize: function(itemList) {
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "helpPlacardContentPanel");
+
+        for (var i = 0, length = itemList.length; i < length; i++) {
+            var item = itemList[i];
+            var div = document.createElement("div");
+            var leftDiv, rightDiv;
+
+            if (item.header) {
+                div.setAttribute("class", "helpPlacardHeader");
+
+                leftDiv = document.createElement("div");
+                leftDiv.setAttribute("class", "helpPlacardLeftHeaderItem");
+                leftDiv.innerHTML = item.text;
+
+                div.appendChild(leftDiv);
+            }
+            else {
+                div.setAttribute("class", "helpPlacardItem");
+
+                leftDiv = document.createElement("div");
+                leftDiv.setAttribute("class", "helpPlacardRightItem");
+                leftDiv.innerHTML = item.key;
+
+                rightDiv = document.createElement("div");
+                rightDiv.setAttribute("class", "helpPlacardLeftItem");
+                rightDiv.innerHTML = item.text;
+
+                div.appendChild(leftDiv);
+                div.appendChild(rightDiv);
+            }
+
+            this.domNode.appendChild(div);
+        }
+    }
+});
+
+var HelpPlacardFooter = Class.create({
+    initialize: function() {
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "helpPlacardFooter");
+
+        var div = document.createElement("div");
+        div.innerHTML = "Acknowledgements";
+        div.setAttribute("class", "helpPlacardAcknowledgementsButton");
+
+        Event.observe(div, "click", this.handleClickEvent.bind(this));
+
+        this.domNode.appendChild(div);
+    },
+
+    handleClickEvent: function(event) {
+        event = event || window.event;
+
+        // stop event from propagating up
+        if (browserPrefix === "ms") {
+            event.cancelBubble = true;
+        } else {
+            event.stopPropagation();
+        }
+
+        window.open("Acknowledgements.pdf", "_Acknowledgements");
+    }
+});

assets/player/KPFObjects.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6c33531bbaa192876ad04fc2c35cbccd9bdff583af65debf7d4c39af79dba2ff
-size 58322
+var kpfLayerCounter=0;var eventOverallDuration=0;var KPFPlaybackController=Class.create({initialize:function(b,a){this.domNode=a;this.kpfEvent=null},destroy:function(){this.removeEvent();this.domNode=null},removeEvent:function(){if(this.kpfEvent){this.kpfEvent.destroy();delete this.kpfEvent;this.kpfEvent=null;while(this.domNode.childNodes.length>0){this.domNode.removeChild(this.domNode.childNodes[0])}}},renderEvent:function(a){this.removeEvent();this.kpfEvent=a;this.kpfEvent.renderEvent(this.domNode)},renderEffects:function(){var a=this.kpfEvent.renderEffects(this.kpfEvent.event.effects);return a},animateEffects:function(a){this.kpfEvent.animateEffects(a)},eventOverallEndTime:function(){return this.kpfEvent.eventOverallEndTime}});var KPFEvent=Class.create({initialize:function(a){this.slideId=a.slideId;this.slideIndex=a.slideIndex;this.sceneIndex=a.sceneIndex;this.animationSupported=a.animationSupported;this.event=a.event;this.baseLayer={};this.effects=[];this.cssRenderer={};this.glRenderer={};this.canvasIdFromObjectIdLookup={};this.eventOverallEndTime=0;this.overallEndTimeInternal()},destroy:function(){this.baseLayer.destroy();this.cssRenderer.destroy();for(var a=0,b=this.effects.length;a<b;a++){this.effects[a].destroy()}delete this.baseLayer;delete this.cssRenderer;delete this.effects;delete this.event;this.slideId=null;this.slideIndex=null;this.sceneIndex=null;this.animationSupported=null;this.eventOverallEndTime=null},addAnimationsToIdenticalLayer:function(c,f){if(c.animations&&c.animations.length>0){for(var b=0,e=c.animations.length;b<e;b++){f.animations.push(c.animations[b])}}if(c.layers&&c.layers.length>0){for(var a=0,d=c.layers.length;a<d;a++){this.addAnimationsToIdenticalLayer(c.layers[a],f.layers[a])}}},processEffects:function(a){var d=[];for(var h=0;h<a.length;h++){var m=a[h];if(m.type==="actionBuild"){var f=false;var l;for(var g=0,b=d.length;g<b;g++){if(d[g].type==="actionBuild"&&d[g].objectID===m.objectID){l=g;f=true;break}}if(f){this.addAnimationsToIdenticalLayer(m.baseLayer,d[l].baseLayer);if(m.beginTime<d[l].beginTime){d[l].beginTime=m.beginTime}if(m.beginTime+m.duration>d[l].beginTime+d[l].duration){d[l].duration=m.beginTime+m.duration}for(var e=0,c=m.effects.length;e<c;e++){d[l].effects.push(m.effects[e])}if(d[l].names==null){d[l].names=[]}d[l].names.push(m.name)}else{d.push(m)}}else{d.push(m)}}for(var h=0,b=d.length;h<b;h++){d[h].effects=this.processEffects(d[h].effects)}return d},renderEffects:function(c){var o=[];for(var h=0,f=c.length;h<f;h++){var m=new KPFEffect(c[h],this.animationSupported);var k=false;var b=m.objectID;this.cssRenderer.initRendererFlags(m);if(m.baseLayer==null){this.renderAudioOnlyEffect(m)}else{if(m.name==="renderMovie"){this.renderMovie(this.baseLayer,m)}else{if(m.type==="actionBuild"&&!m.isEmphasisBuild){for(var g=0,q=this.effects.length;g<q;g++){if(this.effects[g].objectID===b){if(this.effects[g].type==="actionBuild"||this.effects[g].name==="renderMovie"){k=true}else{k=false}}}}if(this.baseLayer.objectID===b){var l=new KPFLayer(m.baseLayer,{animationSupported:this.animationSupported,name:m.name,type:m.type,objectID:b});var n="layer"+this.baseLayer.layerId;var p=document.getElementById(n);var a=p.parentNode;var r=document.createElement("div");r.setAttribute("id","layer"+l.layerId);this.baseLayer=l;m.kpfLayer=l;if(useWebGL&&kSupportedWebGLEffects.indexOf(m.name)!==-1){var e=this.canvasId;var d;if(e){d=document.getElementById(e)}else{e=this.canvasId=b+"-canvas";d=this.createCanvasElement(e);a.appendChild(d)}m.nodeToSwapId=n;m.canvasId=e}else{this.cssRenderer.layer=l;this.cssRenderer.domNode=r;this.cssRenderer.draw(a);a.removeChild(p)}}else{this.renderEffect(this.baseLayer,m,k)}}}this.effects.push(m);o.push(m)}return o},renderMovie:function(c,m){var h;for(var j=0,f=c.layers.length;j<f;j++){var d=m.objectID;var b=m.name;var p=m.type;var g=m.movie;if(c.layers[j].objectID===d){var l=new KPFLayer(m.baseLayer,{animationSupported:this.animationSupported,name:b,type:p,objectID:d,movie:g},c.bounds.offset);var o="layer"+c.layers[j].layerId;var n="layer"+c.layers[j].layerId;var q=document.getElementById(n);if(!q){continue}var a=q.parentNode;m.kpfLayer=l;var e=this.canvasIdFromObjectIdLookup[d];if(e){var k=this.glRenderer[e];if(k){k.removeProgram(d)}}c.layers[j]=l;var r=this.cssRenderer.createNodes(a,c,l);a.replaceChild(r,q);h=true}else{h=this.renderMovie(c.layers[j],m)}if(h){break}}return h},renderEffect:function(E,C,k){var D;for(var z=0,j=E.layers.length;z<j;z++){var x=C.objectID;var G=C.name;var h=C.type;var v=C.movie;if(E.layers[z].objectID===x){var F=new KPFLayer(C.baseLayer,{animationSupported:this.animationSupported,name:G,type:h,objectID:x,movie:v},E.bounds.offset);var u="layer"+E.layers[z].layerId;var a="layer"+E.layers[z].layerId;var l=document.getElementById(a);if(!l){continue}var q=l.parentNode;C.kpfLayer=F;if(useWebGL&&kSupportedWebGLEffects.indexOf(G)!==-1){var B=this.canvasId;var f;if(B){f=document.getElementById(B);f.style.opacity=1}else{B=this.canvasId=x+"-canvas";f=this.createCanvasElement(B);q.appendChild(f)}this.canvasIdFromObjectIdLookup[x]=B;C.nodeToSwapId=a;C.canvasId=B}else{var B=this.canvasIdFromObjectIdLookup[x];if(B){var y=this.glRenderer[B];if(y){y.removeProgram(x)}}if(!k){E.layers[z]=F;var b=this.cssRenderer.createNodes(q,E,F);q.replaceChild(b,l)}else{var c=C.objectID+"-video";var A=gShowController.movieCache&&gShowController.movieCache[c];if(C.name==="apple:action-scale"&&!A){var g=document.getElementById(l.childNodes[0].id+"-contents");var w=this.cssRenderer.createNodes(q,E,F);var p=w.childNodes[0].id;var o=document.getElementById(p+"-contents-from");var t=document.getElementById(p+"-contents-to");if(o&&t){var r=E.bounds;var e=r.width;var m=r.height;var s=l.childNodes[0].id;var d=document.createElement("div");d.id=s+"-contents-to";this.setStyle(d,"0px","0px",e+"px",m+"px",kPositionAbsolutePropertyValue,null,null);d.appendChild(t.childNodes[0]);g.appendChild(d);setElementProperty(d,"opacity",0);var n=document.createElement("div");n.id=s+"-contents-from";this.setStyle(n,"0px","0px",e+"px",m+"px",kPositionAbsolutePropertyValue,null,null);n.appendChild(o.childNodes[0]);g.appendChild(n)}else{w.parentNode.removeChild(w)}}C.currentKPFLayer=E.layers[z]}}D=true}else{D=this.renderEffect(E.layers[z],C,k)}if(D){break}}return D},renderEvent:function(a){var b={animationSupported:this.animationSupported};if(this.event.effects&&this.event.effects.length===1){b.name=this.event.effects[0].name;b.type=this.event.effects[0].type;b.objectID=this.event.effects[0].objectID}this.baseLayer=new KPFLayer(this.event.baseLayer,b);this.cssRenderer=new KPFCssRenderer(this.baseLayer,this.sceneIndex,this.animationSupported,this.effects);this.cssRenderer.draw(a)},renderAudioOnlyEffect:function(e){if(e.name!="renderMovie"){return}var b=e.movie;if(!b.isAudioOnly){return}if(gShowController.audioCache==null){gShowController.audioCache={}}var a=b.asset+"-audio";var d=gShowController.audioCache[a];if(d==null){var c=gShowController.textureManager.urlForAsset(b.asset,this.slideId);d=new Audio(c);if(b){if(b.loopMode&&b.loopMode==="looping"){d.loop=true}if(b.volume){d.volume=b.volume}}gShowController.audioCache[a]=d}d.play()},animateEffects:function(e){for(var b=0,c=e.length;b<c;b++){var a=e[b];this.animateEffect(a)}for(var f in this.glRenderer){var d=this.glRenderer[f];d.animate();d.animationStarted=true}},animateEffect:function(c){var f=c.canvasId;var g=c.nodeToSwapId;if(f){var b=document.getElementById(f);var e={canvasId:f,canvas:b,nodeToSwapId:g,textureAssets:gShowController.textureManager.slideCache[this.slideIndex].textureAssets,effect:c,overallEndTime:this.eventOverallEndTime};var d=this.glRenderer[f];if(!d){d=new KNWebGLRenderer(e);this.glRenderer[f]=d}var a=c.beginTime*1000;if(c.type==="transition"){a=0}setTimeout(this.animateEffectWillBegin.bind(this,e),a)}else{this.cssRenderer.animate(c)}if(c.effects.length>0){setTimeout(this.handleEffectDidComplete.bind(this,c),(c.beginTime+c.duration)*1000)}},animateEffectWillBegin:function(e){var d=e.canvasId;var b=e.effect;var c=this.glRenderer[d];c.draw(b);if(!c.animationStarted){c.animate();c.animationStarted=true}var a=document.getElementById(e.nodeToSwapId);if(!a){return}if(b.type==="transition"){a.parentNode.removeChild(a)}else{a.style.opacity=0}},handleEffectDidComplete:function(c){var e=this.renderEffects(c.effects);for(var b=0,d=e.length;b<d;b++){var a=e[b];this.animateEffect(a)}},overallEndTime:function(){return this.eventOverallEndTime},overallEndTimeInternal:function(){for(var a=0,d=this.event.effects.length;a<d;a++){var c=0;var b=this.event.effects[a];this.calculateOverallEndTime(c,b)}},calculateOverallEndTime:function(e,c){var b=e+c.beginTime+c.duration;if(b>this.eventOverallEndTime){this.eventOverallEndTime=b}for(var a=0,d=c.effects.length;a<d;a++){this.calculateOverallEndTime(b,c.effects[a])}},createCanvasElement:function(b){var a=document.createElement("canvas");a.width=gShowController.script.slideWidth;a.height=gShowController.script.slideHeight;a.setAttribute("id",b);return a},setStyle:function(f,h,g,e,b,a,d,c){f.style.top=h;f.style.left=g;f.style.width=e;f.style.height=b;f.style.position=a;if(d!=null&&d!=undefined){f.style.opacity=d}if(c!=null&&c!=undefined){f.style.visibility=c}}});var KPFEffect=Class.create({initialize:function(b,a){this.attributes=b.attributes;this.type=b.type;this.name=b.name;this.beginTime=b.beginTime;this.duration=b.duration;this.objectID=b.objectID;this.baseLayer=b.baseLayer;if(kEmphasisEffects.indexOf(this.name)>-1){this.isEmphasisBuild=true}if(b.movie){this.movie=b.movie}this.effects=[];this.addSubEffect(b.effects,a)},destroy:function(){for(var a=0,b=this.effects.length;a<b;a++){this.destroyEffect(this.effects[a])}this.type=null;this.name=null;this.beginTime=null;this.duration=null;this.objectID=null;delete this.kpfLayer;delete this.effects;delete this.baseLayer;if(this.movie){delete this.movie}if(this.currentKPFLayer){delete this.currentKPFLayer}},destroyEffect:function(b){for(var a=0,c=b.effects.length;a<c;a++){this.destroyEffect(b.effects[a])}b.type=null;b.name=null;b.beginTime=null;b.duration=null;b.objectID=null;delete b.kpfLayer;delete b.effects;delete b.baseLayer;if(b.movie){delete b.movie}if(b.currentKPFLayer){delete b.currentKPFLayer}},addSubEffect:function(c,a){for(var b=0,e=c.length;b<e;b++){var d=new KPFEffect(c[b],a);this.effects.push(d)}}});var KPFMovie=Class.create({initialize:function(b){this.objectID=b.objectID;this.movieId=b.movieId;this.width=b.width;this.height=b.height;this.sceneIndex=b.sceneIndex;this.textureId=b.textureId;this.src=b.src;this.showControls=b.showControls;this.movieDiv=b.movieDiv;this.parentLayer=b.parentLayer;var a=this.videoElement=document.createElement("video");this.setDefaultStyle();this.setInsertBeforeOrAfterTextureId();setElementProperty(a,"pointer-events","all");a.setAttribute("id",this.movieId);a.setAttribute("src",this.src);if(this.showControls){Event.observe(a,"mouseover",this.handleMouseOver.bind());Event.observe(a,"mouseleave",this.handleMouseLeave.bind())}this.isFirstRendered=true;this.isEnded=false;this.isPlaying=false},destroy:function(){var a=this.videoElement;if(a){a.pause();a.src=""}},handleMouseOver:function(){this.setAttribute("controls","controls")},handleMouseLeave:function(){this.removeAttribute("controls")},setDefaultStyle:function(){var a=this.videoElement.style;a.top="0px";a.left="0px";a.width=this.width+"px";a.height=this.height+"px";a.position=kPositionAbsolutePropertyValue;a.visibility="hidden"},setInsertBeforeOrAfterTextureId:function(){var d=this.parentLayer.layers;for(var b=0,c=d.length;b<c;b++){var a=d[b];if(a.isVideoLayer){if(b+1<c){this.insertBeforeTextureId=d[b+1].textureId}if(b-1>=0){this.insertAfterTextureId=d[b-1].textureId}}}},observeEvents:function(a){var b=this.videoElement;Event.stopObserving(b,"canplay");Event.stopObserving(b,"ended");Event.observe(b,"canplay",this.handleMovieDidStart.bind(this,a));Event.observe(b,"ended",this.handleMovieDidEnd.bind(this,a))},setLoop:function(a){this.videoElement.loop=a},setVolume:function(a){this.videoElement.volume=a},removeControls:function(){if(this.videoElement.hasAttribute("controls")){this.videoElement.removeAttribute("controls")}},handleMovieDidStart:function(a){this.videoElement.style.visibility="visible";if(a){setTimeout(this.hideMoviePoster.bind(this,a),120)}},handleMovieDidEnd:function(a){if(!this.videoElement.loop){this.isEnded=true}},startMovie:function(){if(this.videoElement){this.videoElement.play();this.isPlaying=true}},stopMovie:function(){if(this.videoElement){this.videoElement.pause()}},hideMoviePoster:function(a){var b=a.style;b.visibility="hidden";b.display="none";if(a.parentNode){a.parentNode.removeChild(a)}}});var KPFCssRenderer=Class.create({initialize:function(b,d,a,c){this.textureId=b.textureId;this.nativeWidth=b.bounds.width;this.nativeHeight=b.bounds.height;this.opacity=b.opacity;this.visibility=b.hidden===true?"hidden":"visible";this.textureTransform=b.textureTransform;this.affineTransform=b.affineTransform;this.anchorPoint=b.anchorPoint;this.contentsRect=b.contentsRect;this.layer=b;this.sceneIndex=d;this.animationSupported=a;this.enableCompositingUsingBackface=false;this.enablePreserve3DFromParent=false;if(c.length>0){this.initRendererFlags(c[0])}this.glContentsRenderer={};this.domNode=document.createElement("div");this.domNode.setAttribute("id","layer"+b.layerId)},initRendererFlags:function(a){if(a.type==="transition"&&a.name!="apple:ca-swing"&&a.name!="com.apple.iWork.Keynote.BLTSwoosh"){this.enableCompositingUsingBackface=true;this.enablePreserve3DFromParent=true;if(isChrome&&(a.name==="apple:ca-push"||a.name==="com.apple.iWork.Keynote.BLTFadeThruColor")){this.enableCompositingUsingBackface=false;this.enablePreserve3DFromParent=false}}else{this.enableCompositingUsingBackface=false;this.enablePreserve3DFromParent=false}if(a.name==="apple:apple-grid"){this.isGridTransition=true}else{if(a.name==="com.apple.iWork.Keynote.BLTMosaicFlip"){this.isMosaicTransition=true}else{if(a.name==="com.apple.iWork.Keynote.BLTSwoosh"&&a.type==="transition"){this.isSwooshTransition=true}}}},destroy:function(){this.textureId=null;this.nativeWidth=null;this.nativeHeight=null;this.opacity=null;this.visibility=null;this.textureTransform=null;this.affineTransform=null;this.anchorPoint=null;this.textureAnimation=null;this.contentsRect=null;this.requiresPerspectiveTransform=null;this.sceneIndex=null;var d=this.domNode.getElementsByTagName("canvas");for(var c=d.length;c--;){var a=d[c];if(a){var b=a.getContext("2d");if(b){b.clearRect(0,0,a.width,a.height);d[c].remove()}}}if(this.domNode.hasChildNodes()){while(this.domNode.childNodes.length>0){this.domNode.removeChild(this.domNode.firstChild)}}this.domNode=null},addAnimationNode:function(e,d,a,c){if(d==null){return e}var f=d.shift();if(f==null){return e}var h=document.createElement("div");var g=a+"-"+escapeTextureId(f);h.setAttribute("id",g);if(c.initialState.masksToBounds){setElementProperty(h,"overflow","hidden")}if(this.enableCompositingUsingBackface){setElementProperty(h,kBackfaceVisibilityPropertyName,"hidden")}else{if(this.isSwooshTransition){setElementProperty(h,kTransformPropertyName,"translateZ(0px)")}}this.setStyle(h,"0px","0px",e.style.width,e.style.height,kPositionAbsolutePropertyValue,null,null);setElementProperty(h,kTransformStylePropertyName,kTransformStylePreserve3DPropertyValue);if(c.anchorPoint.pointX!=0.5||c.anchorPoint.pointY!=0.5){setElementProperty(h,kTransformOriginPropertyName,(c.anchorPoint.pointX*100)+"% "+(c.anchorPoint.pointY*100)+"%")}var b=["opacity","doubleSided","anchorPointZ"];if(c.transformOriginValue&&c.transformOriginZValue){if(c.animationInfo.name==="apple:ca-revolve"){b.push("anchorPoint","position","zPosition")}else{if(c.animationInfo.name==="apple:3D-cube"){b.push("anchorPoint","position","zPosition","transform.rotation.x","transform.rotation.y")}}}if(c.transformOriginZValue&&b.indexOf(f)===-1){if(Prototype.Browser.Gecko){setElementProperty(h,kTransformOriginPropertyName,(c.anchorPoint.pointX*100)+"% "+(c.anchorPoint.pointY*100)+"% "+c.transformOriginZValue+"px")}else{setElementProperty(h,kTransformOriginZPropertyName,c.transformOriginZValue+"px");if(navigator.userAgent.lastIndexOf("Chrome/")<=0){setElementProperty(h,kTransformPropertyName,"translateZ("+c.transformOriginZValue+"px)")}}}e.appendChild(h);return this.addAnimationNode(h,d,a,c)},createNodes:function(a,d,c){var b=gShowController.movieCache;if(b&&c.animationInfo.name!=="renderMovie"){this.setVideoLayer(c,b)}var e=this.addNode(a,d,c);return e},setVideoLayer:function(l,p){var a=l.objectID;var o=a+"-video";kpfMovie=p[o];if(!kpfMovie){for(var h=0,b=l.layers.length;h<b;h++){this.setVideoLayer(l.layers[h],p)}}else{if(l.layers.length===1){if(l.layers[0].textureId){l.layers[0].isVideoLayer=true;l.layers[0].movieObjectID=a}else{if(l.layers[0].layers[0].textureId){l.layers[0].layers[0].isVideoLayer=true;l.layers[0].layers[0].movieObjectID=a}}}else{var m=false;var d;for(var h=0,b=l.layers.length;h<b;h++){var k;if(l.layers[h].textureId){k=l.layers[h]}else{k=l.layers[h].layers[0]}var g=k.textureId;if(g===kpfMovie.insertAfterTextureId){d=k}var n=false;for(var f=0,c=kpfMovie.parentLayer.layers.length;f<c;f++){var e=kpfMovie.parentLayer.layers[f].textureId;if(e===g){n=true;break}}if(!n){m=true;k.isVideoLayer=true;k.movieObjectID=a}}if(!m&&d){d.isVideoLayer=true;d.movieObjectID=a}}}},addNode:function(r,E,f){if(f.canvasId){return}var G="layer"+f.layerId;var ae=document.createElement("div");ae.setAttribute("id",G);setElementProperty(ae,"pointer-events","none");var Q=f.contentsRect.x;var O=f.contentsRect.y;var R=f.contentsRect.width;var ad=f.contentsRect.height;var ao=f.affineTransform[0];var am=f.affineTransform[1];var al=f.affineTransform[2];var ak=f.affineTransform[3];var ai=f.affineTransform[4];var af=f.affineTransform[5];var v=f.animationInfo;var S=false;if(ao===-1&&v.name==="com.apple.iWork.Keynote.KLNComet"){ao=1;S=true}var C="matrix("+ao+","+am+","+al+","+ak+","+(ai+f.bounds.offset.pointX)+","+(af+f.bounds.offset.pointY)+")";var o=f.bounds;var s=o.width;var U=o.height;this.setStyle(ae,"0px","0px",s+"px",U+"px",kPositionAbsolutePropertyValue,f.opacity,f.visibility);setElementProperty(ae,kTransformPropertyName,C);if(f.anchorPoint.pointX!=0.5||f.anchorPoint.pointY!=0.5){setElementProperty(ae,kTransformOriginPropertyName,(f.anchorPoint.pointX*100)+"% "+(f.anchorPoint.pointY*100)+"%")}if(f.initialState.masksToBounds){setElementProperty(ae,"overflow","hidden")}r.appendChild(ae);var H;if(this.animationSupported){H=this.addAnimationNode(ae,f.divNames,G,f)}else{H=ae}if(f.isTransition&&this.enablePreserve3DFromParent){if(E.sublayerTransform[11]!=0){setElementProperty(ae,kTransformStylePropertyName,kTransformStylePreserve3DPropertyValue)}if(f.sublayerTransform[11]!=0){setElementProperty(ae,kPerspectivePropertyName,gShowController.stageManager.perspective+"px");setElementProperty(ae,kTransformStylePropertyName,kTransformStylePreserve3DPropertyValue)}}else{if(E.sublayerTransform[11]!=0){setElementProperty(r,kPerspectivePropertyName,gShowController.stageManager.perspective+"px");setElementProperty(ae,kTransformStylePropertyName,kTransformStylePreserve3DPropertyValue)}else{setElementProperty(ae,kTransformStylePropertyName,kTransformStyleFlatPropertyValue)}}if(isChrome){if(this.enableCompositingUsingBackface){setElementProperty(ae,kBackfaceVisibilityPropertyName,"hidden")}else{if(this.isSwooshTransition){setElementProperty(ae,kTransformPropertyName,"translateZ(0px)")}}}var M=f.textureId;if(M){var z=gShowController.textureManager;var F=z.getTextureObject(this.sceneIndex,M);if(!F){return ae}var p=document.createElement("canvas");var ap=p.getContext("2d");var a=F.width;var d=F.height;if(Q===0&&O===0&&R===1&&ad===1){p.width=a;p.height=d;if(a>0&&d>0){ap.drawImage(F,0,0)}this.setStyle(p,"0px","0px",s+"px",U+"px",kPositionAbsolutePropertyValue,null,null)}else{var n=O*d;var X=(Q+R)*a;var c=(O+ad)*d;var k=Q*a;var u=p.width=X-k;var j=p.height=c-n;ap.drawImage(F,k*pdfScaleFactor,n*pdfScaleFactor,u*pdfScaleFactor,j*pdfScaleFactor,0,0,u,j);this.setStyle(p,"0px","0px",u+"px",j+"px",kPositionAbsolutePropertyValue,null,null)}var L=p;L.setAttribute("id",M);if(browserPrefix==="webkit"&&f.isTransition==null){if(S){setElementProperty(L,kTransformPropertyName,"rotateY(180deg) translateZ(0px)")}else{setElementProperty(L,kTransformPropertyName,"translateZ(0px)")}}if(f.isTransition){if(isChrome){if(this.enableCompositingUsingBackface){if(!this.isGridTransition&&!this.isMosaicTransition){setElementProperty(L,kBackfaceVisibilityPropertyName,"hidden")}}else{if(this.isSwooshTransition){setElementProperty(L,kTransformPropertyName,"translateZ(0px)")}}}else{if(this.enableCompositingUsingBackface){setElementProperty(L,kBackfaceVisibilityPropertyName,"hidden")}else{setElementProperty(L,kTransformPropertyName,"translateZ(0px)")}}}var K=v.objectID;var g=v&&v.type==="buildOut";var W;var t;if(f.isVideoLayer){if(v.name==="renderMovie"){var Y=z.getMovieUrl(this.sceneIndex,v.movie.asset);var P=/(?:\.([^.]+))?$/;var ah=P.exec(Y)[1];if(ah==="gif"){t=new Image();this.setStyle(t,"0px","0px",s+"px",U+"px",kPositionAbsolutePropertyValue,null,null);Event.observe(t,"load",this.hideElement.bind(this,L));t.src=Y}else{if(gShowController.movieCache==null){gShowController.movieCache={}}var V=K+"-video";f.hasMovie=true;f.movieId=V;W=gShowController.movieCache[V];if(W==null){var ag={objectID:K,movieId:V,width:s,height:U,sceneIndex:this.sceneIndex,textureId:M,src:Y,showControls:gShowController.isRecording===false?true:false,movieDiv:ae,parentLayer:E};W=new KPFMovie(ag);gShowController.movieCache[V]=W;W.observeEvents(L)}}}else{var Z=gShowController.movieCache;if(Z){var V=f.movieObjectID+"-video";W=Z[V]}}}if(f.hasContentsAnimation){var an=f.cssAnimation.animations;var T;var e;for(var m=0,ab=an.length;m<ab;m++){if(an[m].property==="contents"){T=an[m].to.texture;e=an[m].from.texture;break}}var b=z.getTextureObject(this.sceneIndex,T);var N=document.createElement("canvas");var aq=N.getContext("2d");var a=N.width=b.width;var d=N.height=b.height;var J=a/s;var I=d/U;aq.drawImage(b,0,0);N.setAttribute("id",T);if(J>1&&I>1&&J!==0&&I!==0){this.setStyle(N,"0px","0px",a+"px",d+"px",kPositionAbsolutePropertyValue,null,null);setElementProperty(N,kTransformOriginPropertyName,"0% 0%");setElementProperty(N,kTransformPropertyName,"scale("+1/J+","+1/I+")")}else{this.setStyle(N,"0px","0px",s+"px",U+"px",kPositionAbsolutePropertyValue,null,null)}var B=document.createElement("div");B.id=G+"-contents-to";this.setStyle(B,"0px","0px",s+"px",U+"px",kPositionAbsolutePropertyValue,null,null);B.appendChild(N);H.appendChild(B);setElementProperty(B,"opacity",0);var D=z.getTextureObject(this.sceneIndex,e);var q=document.createElement("canvas");var aj=q.getContext("2d");q.width=D.width;q.height=D.height;aj.drawImage(D,0,0);q.setAttribute("id",e);this.setStyle(q,"0px","0px",s+"px",U+"px",kPositionAbsolutePropertyValue,null,null);var l=document.createElement("div");l.id=G+"-contents-from";this.setStyle(l,"0px","0px",s+"px",U+"px",kPositionAbsolutePropertyValue,null,null);l.appendChild(q);H.appendChild(l)}else{H.appendChild(L);if(t){H.appendChild(t)}}if(W){if(W.isFirstRendered){H.insertBefore(W.videoElement,L);W.isFirstRendered=false}else{if(f.animationInfo&&f.animationInfo.name!=="renderMovie"){if(W.objectID===K&&g){W.stopMovie();W.removeControls();W.isBuiltOut=true}else{if(!W.isBuiltOut){H.parentNode.appendChild(W.movieDiv)}}}}}}else{if(f.initialState.backgroundColor){var aa=f.initialState.backgroundColor;setElementProperty(H,"background-color","rgba("+parseInt(aa[0]*255)+","+parseInt(aa[1]*255)+","+parseInt(aa[2]*255)+","+aa[3]+")")}}for(var ac=0,A=f.layers.length;ac<A;ac++){this.addNode(H,f,f.layers[ac])}return ae},hideElement:function(a){a.style.visibility="hidden"},serializeSvg:function(e){var f=e.getElementsByTagName("image");for(var d=0,b=f.length;d<b;d++){var a=f[d];var g=document.createElement("a");g.href=a.getAttributeNS("http://www.w3.org/1999/xlink","href");var j=window.location.protocol+"//"+g.host+g.pathname;a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",j)}var h=new XMLSerializer;var c=h.serializeToString(e);return c},draw:function(a){this.setStyle(this.domNode,"0px","0px",this.nativeWidth+"px",this.nativeHeight+"px",kPositionAbsolutePropertyValue,this.opacity,this.visibility);if(browserPrefix==="webkit"){if(this.enableCompositingUsingBackface&&isChrome){setElementProperty(this.domNode,kBackfaceVisibilityPropertyName,"hidden")}else{setElementProperty(this.domNode,kTransformPropertyName,"translateZ(0px)")}}if(this.layer.sublayerTransform[11]!=0){setElementProperty(this.domNode,kPerspectivePropertyName,gShowController.stageManager.perspective+"px");setElementProperty(this.domNode,kTransformStylePropertyName,kTransformStylePreserve3DPropertyValue)}else{setElementProperty(this.domNode,kTransformStylePropertyName,kTransformStyleFlatPropertyValue)}for(var b=0,c=this.layer.layers.length;b<c;b++){this.createNodes(this.domNode,this.layer,this.layer.layers[b])}a.appendChild(this.domNode)},setStyle:function(f,h,g,e,b,a,d,c){f.style.top=h;f.style.left=g;f.style.width=e;f.style.height=b;f.style.position=a;if(d!=null&&d!=undefined){f.style.opacity=d}if(c!=null&&c!=undefined){f.style.visibility=c}},overallEndTime:function(a){var b={};b.duration=0;this.overallEndTimeForLayer(this.layer,b);return b.duration},overallEndTimeForLayer:function(b,c){if(b.cssAnimation){if(b.cssAnimation.overallEndTime>c.duration){c.duration=b.cssAnimation.overallEndTime}}for(var a=0,d=b.layers.length;a<d;a++){this.overallEndTimeForLayer(b.layers[a],c)}},animate:function(a){if(this.animationSupported){if(a.kpfLayer){if(a.movie){this.animateEffect(a,a.kpfLayer,a.currentKPFLayer?a.currentKPFLayer:null,a.movie)}else{this.animateEffect(a,a.kpfLayer,a.currentKPFLayer?a.currentKPFLayer:null)}}}},animateEffect:function(q,b,k,e){var m=q.objectID+"-video";if(b.cssAnimationRules.length>0){var g=k?"layer"+k.layerId:"layer"+b.layerId;var d=document.getElementById(g);if(d){this.applyCssAnimation(d,b,k,q)}else{if(q.currentKPFLayer){g="layer"+q.currentKPFLayer.layerId;if(q.currentKPFLayer.layers[0]){g="layer"+q.currentKPFLayer.layers[0].layerId}d=document.getElementById(g);if(d){this.applyCssAnimation(d,b,q.currentKPFLayer,q)}}}}else{if(b.isRenderMovie&&b.animationInfo.name==="renderMovie"){var j=gShowController.movieCache;if(j){var p=j[m];if(p){if(e.loopMode&&e.loopMode==="looping"){p.setLoop(true)}if(e.volume){p.setVolume(e.volume)}p.startMovie()}}}if(k){var a=document.getElementById("layer"+k.layerId);var l=window.getComputedStyle(a,null);var n=l.getPropertyValue(kTransformPropertyName);var f=parseTransformMatrix(n);var o="matrix("+f[0]+","+f[1]+","+f[2]+","+f[3]+","+b.bounds.offset.pointX+","+b.bounds.offset.pointY+")";if(q.name==="apple:action-motion-path"){setElementProperty(a,kTransformPropertyName,o)}}}for(var h=0,c=b.layers.length;h<c;h++){if(gShowController.movieCache&&gShowController.movieCache[m]){this.animateEffect(q,b.layers[h],k,e)}else{this.animateEffect(q,b.layers[h],k?k.layers[h]:null,e)}}},applyCssAnimation:function(y,h,K,Z){var U=h.cssAnimation;var B=h.cssAnimationRules;var T=h.cssAnimation.overallEndTime;if(h.hasMovie){if(h.animationInfo.type==="buildOut"){this.stopMovie(document.getElementById(h.movieId))}}if(isChrome&&h.animationInfo.name==="apple:doorway"){if(h.layers.length===0&&h.contentsRect.x===0&&h.contentsRect.y===0&&h.contentsRect.width===1&&h.contentsRect.height===1){y.style.visibility="hidden"}}var g=U.keyAnimations.bounds;if(g){var z=document.styleSheets[1].cssRules;var ag=z.length;var D=y.id+"-bounds";if(K){D="layer"+h.layerId+"-bounds"}for(var ac=0;ac<ag;ac++){var v=z[ac];if(v.name===D){while(v.cssRules.length>0){if(isIE){for(var ab=0,E=v.cssRules.length;ab<E;ab++){v.deleteRule(ab)}}else{v.deleteRule(v.cssRules[0].keyText)}}for(var ab=0,A=g.keyframes.length;ab<A;ab++){var k=g.keyframes[ab];var V,ad,a,e;if(k.keyframe==0){V=k.value.width;ad=k.value.height;v.appendRule("0% {"+kTransformPropertyName+": scaleX(1) scaleY(1); "+kAnimationTimingFunctionPropertyName+": "+k.timingFunction+";}")}else{a=k.value.width;e=k.value.height;v.appendRule(k.keyframe+"% {"+kTransformPropertyName+": scaleX("+a/V+") scaleY("+e/ad+"); "+kAnimationTimingFunctionPropertyName+": "+k.timingFunction+";}")}}}}}if(h.animationInfo.name!=="apple:ca-swing"&&(h.initialState.rotation!==0||h.initialState.scale!==1)){var l=document.getElementById(y.id);var H=window.getComputedStyle(l,null);var M=H.getPropertyValue(kTransformPropertyName);var N=parseTransformMatrix(M);var o="matrix(1,0,0,1,"+N[4]+","+N[5]+")";setElementProperty(l,kTransformPropertyName,o);var x=document.getElementById(y.id+"-"+escapeTextureId("transform.rotation.z"));if(x){setElementProperty(x,kTransformPropertyName,"rotateZ("+h.initialState.rotation+"rad)")}var F=document.getElementById(y.id+"-"+escapeTextureId("transform.scale.x"));if(F){setElementProperty(F,kTransformPropertyName,"scaleX("+h.initialState.scale+")")}var p=document.getElementById(y.id+"-"+escapeTextureId("transform.scale.y"));if(p){setElementProperty(p,kTransformPropertyName,"scaleY("+h.initialState.scale+")")}}for(var G in U.keyAnimations){var u=U.keyAnimations[G];var C=u.keyActions;var J=C[C.length-1];var I=u.keyframes[u.keyframes.length-1];var ai=this.cssPropertyNameForAction(G);var aa=this.cssPropertyValueForActionValue(G,I.value);var d=u.repeatCount;var n=T+"s";var D="";var R="";if(G==="isPlaying"){continue}if(K&&h.animationInfo.type==="actionBuild"&&kActionBuildKeyAnimations[h.animationInfo.name].indexOf(G)===-1){continue}if(G==="doubleSided"){var m=document.getElementById(y.id+"-"+escapeTextureId(G));if(m){setElementProperty(m,ai,aa)}continue}if(h.animationInfo.name==="apple:ca-swing"&&(G==="anchorPoint"||G==="transform.translation")){continue}if((h.animationInfo.name==="apple:ca-revolve"||h.animationInfo.name==="apple:3D-cube")&&h.transformOriginValue&&h.transformOriginZValue&&(G==="anchorPointZ"||G==="zPosition")){continue}switch(G){case"opacity":D=y.id+"-opacity";R=D;if(K){if(document.getElementById(D)==null){D=y.id}R="layer"+h.layerId+"-opacity"}else{setElementProperty(y,"opacity",1)}break;case"hidden":ai="opacity";if(aa==="hidden"){aa=0}else{y.style.visibility="visible";aa=1}D=y.id;R=D+"-hidden";if(K){R="layer"+h.layerId+"-hidden"}break;case"bounds":D=y.id+"-bounds";R=D;if(K){R="layer"+h.layerId+"-bounds"}var V,ad,w,L;var q=u.keyframes[0];var W=u.keyframes[u.keyframes.length-1];aa="scaleX("+W.value.width/q.value.width+") scaleY("+W.value.height/q.value.height+")";break;default:D=y.id+"-"+escapeTextureId(G);R=D;if(K){R="layer"+h.layerId+"-"+escapeTextureId(G)}break}if(G==="contents"){if(Z.type==="smartBuild"){var f=y.id+"-contents-canvas";var r=document.createElement("canvas");r.width=h.initialState.width;r.height=h.initialState.height;r.setAttribute("id",f);var Y=gShowController.scriptManager.slideIndexFromSceneIndex(this.sceneIndex);var b={canvasId:f,canvas:r,textureAssets:gShowController.textureManager.slideCache[Y].textureAssets,effect:Z,overallEndTime:T,element:y};var O=this.glContentsRenderer[f];if(!O){O=new KNWebGLRenderer(b);this.glContentsRenderer[f]=O}var ah=document.getElementById(y.id);ah.appendChild(r);var Q=Z.beginTime*1000;setTimeout(this.animateContentsWillBegin.bind(this,b),Q)}else{var X=y.id+"-contents-from";var ae=y.id+"-contents-to";var P=X;var t=ae;if(K){P="layer"+h.layerId+"-contents-from";t="layer"+h.layerId+"-contents-to"}var s=document.getElementById(X);var af=document.getElementById(ae);setElementProperty(s,"opacity",0);setElementProperty(s,kAnimationNamePropertyName,P);setElementProperty(s,kAnimationDurationPropertyName,n);setElementProperty(af,"opacity",1);setElementProperty(af,kAnimationNamePropertyName,t);setElementProperty(af,kAnimationDurationPropertyName,n)}continue}var c=document.getElementById(D);if(c){if(G==="anchorPoint"){var S={x:I.value.pointX,y:I.value.pointY};if(h.magicMoveOffsetValue){S.x=h.magicMoveOffsetValue.pointX;S.y=h.magicMoveOffsetValue.pointY}ai=kTransformPropertyName;aa="translateX("+S.x+"px) translateY("+S.y+"px)"}else{if(G==="anchorPointZ"){if(Prototype.Browser.Gecko||navigator.userAgent.lastIndexOf("Chrome/")>0){ai=kTransformPropertyName;aa="translateZ("+-h.transformOriginZValue+"px)"}else{ai=kTransformPropertyName;aa="translateZ("+h.transformOriginZValue+"px)"}}}if(G!=="hidden"){setElementProperty(c,ai,aa)}setElementProperty(c,kAnimationFillModePropertyName,J.fillMode==="removed"?"none":J.fillMode);setElementProperty(c,kAnimationNamePropertyName,R);setElementProperty(c,kAnimationDurationPropertyName,n);if(d>1&&(h.animationInfo.name==="apple:action-blink"||h.animationInfo.name==="apple:action-pulse")){setElementProperty(c,kAnimationIterationCountPropertyName,d)}}}},animateContentsWillBegin:function(d){var c=d.canvasId;var i=d.effect;var e=d.element;var g=this.glContentsRenderer[c];g.draw(i);if(!g.animationStarted){g.animate();g.animationStarted=true}var b=e.id+"-contents-from";var a=e.id+"-contents-to";var h=document.getElementById(b);var f=document.getElementById(a);setElementProperty(h,"opacity",0);setElementProperty(f,"opacity",0)},cssPropertyValueForActionValue:function(a,b){switch(a){case"hidden":if(b.scalar===true){return"hidden"}else{return"visible"}case"anchorPoint":return b.pointX+"% "+b.pointY+"%";case"anchorPointZ":return b.scalar;case"position":return"translate("+b.pointX+"px,"+b.pointY+"px)";case"zPosition":return"translateZ("+b.scalar+"px)";case"translationEmphasis":return"translateX("+b.translationEmphasis[0]+"px) translateY("+b.translationEmphasis[1]+"px) translateZ("+b.translationEmphasis[2]+")";case"rotationEmphasis":return"rotateZ("+b.rotationEmphasis[6]+"rad)";case"scaleEmphasis":return"scale3d("+ensureScaleFactorNotZero(b.scaleEmphasis[3])+","+ensureScaleFactorNotZero(b.scaleEmphasis[4])+","+ensureScaleFactorNotZero(b.scaleEmphasis[5])+")";case"transform.scale":case"transform.scale.xy":return"scale("+ensureScaleFactorNotZero(b.scalar)+")";case"transform.scale.x":return"scaleX("+ensureScaleFactorNotZero(b.scalar)+")";case"transform.scale.y":return"scaleY("+ensureScaleFactorNotZero(b.scalar)+")";case"transform.rotation.x":return"rotateX("+b.scalar+"rad)";case"transform.rotation.y":return"rotateY("+b.scalar+"rad)";case"transform.rotation.z":case"transform.rotation":return"rotateZ("+b.scalar+"rad)";case"transform.translation":return"translateX("+b.pointX+"px) translateY("+b.pointY+"px)";case"transform.translation.x":return"translateX("+b.scalar+"px)";case"transform.translation.y":return"translateY("+b.scalar+"px)";case"transform.translation.z":return"translateZ("+b.scalar+"px)";case"isPlaying":case"opacity":case"opacityMultiplier":return b.scalar+"";case"transform":return"matrix3d("+b.transform+")";case"doubleSided":if(b.scalar===false){return"hidden"}else{return"visible"}default:return"some value"}},cssPropertyNameForAction:function(a){switch(a){case"hidden":return kVisibilityPropertyName;case"anchorPoint":return kTransformOriginPropertyName;case"anchorPointZ":return kTransformOriginZPropertyName;case"opacityMultiplier":return kOpacityPropertyName;case"translationEmphasis":case"rotationEmphasis":case"scaleEmphasis":case"position":case"zPosition":case"transform":case"transform.scale":case"transform.scale.xy":case"transform.scale.x":case"transform.scale.y":case"transform.rotation.x":case"transform.rotation.y":case"transform.rotation.z":case"transform.rotation":case"transform.translation":case"transform.translation.x":case"transform.translation.y":case"transform.translation.z":case"bounds":return kTransformPropertyName;case"doubleSided":return kBackfaceVisibilityPropertyName;case"contents":return kBackgroundImagePropertyName;default:return a}},hideMoviePoster:function(a){a.style.visibility="hidden"},handleMovieDidStart:function(a,b){b.style.visibility="visible";setTimeout(this.hideMoviePoster.bind(this,a),120)},handleMovieDidEnd:function(a,b){if(!b.loop){b.isEnded=true}},startMovie:function(a){if(a){a.play();a.isPlaying=true}},stopMovie:function(a){if(a){a.pause()}}});var KPFLayer=Class.create({initialize:function(c,d,b){this.animationInfo=d;this.layerId=kpfLayerCounter;kpfLayerCounter=kpfLayerCounter+1;this.objectID=c.objectID!=null?c.objectID:null;this.textureId=c.texture?c.texture:null;this.animations=c.animations;this.initialState=c.initialState;this.isVideoLayer=c.isVideoLayer;this.hasHighlightedBulletAnimation=c.hasHighlightedBulletAnimation;this.cssAnimationRules=[];this.layers=[];this.affineTransform=this.initialState.affineTransform;this.position=this.initialState.position;this.textureTransform="";if(this.initialState.transform!=null&&this.initialState.transform!=undefined){this.textureTransform="matrix3D("+this.initialState.transform+")"}else{this.textureTransform="matrix("+this.affineTransform+")"}this.anchorPoint=this.initialState.anchorPoint;if(b==null){b={pointX:0,pointY:0}}var a=this.position.pointX-this.initialState.width/2-(this.anchorPoint.pointX-0.5)*this.initialState.width;var e=this.position.pointY-this.initialState.height/2-(this.anchorPoint.pointY-0.5)*this.initialState.height;a=Math.round(a*1000000)/1000000;e=Math.round(e*1000000)/1000000;this.bounds={width:this.initialState.width,height:this.initialState.height,origin:{pointX:this.affineTransform[4],pointY:this.affineTransform[5]},offset:{pointX:a,pointY:e},canvasOffset:{pointX:a+b.pointX,pointY:e+b.pointY}};this.sublayerTransform=this.initialState.sublayerTransform;this.contentsRect=this.initialState.contentsRect;this.hidden=this.initialState.hidden;this.opacity=this.initialState.opacity;this.visibility=this.hidden===true?"hidden":"visible";this.addSublayer(c.layers,d,this.bounds.offset);if(d.animationSupported){this.initLayerAnimations()}},destroy:function(){this.initialState=null;this.cssAnimationRules=null;this.affineTransform=null;this.textureTransform=null;this.anchorPoint=null;this.anchorPointZ=null;this.bounds=null;this.contentsRect=null;this.hidden=null;this.opacity=null},addSublayer:function(f,e,d){for(var a=0,b=f.length;a<b;a++){var c=new KPFLayer(f[a],e,d);this.layers.push(c)}},initLayerAnimations:function(){var l=false;var h=false;var b=false;var s=false;var g=false;var f=false;var d=false;var a=false;var p=false;var o=false;var m=false;var u=false;var x=false;var w=false;var c=false;var y=false;var r=false;var t=[];var e=false;var n=this.animationInfo;var k=n.type;var A=n.name;var q=["isPlaying","opacityMultiplier","hidden"];if(k==="actionBuild"){this.isActionBuild=true}else{if(k==="buildIn"){this.isBuildIn=true}else{if(k==="buildOut"){this.isBuildOut=true}else{if(k==="transition"){this.isTransition=true}}}}if(A==="apple:magic-move-implied-motion-path"){this.isMagicMove=true}else{if(A==="apple:ca-isometric"){e=true}else{if(A==="renderMovie"){this.isRenderMovie=true}else{if(kEmphasisEffects.indexOf(A)>-1){this.isEmphasisBuild=true}}}}if(this.animations.length>0){this.cssAnimation=new KPFCssAnimation(this.animations,this)}this.divNames=[];if(this.objectID&&this.isRenderMovie){this.divNames=["opacity","position","transform.rotation.z","transform.scale.x","transform.scale.y","bounds","contents"]}else{if(this.cssAnimation){for(var z in this.cssAnimation.keyAnimations){if(q.indexOf(z)>0){continue}if(z=="opacity"){h=true}else{if(z==="anchorPoint"){b=true}else{if(z==="anchorPointZ"){s=true}else{if(!e&&z==="transform.translation.x"){g=true}else{if(!e&&z==="transform.translation.y"){f=true}else{if(!e&&z==="transform.translation.z"){d=true}else{if(!e&&z==="transform.translation"){a=true}else{if(!e&&z==="transform.rotation.x"){p=true}else{if(!e&&z==="transform.rotation.y"){o=true}else{if(!e&&z==="transform.rotation.z"){m=true}else{if(!e&&z==="transform.rotation"){u=true}else{if(z==="transform.scale.x"){x=true}else{if(z==="transform.scale.y"){w=true}else{if(z==="transform.scale.xy"){c=true}else{if(z==="transform.scale"){y=true}else{if(z==="transform"){r=true}else{if(z==="doubleSided"){l=true}else{if(z==="contents"){this.hasContentsAnimation=true}else{if(z==="bounds"){this.hasBoundsAnimation=true}else{if(z==="position"){this.hasPosition=true}else{t.push(z)}}}}}}}}}}}}}}}}}}}}}if(h&&this.isActionBuild&&!this.isEmphasisBuild){this.divNames.push("opacity");for(var v=0,j=this.layers.length;v<j;v++){if(this.layers[v].animations.length===0){this.layers[v].divNames=["opacity","position","transform.rotation.z","transform.scale.x","transform.scale.y","bounds","contents"]}}}else{if((h||this.isActionBuild)&&this.divNames.indexOf("opacity")===-1){this.divNames.push("opacity")}if(r){this.divNames.push("transform")}if(this.hasPosition||this.isActionBuild){this.divNames.push("position")}if(b){this.divNames.push("anchorPoint")}if(s){this.divNames.push("anchorPointZ")}for(var v=0,j=t.length;v<j;v++){this.divNames.push(t[v])}if(g){this.divNames.push("transform.translation.x")}if(f){this.divNames.push("transform.translation.y")}if(a){this.divNames.push("transform.translation")}if(d){this.divNames.push("transform.translation.z")}if(p){this.divNames.push("transform.rotation.x")}if(o){this.divNames.push("transform.rotation.y")}if(m){this.divNames.push("transform.rotation.z")}if((this.initialState.rotation!==0||this.isActionBuild)&&this.divNames.indexOf("transform.rotation.z")===-1){this.divNames.push("transform.rotation.z")}if(u){this.divNames.push("transform.rotation")}if(x){this.divNames.push("transform.scale.x")}if(w){this.divNames.push("transform.scale.y")}if(this.initialState.scale!==1||this.isActionBuild){if(this.divNames.indexOf("transform.scale.x")===-1){this.divNames.push("transform.scale.x")}if(this.divNames.indexOf("transform.scale.y")===-1){this.divNames.push("transform.scale.y")}}if(c){this.divNames.push("transform.scale.xy")}if(y){this.divNames.push("transform.scale")}if(this.textureId&&(this.hasBoundsAnimation||this.isActionBuild)){this.divNames.push("bounds")}if(this.textureId&&(this.hasContentsAnimation||this.isActionBuild)){this.divNames.push("contents")}if(l){this.divNames.push("doubleSided")}}}}}});var KPFCssAnimation=Class.create({initialize:function(o,I){this.kDelta=0.0001;this.kRoundingFactor=10000;this.animations=[];this.keyAnimations={};for(var C=0,g=o.length;C<g;C++){var F=o[C];var v=F.beginTime;var b=F.duration;var d=F.timingFunction?F.timingFunction:"linear";var H;var G;var l;var f;var y;var w=v+b;this.overallEndTime=0;if(w>this.overallEndTime){this.overallEndTime=w}if(d=="custom"){H=F.timingControlPoint1x;G=F.timingControlPoint1y;l=F.timingControlPoint2x;f=F.timingControlPoint2y}if(F.animations!=null&&F.animations.length>0){var q=F.animations;var p=v;if(q[0].property==null){p=q[0].beginTime;q=q[0].animations}for(var z=0,e=q.length;z<e;z++){var a=q[z];var n=a.property;var B=this.keyAnimations[n];if(B==null){B={groupBeginTime:p,earliestBeginTime:p+a.beginTime,latestEndTime:-1,repeatCount:a.repeatCount,keyActions:[]};this.keyAnimations[n]=B}if(p+a.beginTime+a.duration>B.latestEndTime){B.latestEndTime=p+a.beginTime+a.duration}if(a.path){var E=F.path.length;for(var x=0;C<E-1;x++){var r=F.path[x];var c=F.path[x+1];var A=r.points[0];var h=c.points[0];var u={pointX:A[0],pointY:A[1]};var D={pointX:h[0],pointY:h[1]};switch(r.type){case"MoveToPoint":case"AddLine":case"AddCurve":case"AddQuadCurve":y={property:"position",from:u,to:D,fillMode:"forwards",beginTime:p+a.beginTime+(x/(E-1))*a.duration,duration:1/(E-1)*a.duration,timingFunction:"linear",groupTimingFunction:d,groupBeginTime:v,groupDuration:b,groupTimingControlPoint1x:H,groupTimingControlPoint1y:G,groupTimingControlPoint2x:l,groupTimingControlPoint2y:f};break}this.addAction(y,a)}}else{if(a.keyTimes){var t=a.keyTimes.length;for(var x=0;x<t-1;x++){var s=a.keyTimes[x];var m=a.keyTimes[x+1];y={property:a.property,from:a.values[x],to:a.values[x+1],fillMode:a.fillMode,beginTime:p+a.beginTime+(s/1*a.duration),duration:(m-s)*a.duration,timingFunction:a.timingFunctions?a.timingFunctions[x]:"linear",groupTimingFunction:d,groupBeginTime:v,groupDuration:b,groupTimingControlPoint1x:H,groupTimingControlPoint1y:G,groupTimingControlPoint2x:l,groupTimingControlPoint2y:f};this.addAction(y,a)}}else{y={property:a.property,from:a.from,to:a.to,fillMode:a.fillMode,beginTime:p+a.beginTime,duration:a.duration,timingFunction:a.timingFunction?a.timingFunction:"linear",groupTimingFunction:d,groupBeginTime:v,groupDuration:b,groupTimingControlPoint1x:H,groupTimingControlPoint1y:G,groupTimingControlPoint2x:l,groupTimingControlPoint2y:f};this.addAction(y,a)}}}}else{var n=F.property;var B=this.keyAnimations[n];if(B==null){B={groupBeginTime:0,earliestBeginTime:F.beginTime,latestEndTime:-1,repeatCount:F.repeatCount,keyActions:[]};this.keyAnimations[n]=B}if(F.beginTime+F.duration>B.latestEndTime){B.latestEndTime=F.beginTime+F.duration}if(F.path){var E=F.path.length;for(var x=0;x<E-1;x++){var r=F.path[x];var c=F.path[x+1];var A=r.points[0];var h=c.points[0];var u={pointX:A[0],pointY:A[1]};var D={pointX:h[0],pointY:h[1]};switch(r.type){case"MoveToPoint":case"AddLine":case"AddCurve":case"AddQuadCurve":y={property:"position",from:u,to:D,fillMode:"forwards",beginTime:v+x/(E-1)*b,duration:1/(E-1)*b,timingFunction:"linear"};break}this.addAction(y,F)}}else{if(F.keyTimes){var t=F.keyTimes.length;for(var x=0;x<t-1;x++){var s=F.keyTimes[x];var m=F.keyTimes[x+1];y={property:F.property,from:F.values[x],to:F.values[x+1],fillMode:F.fillMode,beginTime:v+s*b,duration:(m-s)*b,timingFunction:F.timingFunctions?F.timingFunctions[x]:"linear"};this.addAction(y,F)}}else{y={property:F.property,from:F.from,to:F.to,fillMode:F.fillMode,beginTime:v,duration:b,timingFunction:d?d:"linear"};this.addAction(y,F)}}}}this.createKeyActions();this.createAnimationRules(I);this.createAnimationRuleForKeyframes(I)},addAction:function(b,a){if(a.timingFunction==="custom"){b.timingControlPoint1x=a.timingControlPoint1x;b.timingControlPoint1y=a.timingControlPoint1y;b.timingControlPoint2x=a.timingControlPoint2x;b.timingControlPoint2y=a.timingControlPoint2y}else{if(b.timingFunction.timingFunction!=null){if(b.timingFunction.timingFunction==="custom"){b.timingControlPoint1x=b.timingFunction.timingControlPoint1x;b.timingControlPoint1y=b.timingFunction.timingControlPoint1y;b.timingControlPoint2x=b.timingFunction.timingControlPoint2x;b.timingControlPoint2y=b.timingFunction.timingControlPoint2y}b.timingFunction=b.timingFunction.timingFunction}}this.animations.push(b)},createKeyActions:function(){for(var e=0,a=this.animations.length;e<a;e++){var c=this.animations[e];var d=c.beginTime;var b=c.duration;var g=d+b;var n=c.property;var h=this.keyAnimations[n];var m=h.keyActions;var k=h.latestEndTime-h.earliestBeginTime;var l=0;var j=100;if(k>0){l=100*d/this.overallEndTime;j=100*g/this.overallEndTime}if(j>99.9999){j=100}var f={startKeyframe:l,endKeyframe:j,from:c.from,to:c.to,timingFunction:c.timingFunction};if(c.fillMode){f.fillMode=c.fillMode}if(c.timingFunction=="custom"){f.timingControlPoint1x=c.timingControlPoint1x;f.timingControlPoint1y=c.timingControlPoint1y;f.timingControlPoint2x=c.timingControlPoint2x;f.timingControlPoint2y=c.timingControlPoint2y}m.push(f);m.sort(this.sortAction)}},sortAction:function(b,a){return b.startKeyframe-a.startKeyframe},roundNum:function(a){return Math.round(a*this.kRoundingFactor)/this.kRoundingFactor},createAnimationRules:function(w){var f=this.kDelta;for(var h in this.keyAnimations){if(h=="playing"){continue}var q=this.keyAnimations[h];var g=q.keyActions;var j=false;q.keyframes=[];var o=g[0];var s=this.roundNum(o.startKeyframe);var m=this.roundNum(100*q.groupBeginTime/this.overallEndTime);if(h=="anchorPoint"){var c={};c.x=o.to.pointX;c.y=o.to.pointY;var n={pointX:-(o.from.pointX-w.anchorPoint.pointX)*w.bounds.width,pointY:-(o.from.pointY-w.anchorPoint.pointY)*w.bounds.height};if(w.isMagicMove){var u=this.anchorPointOffset(w,{x:o.from.pointX,y:o.from.pointY});var k={pointX:u.x,pointY:u.y};var d=this.anchorPointOffset(w,{x:o.to.pointX,y:o.to.pointY});var v={pointX:d.x,pointY:d.y};if(k.pointX!==v.pointX||k.pointY!=v.pointY){n={pointX:v.pointX-k.pointX,pointY:v.pointY-k.pointY};w.magicMoveOffsetValue=n}}if(s!=0){var t={pointX:0,pointY:0};if(m>0){this.insertInitialKeyframes(q,m-f,"position",t)}if(s-m>f){if(o.fillMode==="both"||o.fillMode==="backwards"){t=n}q.keyframes.push({keyframe:m,keyName:"position",value:t,timingFunction:"linear"});q.keyframes.push({keyframe:s-f,keyName:"position",value:t,timingFunction:"linear"})}}q.keyframes.push({keyframe:s,keyName:"position",value:n,timingFunction:"linear"});q.keyframes.push({keyframe:100,keyName:"position",value:n,timingFunction:"linear"});w.transformOriginValue=(c.x*100)+"% "+(c.y*100)+"%";continue}if(h=="anchorPointZ"){j=true;if(s!=0){var t=this.createInitialKeyframeValue(w,h,o.from,true);q.keyframes.push({keyframe:0,keyName:"zPosition",value:t,timingFunction:"linear"});q.keyframes.push({keyframe:s-f,keyName:"zPosition",value:t,timingFunction:"linear"})}q.keyframes.push({keyframe:s,keyName:"zPosition",value:o.from,timingFunction:"linear"});q.keyframes.push({keyframe:100,keyName:"zPosition",value:o.to,timingFunction:"linear"});w.transformOriginZValue=o.to.scalar;continue}if(o==null){continue}var l=0;var r=null;var e=null;if(s!=0){if(h==="hidden"){e={scalar:w.hidden};this.insertInitialKeyframes(q,s-f,h,e)}else{if(h==="opacity"){if(o.fillMode==="both"||o.fillMode==="backwards"){e=o.from}else{e={scalar:w.opacity}}this.insertInitialKeyframes(q,s-f,h,e)}else{if(h==="position"){if(w.isBuildIn||w.isBuildOut){if(m>0&&o.fillMode!=="both"&&o.fillMode!=="backwards"){e={pointX:0,pointY:0}}else{e={pointX:this.roundNum(o.from.pointX-w.initialState.position.pointX),pointY:this.roundNum(o.from.pointY-w.initialState.position.pointY)}}}else{e={pointX:0,pointY:0}}this.insertInitialKeyframes(q,s-f,h,e)}else{e=this.createInitialKeyframeValue(w,h,o.from,j);if(m>0){this.insertInitialKeyframes(q,m-f,h,e)}if(s-m>f){if(o.fillMode==="both"||o.fillMode==="backwards"){e=o.from}if(h==="transform.translation"){e.pointX=this.roundNum(e.pointX);e.pointY=this.roundNum(e.pointY)}q.keyframes.push({keyframe:m,keyName:h,value:e,timingFunction:"linear"});q.keyframes.push({keyframe:s-f,keyName:h,value:e,timingFunction:"linear"})}}}}l=o.startKeyframe;r=e}for(var p=0,b=g.length;p<b;p++){o=g[p];if(h=="position"){e=w.initialState.position;o.from={pointX:this.roundNum(o.from.pointX-e.pointX),pointY:this.roundNum(o.from.pointY-e.pointY)};o.to={pointX:this.roundNum(o.to.pointX-e.pointX),pointY:this.roundNum(o.to.pointY-e.pointY)}}if(Math.abs(o.startKeyframe-l)>f){q.keyframes.push({keyframe:this.roundNum(o.startKeyframe)-f,keyName:h,value:r,timingFunction:"linear"})}if(h==="transform.translation"){o.from.pointX=this.roundNum(o.from.pointX);o.from.pointY=this.roundNum(o.from.pointY);o.to.pointX=this.roundNum(o.to.pointX);o.to.pointY=this.roundNum(o.to.pointY)}var a=this.createTimingFunctionForAction(o);q.keyframes.push({keyframe:this.roundNum(o.startKeyframe),keyName:h,value:o.from,timingFunction:a});q.keyframes.push({keyframe:this.roundNum(o.endKeyframe)-(o.endKeyframe==100?0:f),keyName:h,value:o.to,timingFunction:a});r=o.to;l=o.endKeyframe}if(l!=100&&h!="hidden"){q.keyframes.push({keyframe:this.roundNum(l),keyName:h,value:r,timingFunction:"linear"});q.keyframes.push({keyframe:100,keyName:h,value:r,timingFunction:"linear"})}}},insertInitialKeyframes:function(b,c,d,a){b.keyframes.push({keyframe:0,keyName:d,value:a,timingFunction:"linear"});b.keyframes.push({keyframe:c,keyName:d,value:a,timingFunction:"linear"})},anchorPointOffset:function(c,e){var a={};var b={};var f={};var d=c.bounds;a.x=d.width/2;a.y=d.height/2;b.x=e.x*d.width;b.y=e.y*d.height;f.x=(a.x-b.x);f.y=(a.y-b.y);return f},createInitialKeyframeValue:function(a,c,e,b){var d={};switch(c){case"anchorPoint":d.pointX=(a.anchorPoint.pointX-0.5)*a.bounds.width;d.pointY=(a.anchorPoint.pointY-0.5)*a.bounds.height;break;case"anchorPointZ":if(Prototype.Browser.Gecko||Prototype.Browser.IE||isChrome||isIE||isEdge){d.scalar=0}else{d.scalar=e.scalar+e.scalar}break;case"opacity":case"opacityMultiplier":d.scalar=a.opacity;break;case"hidden":d.scalar=a.hidden;break;case"position":d.pointX=a.affineTransform[4];d.pointY=a.affineTransform[5];break;case"zPosition":d.scalar=0;break;case"transform.scale":case"transform.scale.xy":case"transform.scale.x":case"transform.scale.y":d.scalar=a.initialState.scale;break;case"transform.rotation.z":d.scalar=a.initialState.rotation;case"transform":d.transform=e.transform;break;case"bounds":d.pointX=0;d.pointY=0;d.width=a.initialState.width;d.height=a.initialState.height;break;default:d.scalar=0;d.pointX=0;d.pointY=0;break}return d},createTimingFunctionForAction:function(c){var b="";var a=c.timingFunction;var d=c;if(typeof a==="object"){a=a.timingFunction;d=c.timingFunction}switch(a.toLowerCase()){case"easein":b="ease-in";break;case"easeout":b="ease-out";break;case"easeinout":case"easeineaseout":b="ease-in-out";break;case"custom":b="cubic-bezier("+d.timingControlPoint1x+","+d.timingControlPoint1y+","+d.timingControlPoint2x+","+d.timingControlPoint2y+")";break;case"linear":b="linear";break;default:b="linear";break}return b},createAnimationRuleForKeyframes:function(d){for(var n in this.keyAnimations){var f=this.keyAnimations[n];var e="layer"+d.layerId+"-"+escapeTextureId(n);var b;var h="";var o;if(n==="contents"){var m=this.roundNum(f.keyActions[0].startKeyframe);b=gShowController.animationManager.createAnimation(e+"-from");var l="0% {opacity: 1; "+kAnimationTimingFunctionPropertyName+": linear;}";var k="49.999% {opacity: 1; "+kAnimationTimingFunctionPropertyName+": linear;}";var j="50% {opacity: 0; "+kAnimationTimingFunctionPropertyName+": linear;}";var g="100% {opacity: 0; "+kAnimationTimingFunctionPropertyName+": linear;}";if(m!==0){k=((100-m)/2+m-this.kDelta)-this.kDelta+"% {opacity: 1; "+kAnimationTimingFunctionPropertyName+": linear;}";j=((100-m)/2+m)+"% {opacity: 0; "+kAnimationTimingFunctionPropertyName+": linear;}"}b.appendRule(l);b.appendRule(k);b.appendRule(j);b.appendRule(g);b=gShowController.animationManager.createAnimation(e+"-to");l="0% {opacity: 0; "+kAnimationTimingFunctionPropertyName+": linear;}";k="49.999% {opacity: 0; "+kAnimationTimingFunctionPropertyName+": linear;}";j="50% {opacity: 1; "+kAnimationTimingFunctionPropertyName+": linear;}";g="100% {opacity: 1; "+kAnimationTimingFunctionPropertyName+": linear;}";if(m!==0){k=((100-m)/2+m-this.kDelta)-this.kDelta+"% {opacity: 0; "+kAnimationTimingFunctionPropertyName+": linear;}";j=((100-m)/2+m)+"% {opacity: 1; "+kAnimationTimingFunctionPropertyName+": linear;}"}b.appendRule(l);b.appendRule(k);b.appendRule(j);b.appendRule(g);d.cssAnimationRules.push(e);continue}if(!isIE){b=gShowController.animationManager.createAnimation(e);for(var c=0,a=f.keyframes.length;c<a;c++){o=f.keyframes[c];h=this.createAnimationRuleForKeyframe(n,o,d)+" ";b.appendRule(h)}d.cssAnimationRules.push(e)}else{if(browserVersion>=10){for(var c=0,a=f.keyframes.length;c<a;c++){o=f.keyframes[c];h+=this.createAnimationRuleForKeyframe(n,o,d)+" "}gShowController.animationManager.styleSheet.insertRule(kKeyframesPropertyName+" "+e+" {"+h+"}",0);d.cssAnimationRules.push(e)}}}},createAnimationRuleForKeyframe:function(l,m,g){var j=m.keyframe;var f=m.keyName;var k=m.value;var n=m.timingFunction;var d;var c=g.transformOriginValue;var e=g.transformOriginZValue;var h="";if(c){h=kTransformOriginPropertyName+": "+c+";"}if(g.animationInfo.name==="apple:ca-swing"&&f==="hidden"){h=""}if(f==="hidden"){var a={scalar:-1};if(k.scalar==false){a.scalar=1}else{a.scalar=0}f="opacity";d=this.cssPropertyValueForActionValue(l,f,a)}else{d=this.cssPropertyValueForActionValue(l,f,k)}var b;b=this.cssPropertyNameForAction(f)+": "+d+"; "+(j<100?kAnimationTimingFunctionPropertyName+": "+n+";":"");var i=j+"% {"+h+b+"}";return i},cssPropertyValueForActionValue:function(b,a,c){switch(a){case"hidden":if(c.scalar==true){return"hidden"}else{return"visible"}case"anchorPoint":return c.pointX+"% "+c.pointY+"%";case"anchorPointZ":return c.scalar;case"position":return"translate("+c.pointX+"px,"+c.pointY+"px)";case"zPosition":if(b=="anchorPointZ"&&(Prototype.Browser.Gecko||navigator.userAgent.lastIndexOf("Chrome/")>0)){return"translateZ("+-c.scalar+"px)"}else{return"translateZ("+c.scalar+"px)"}case"translationEmphasis":return"translateX("+c.translationEmphasis[0]+"px) translateY("+c.translationEmphasis[1]+"px) translateZ("+c.translationEmphasis[2]+")";case"rotationEmphasis":return"rotateZ("+c.rotationEmphasis[6]+"rad)";case"scaleEmphasis":return"scale3d("+ensureScaleFactorNotZero(c.scaleEmphasis[3])+","+ensureScaleFactorNotZero(c.scaleEmphasis[4])+","+ensureScaleFactorNotZero(c.scaleEmphasis[5])+")";case"transform.scale":case"transform.scale.xy":return"scale("+ensureScaleFactorNotZero(c.scalar)+")";case"transform.scale.x":return"scaleX("+ensureScaleFactorNotZero(c.scalar)+")";case"transform.scale.y":return"scaleY("+ensureScaleFactorNotZero(c.scalar)+")";case"transform.rotation.x":return"rotateX("+c.scalar+"rad)";case"transform.rotation.y":return"rotateY("+c.scalar+"rad)";case"transform.rotation.z":case"transform.rotation":return"rotateZ("+c.scalar+"rad)";case"transform.translation":return"translateX("+c.pointX+"px) translateY("+c.pointY+"px)";case"transform.translation.x":return"translateX("+c.scalar+"px)";case"transform.translation.y":return"translateY("+c.scalar+"px)";case"transform.translation.z":return"translateZ("+c.scalar+"px)";case"isPlaying":case"opacity":case"opacityMultiplier":return c.scalar+"";case"transform":return"matrix3d("+c.transform+")";case"doubleSided":if(c.scalar==false){return"hidden"}else{return"visible"}case"contents":return c.texture;default:return"some value"}},cssPropertyNameForAction:function(a){switch(a){case"hidden":return kVisibilityPropertyName;case"anchorPoint":return kTransformOriginPropertyName;case"anchorPointZ":return kTransformOriginZPropertyName;case"opacityMultiplier":return kOpacityPropertyName;case"translationEmphasis":case"rotationEmphasis":case"scaleEmphasis":case"position":case"zPosition":case"transform":case"transform.scale":case"transform.scale.xy":case"transform.scale.x":case"transform.scale.y":case"transform.rotation.x":case"transform.rotation.y":case"transform.rotation.z":case"transform.rotation":case"transform.translation":case"transform.translation.x":case"transform.translation.y":case"transform.translation.z":case"bounds":return kTransformPropertyName;case"doubleSided":return kBackfaceVisibilityPropertyName;case"contents":return kBackgroundImagePropertyName;default:return a}}});

assets/player/KeynoteDHTMLPlayer.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:627d0e596d63740c4601cacda44fe91f76e37e9a3baf58ce2b752059b873c5a9
-size 11670
+var kDeviceUnknown="deviceUnknown";var kDeviceDesktop="deviceDesktop";var kDeviceMobile="deviceMobile";var kModeUnknown="modeUnknown";var kModeDesktop="modeDesktop";var kModeMobile="modeMobile";var kBrowserUnknown="browserUnknown";var kBrowserDesktopSafari="browserDesktopSafari";var kBrowserMobileSafari="browserMobileSafari";var kOrientationUnknown="orientationUnknown";var kOrientationLandscape="orientationLandscape";var kOrientationPortrait="orientationPortrait";var kShowModeNormal=0;var kShowModeAutoplay=1;var kShowModeHyperlinksOnly=2;var kSoundTrackModePlayOnce=0;var kSoundTrackModeLooping=1;var kSoundTrackModeOff=2;var kOpacityPropertyName="opacity";var kVisibilityPropertyName="visibility";var kZIndexPropertyName="z-index";var kDisplayPropertyName="display";var kDisplayBlockPropertyValue="block";var kDisplayNonePropertyValue="none";var kTransformOriginTopLeftPropertyValue="top left";var kTransformOriginCenterPropertyValue="center";var kTransformStylePreserve3DPropertyValue="preserve-3d";var kTransformStyleFlatPropertyValue="flat";var kPositionAbsolutePropertyValue="absolute";var kPositionRelativePropertyValue="relative";var kBackfaceVisibilityHiddenPropertyValue="hidden";var kiPhoneDeviceWidth=320;var kiPhoneDeviceHeight=480;var kiPhoneLandscapeButtonBarHeight=32;var kiPhonePortraitButtonBarHeight=44;var kiPhoneUrlBarHeight=60;var kiPhoneStatusBarHeight=20;var kiPadDeviceWidth=768;var kiPadDeviceHeight=1024;var kiPadLandscapeButtonBarHeight=32;var kiPadPortraitButtonBarHeight=44;var kiPadUrlBarHeight=0;var kiPadStatusBarHeight=0;var kiPadAddressBarHeight=30;var kiPadBookmarksBarHeight=30;var kiPadMaxMoviesPerScene=20;var kMaxSceneDownloadWaitTime=60000;var kMaxScriptDownloadWaitTime=60000;var kWaitingIndicatorFadeOutDuration=2000;var kHideAddressBarDelay=3000;var kSceneLoadPollInterval=100;var kSceneLoadDisplaySpinnerTime=3000;var kSceneLoadDisplaySpinnerPollCount=kSceneLoadDisplaySpinnerTime/kSceneLoadPollInterval;var kSceneLoadGiveUpTime=60000;var kSceneLoadGiveUpPollCount=kSceneLoadGiveUpTime/kSceneLoadPollInterval;var kPropertyName_currentSlide="currentSlide";var kKeyCode_Plus=107;var kKeyCode_Minus=109;var kKeyCode_Dot=110;var kKeyCode_F11=122;var kKeyCode_F12=123;var kKeyCode_Hyphen=189;var kKeyCode_Equal=187;var kKeyCode_Period=190;var kKeyCode_Slash=191;var kKeyCode_Space=32;var kKeyCode_Escape=27;var kKeyCode_LeftArrow=37;var kKeyCode_UpArrow=38;var kKeyCode_RightArrow=39;var kKeyCode_DownArrow=40;var kKeyCode_OpenBracket=219;var kKeyCode_CloseBracket=221;var kKeyCode_Home=36;var kKeyCode_End=35;var kKeyCode_PageUp=33;var kKeyCode_PageDown=34;var kKeyCode_Return=13;var kKeyCode_N=78;var kKeyCode_P=80;var kKeyCode_Q=81;var kKeyCode_S=83;var kKeyCode_Delete=8;var kKeyCode_0=48;var kKeyCode_9=57;var kKeyCode_Numeric_0=96;var kKeyCode_Numeric_9=105;var kKeyModifier_Shift=1000;var kKeyModifier_Ctrl=2000;var kKeyModifier_Alt=3000;var kKeyModifier_Meta=4000;var kHelpPlacardMainTitle=CoreDocs.loc("Keyboard Shortcuts","Keyboard Shortcuts");var kHelpPlacardNavigationTitle=CoreDocs.loc("Navigation","Navigation");var kHelpPlacardOtherTitle=CoreDocs.loc("Other","Other");var kHelpPlacardAdvanceToNextBuild=CoreDocs.loc("Advance to next build","Advance to next build");var kHelpPlacardGoBackToPreviousBuild=CoreDocs.loc("Go back to previous build","Go back to previous build");var kHelpPlacardAdvanceAndSkipBuild=CoreDocs.loc("Advance and skip build","Advance and skip build");var kHelpPlacardAdvanceToNextSlide=CoreDocs.loc("Advance to next slide","Advance to next slide");var kHelpPlacardGoBackToPreviousSlide=CoreDocs.loc("Go back to previous slide","Go back to previous slide");var kHelpPlacardGoToFirstSlide=CoreDocs.loc("Go to first slide","Go to first slide");var kHelpPlacardGoToLastSlide=CoreDocs.loc("Go to last slide","Go to last slide");var kHelpPlacardQuitPresentationMode=CoreDocs.loc("Quit presentation mode","Quit presentation mode");var kHelpPlacardGoToSpecificSlide=CoreDocs.loc("Go to specific slide","Go to specific slide");var kHelpPlacardShowOrHideKeyboardShortcuts=CoreDocs.loc("Show or hide Keyboard Shortcuts","Show or hide Keyboard Shortcuts");var kHelpPlacardShowOrHideTheCurrentSlideNumber=CoreDocs.loc("Show or hide the current slide number","Show or hide the current slide number");var kUnableToReachiWorkTryAgain=CoreDocs.loc("Slide couldn't be displayed.\nDo you want to try again?","alert text to display when we timeout trying to download resources from iWork.com");var kSlideLabel=CoreDocs.loc("Slide","Prefix label for 'Slide I/N' display");var kTapOrSwipeToAdvance=CoreDocs.loc("Tap or Swipe to advance","Help string for bottom of portrait mode on mobile device");var kOSUnknown="unknown";var kOSWindows="Windows";var kOSMacOSX="Mac OS X";var kOSiOS="iOS";var gTheoreticalMaxPixelCount=1024*1024*3;var gSafeMaxPixelCount=gTheoreticalMaxPixelCount*0.9;var gShowController=null;var gDevice=kDeviceUnknown;var gBrowser=kBrowserUnknown;var gMode=kModeUnknown;var gIpad=false;var gOS=kOSUnknown;var browserPrefix,browserVersion;var userAgentString=window.navigator.userAgent;var isMacOS=window.navigator.platform.indexOf("Mac")!==-1;var isChrome=false;var isEdge=false;var isIE=false;if(userAgentString.lastIndexOf("Edge/")>0){isEdge=true;browserPrefix="webkit";browserVersion=12}else{if(userAgentString.lastIndexOf("Trident/")>0){isIE=true;browserPrefix="ms";var revisionStringIE=userAgentString.substring(userAgentString.lastIndexOf("rv"),userAgentString.lastIndexOf(")"));var revisionIE=[];if(revisionStringIE.lastIndexOf(":")>0){revisionIE=revisionStringIE.split(":");browserVersion=parseFloat(revisionIE[1])}else{if(revisionStringIE.lastIndexOf(" ")>0){revisionIE=revisionStringIE.split(" ");browserVersion=parseFloat(revisionIE[1])}else{browserVersion=11}}}else{if(Prototype.Browser.WebKit){browserPrefix="webkit";if(userAgentString.lastIndexOf("Chrome/")>0){isChrome=true}}else{if(Prototype.Browser.Gecko){browserPrefix="moz"}else{if(Prototype.Browser.IE){isIE=true;browserPrefix="ms";browserVersion=parseFloat(navigator.appVersion.split("MSIE")[1])}}}}}var kKeyframesPropertyName="@-"+browserPrefix+"-keyframes";var kAnimationNamePropertyName="-"+browserPrefix+"-animation-name";var kAnimationDurationPropertyName="-"+browserPrefix+"-animation-duration";var kAnimationDelayPropertyName="-"+browserPrefix+"-animation-delay";var kAnimationFillModePropertyName="-"+browserPrefix+"-animation-fill-mode";var kAnimationTimingFunctionPropertyName="-"+browserPrefix+"-animation-timing-function";var kAnimationIterationCountPropertyName="-"+browserPrefix+"-animation-iteration-count";var kTransformPropertyName="-"+browserPrefix+"-transform";var kTransformOriginPropertyName="-"+browserPrefix+"-transform-origin";var kTransformOriginZPropertyName="-"+browserPrefix+"-transform-origin-z";var kTransitionPropertyName="-"+browserPrefix+"-transition-property";var kTransitionDurationName="-"+browserPrefix+"-transition-duration";var kTransformStylePropertyName="-"+browserPrefix+"-transform-style";var kTransitionPropertyName="-"+browserPrefix+"-transition";var kTransitionEndEventName=browserPrefix+"TransitionEnd";var kAnimationEndEventName=browserPrefix+"AnimationEnd";var kPerspectivePropertyName="-"+browserPrefix+"-perspective";var kPerspectiveOriginPropertyName="-"+browserPrefix+"-perspective-origin";var kBackfaceVisibilityPropertyName="-"+browserPrefix+"-backface-visibility";var kBoxShadowPropertyName="-"+browserPrefix+"-box-shadow";var kBorderPropertyName="border";var kBackgroundImagePropertyName="background-image";var kEmphasisEffects=["apple:action-pop","apple:action-pulse","apple:action-blink","apple:action-flip","apple:action-bounce","apple:action-jiggle"];var kActionBuildKeyAnimations={"apple:action-opacity":["opacity"],"apple:action-motion-path":["position"],"apple:action-rotation":["transform.rotation.z"],"apple:action-scale":["transform.scale.x","transform.scale.y","anchorPoint","contents","bounds"],"apple:action-blink":["opacity"],"apple:action-bounce":["anchorPoint","transform.scale.y","transform.translation.y","transform.scale.x"],"apple:action-flip":["transform.rotation.y","transform.scale.xy"],"apple:action-jiggle":["transform.rotation.z"],"apple:action-pop":["transform.scale.xy"],"apple:action-pulse":["transform.scale.xy"]};var kSupportedWebGLEffects=["apple:wipe-iris","com.apple.iWork.Keynote.BUKAnvil","com.apple.iWork.Keynote.BUKTwist","com.apple.iWork.Keynote.BUKFlop","com.apple.iWork.Keynote.KLNColorPlanes","com.apple.iWork.Keynote.KLNFlame","com.apple.iWork.Keynote.KLNConfetti","com.apple.iWork.Keynote.KLNDiffuse","com.apple.iWork.Keynote.KNFireworks","com.apple.iWork.Keynote.KLNShimmer","com.apple.iWork.Keynote.KLNSparkle"];var useWebGL=true;var usePDF=true;var pdfScaleFactor=1;var kFullscreenChangeEventName=browserPrefix+"fullscreenchange";window.addEventListener("load",setupShowController,false);function static_url(a){return a}function setupShowController(){var a=isMobileSafari();if(a){gBrowser=kBrowserMobileSafari;gDevice=kDeviceMobile;gMode=kModeMobile;gIpad=isiPad()}else{gBrowser=kBrowserDesktopSafari;gDevice=kDeviceDesktop;gMode=kModeDesktop}debugMessage(kDebugSetupShowController,"================================================================================");debugMessage(kDebugSetupShowController,"===                     S T A R T   O F   S E S S I O N                      ===");debugMessage(kDebugSetupShowController,"================================================================================");debugMessage(kDebugSetupShowController,"userAgent: "+navigator.userAgent);debugMessage(kDebugSetupShowController,"url: "+window.location.href);if(navigator.userAgent.match(/Windows/)){gOS=kOSWindows}var b=getUrlParameter("pixelLimit");if(b!=""){gSafeMaxPixelCount=1024*1024*parseInt(b)}if(navigator.userAgent.indexOf("deviceDesktop")!=-1){debugMessage(kDebugSetupShowController,"Device was '"+gDevice+"', overriding device to be 'deviceDesktop'");gDevice=kDeviceDesktop}if(navigator.userAgent.indexOf("deviceMobile")!=-1){debugMessage(kDebugSetupShowController,"Device was '"+gDevice+"', overriding device to be 'deviceMobile'");gDevice=kDeviceMobile}if(navigator.userAgent.indexOf("modeDesktop")!=-1){debugMessage(kDebugSetupShowController,"Mode was '"+gMode+"', overriding device to be 'modeDesktop'");gMode=kModeDesktop}if(navigator.userAgent.indexOf("modeMobile")!=-1){debugMessage(kDebugSetupShowController,"Mode was '"+gMode+"', overriding device to be 'modeMobile'");gMode=kModeMobile}debugMessage(kDebugSetupShowController,"  gDevice: "+gDevice);debugMessage(kDebugSetupShowController," gBrowser: "+gBrowser);debugMessage(kDebugSetupShowController,"    gMode: "+gMode);debugMessage(kDebugSetupShowController,"                     gOS: "+gOS);gShowController=new ShowController();gShowController.displayManager.showWaitingIndicator();gShowController.delegate.setPlaybackReadyHandler(function(){if(usePDF){if(window.location.protocol==="file:"){PDFJS.disableWorker=true}PDFJS.workerSrc="./pdfjs/pdf_worker.js";PDFJS.cMapUrl="./pdfjs/web/cmaps/";PDFJS.cMapPacked=true;var c=document.createElement("canvas");var d=c.getContext("webgl")||c.getContext("experimental-webgl");if(!d){useWebGL=false}}gShowController.startShow()})}function extractDelegateFromUrlParameter(){var d=getUrlParameter("delegate");var a;if((d=="")||(d==null)||(typeof(d)=="undefined")){a=new NullDelegate()}else{var c=d.indexOf(".");a=window;while(c!=-1){var b=d.substring(0,c);a=a[b];d=d.substring(c+1);c=d.indexOf(".")}a=a[d]}return a}var NullDelegate=Class.create({initialize:function(){},showDidLoad:function(){},showExited:function(){history.go(-1)},propertyChanged:function(b,a){},setPlaybackReadyHandler:function(a){a()}});

assets/player/NarrationManager.js

@@ -1,3 +1,179 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:bd6737a3c215ff66cafb45dee9d26cec8cdba574ecb50e959d054717dc43017d
-size 6410
+/* 
+ * NarrationManager.js
+ * Keynote HTML Player
+ * 
+ * Created by Tungwei Cheng
+ * Copyright (c) 2013 Apple Inc. All rights reserved.
+ */
+
+var NarrationManager = Class.create({
+    initialize: function(recording) {
+        // recording movies in an array 
+        this.movieSegments = recording.movieSegments;
+
+        // total time of this recording
+        this.duration = recording.duration;
+
+        // navigation, movie and pause in eventTracks array
+        this.eventTracks = recording.eventTracks;
+
+        // current navigation event index
+        this.currentNavigationEventIndex = 0;
+
+        // last scene index
+        this.lastSceneIndex = 0;
+
+        for (var i = 0, length = this.eventTracks.length; i < length; i++) {
+            var eventTrack = this.eventTracks[i];
+
+            if (eventTrack.type === "navigation") {
+                this.navigationEvents = eventTrack.events;
+            } else if (eventTrack.type === "movie") {
+                this.movieEvents = eventTrack.events;
+            } else if (eventTrack.type === "pause") {
+                this.pauseEvents = eventTrack.events;
+            }
+        }
+
+    },
+
+    start: function() {
+        // set up media resources
+        var audio = new Audio();
+        audio.src = "../" + this.movieSegments[0].url;
+
+        // observe play event
+        Event.observe(audio, "playing", this.handleAudioDidStart.bind(this));
+        Event.observe(audio, "ended", this.handleAudioDidEnd.bind(this, 0));
+
+        audio.play();
+    },
+
+    handleAudioDidStart: function() {
+        // audio has started, now navigate to the first navigation event
+        setTimeout(this.navigate(this.navigationEvents[0], true), 100);
+    },
+
+    handleAudioDidEnd: function(audioIndex) {
+        var nextAudioIndex = audioIndex + 1;
+
+        if (this.movieSegments[nextAudioIndex]) {
+            var audio = new Audio();
+            audio.src = "../" + this.movieSegments[nextAudioIndex].url;
+            audio.play();
+
+            Event.stopObserving(audio, "ended");
+            Event.observe(audio, "ended", this.handleAudioDidEnd.bind(this, nextAudioIndex));
+        }
+    },
+
+    navigate: function(event, startup) {
+        var sceneIndex = this.sceneIndexFromNavigationEvent(event);
+
+        if (event.animationPhase === "start") {
+            // if event's slideIndex has been changed from lastScene's slide
+            // check to see if this is our next scene to play
+            var isNextScene = false;
+
+            if (gShowController.script.loopSlideshow) {
+                if (this.lastSceneIndex === gShowController.script.numScenes - 1) {
+                    if (sceneIndex === 0) {
+                        isNextScene = true;
+                    }                    
+                }
+            } else {
+                if (this.lastSceneIndex + 1 === sceneIndex) {
+                    isNextScene = true;
+                }
+            }
+
+            if (isNextScene) {
+                if (gShowController.state ===  kShowControllerState_IdleAtInitialState) {
+                    gShowController.playCurrentScene();
+                } else if (gShowController.state ===  kShowControllerState_IdleAtFinalState) {
+                    gShowController.jumpToScene(this.lastSceneIndex, true);
+                }
+            } else {
+                // this is the slide we are jumping to
+                var slideIndexToJump = gShowController.scriptManager.slideIndexFromSceneIndex(sceneIndex);
+                var sceneIndexOfHyperlink = this.lastSceneIndex;
+
+                // get hyperlink from slide, find the first occurrence of slideId in hyperlinks
+                var hyperlinks = gShowController.script.events[sceneIndexOfHyperlink].hyperlinks;
+                var hyperlink;
+                var hyperlinkEvent;
+
+                for (var i = 0, length = hyperlinks.length; i < length; i++) {
+                    hyperlink = hyperlinks[i];
+                    hyperlinkEvent = hyperlink.events[event.slide];
+
+                    if (hyperlinkEvent) {
+                        break;
+                    }
+                }
+
+                if (hyperlink) {
+                    // call jumpToHyperlinkSlide to play hyperlink transition
+                    gShowController.jumpToHyperlinkSlide(slideIndexToJump, hyperlink);
+                } else {
+                    // if no hyperlink event is found for any reason, we still want to jump 
+                    gShowController.jumpToScene(sceneIndex, false);
+                }
+            }
+        } else if (event.animationPhase === "none" && startup == null) {
+            gShowController.jumpToScene(sceneIndex, false);                
+        }
+
+        // if there is any more event then set it to run next
+        var nextEvent = this.navigationEvents[this.currentNavigationEventIndex + 1];
+
+        if (nextEvent == null) {
+            return;
+        }
+
+        // set timeout to navigate to next event
+        var duration =  nextEvent.startTime - event.startTime;
+        setTimeout(this.navigate.bind(this, nextEvent), duration * 1000);
+
+        this.lastSceneIndex = sceneIndex;
+        this.currentNavigationEventIndex = this.currentNavigationEventIndex + 1;
+    },
+
+    handleCurrentSceneDidComplete: function(sceneIndexToJump) {
+        // scene did complete, jump to next scene so we have more time to set it up
+        gShowController.jumpToScene(sceneIndexToJump, false);
+    },
+
+    sceneIndexFromNavigationEvent: function(event) {
+        // return sceneIndex from navigation event
+        var slideId = event.slide;
+        var slideList = gShowController.script.slideList;
+        var newSlideIndex = -1;
+
+        for (var i = 0, length = slideList.length; i < length; i++) {
+            if (slideList[i] === slideId) {
+                newSlideIndex = i;
+                break;
+            }
+        }
+
+        var sceneIndex = gShowController.scriptManager.sceneIndexFromSlideIndex(newSlideIndex);
+        var newSceneIndex = event.eventIndex + sceneIndex;
+
+        return newSceneIndex;
+    },
+
+    slideIndexFromSlideId: function(slideId) {
+        var slideList = gShowController.slideList;
+        var slideIndex = -1;
+
+        for (var i = 0, length = slideList.length; i < length; i++) {
+            if (slideList[i] === slideId) {
+                slideIndex = i;
+                break;
+            }
+        }
+
+        return slideIndex;
+    }
+});

assets/player/NavigatorController.js

@@ -1,3 +1,325 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6c9d1ecaee3f7047ea117646ef469d50122f9fbda76f260042387ec93b3a4d90
-size 12436
+/* 
+ * NavigatorController.js
+ * Keynote HTML Player
+ * 
+ * Created by Tungwei Cheng
+ * Copyright (c) 2012-2013 Apple Inc. All rights reserved.
+ */
+
+var NavigatorController = Class.create({
+    initialize: function(domNode) {
+        // root node for the navigator control
+        this.domNode = domNode;
+        
+        // initialize an instance of NavigatorThumbnailSidebar object
+        this.thumbnailSidebar = new NavigatorThumbnailSidebar();
+
+        // initialize an instance of NavigatorThumbnailScroller object
+        this.thumbnailScroller = new NavigatorThumbnailScroller();
+
+        // initialize an instance of NavigatorThumbnailSelection object
+        this.thumbnailSelection = new NavigatorThumbnailSelection();
+
+        // initialize an instance of NavigatorThumbnailContainer object
+        this.thumbnailContainer = new NavigatorThumbnailContainer();
+
+        this.thumbnailSidebar.domNode.appendChild(this.thumbnailScroller.domNode);
+        this.thumbnailScroller.domNode.appendChild(this.thumbnailSelection.domNode);
+        this.thumbnailScroller.domNode.appendChild(this.thumbnailContainer.domNode);
+        this.domNode.appendChild(this.thumbnailSidebar.domNode);
+        
+        // create left sidebar to react to events
+        this.leftSidebar = new NavigatorLeftSidebar();
+        this.domNode.appendChild(this.leftSidebar.domNode);
+        
+        // mouse events
+        Event.observe(this.domNode, "click", this.handleClickEvent.bind(this));
+        Event.observe(this.leftSidebar.domNode, "mouseover", this.handleMouseOverEvent.bind(this));
+        Event.observe(this.domNode, "mouseleave", this.handleMouseOutEvent.bind(this));
+
+        // events
+        document.observe(kSlideIndexDidChangeEvent, this.handleSlideIndexDidChangeEvent.bind(this));
+        document.observe(kScriptDidDownloadEvent, this.handleScriptDidDownloadEvent.bind(this));
+
+        this.slideThumbnail = null;
+    },
+
+    initScrollbar: function(){
+        if (this.thumbnailScroller.domNode.scrollHeight > this.thumbnailScroller.domNode.offsetHeight) {
+            this.thumbnailScroller.domNode.style.width = "126px";
+        } else {
+            this.thumbnailScroller.domNode.style.width = "129px";
+        }
+
+        // adjust navigator width for IE 
+        // see <rdar://problem/12511461> IE9/10: Navigator scroll bar touching slide thumbnails while in show mode
+        if (browserPrefix === "ms") {
+            this.domNode.style.width = "148px";
+            this.thumbnailSidebar.domNode.style.left = "-148px";
+            this.thumbnailSidebar.domNode.style.width = "137px";
+            this.thumbnailScroller.domNode.style.width = "137px";
+        }
+    },
+
+    handleClickEvent: function(event) {
+        if (gShowController.isRecording) {
+            return;
+        }
+
+        event = event || window.event;
+        var target = event.target || event.srcElement;
+        var slideNumber;
+
+        // stop event from propagating up
+        if (browserPrefix === "ms") {
+            event.cancelBubble = true;
+        } else {
+            event.stopPropagation();
+        }
+
+        while ((target.slideNumber == null) && target.nodeName.toLowerCase() != 'body') {
+            target = target.parentNode;
+        }
+
+        if (target.slideNumber) {
+            this.selectedSlideIndex = target.slideNumber;
+            this.select(this.selectedSlideIndex);
+        }
+    },
+
+    select: function(slideIndex) {
+        gShowController.jumpToSlide(slideIndex);
+    },
+    
+    handleMouseOverEvent: function(event) {
+        event = event || window.event;
+
+        // do not show navigator when the show is starting
+        var x = 0;
+        var y = 0;
+        if (event.pageX || event.pageY) {
+            x = event.pageX;
+            y = event.pageY;
+        } else if (event.clientX || event.clientY) {
+            x = event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
+            y = event.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
+        }
+
+        if (x === 0 && y === 0) {
+            return;
+        }
+
+        // calculate thumbnailScroller scrollTop position
+        var position =  this.selectedSlideIndex * 76;
+        var scrollTop = this.thumbnailScroller.domNode.scrollTop;
+        var height =  this.thumbnailScroller.domNode.clientHeight;
+
+        if (scrollTop > position) {
+            this.thumbnailScroller.domNode.scrollTop = position;
+        } else if (scrollTop + height < position + 76) {
+            var minimumScrollingAmount =  position - scrollTop - height + 76;
+            this.thumbnailScroller.domNode.scrollTop = this.thumbnailScroller.domNode.scrollTop + minimumScrollingAmount;
+        }
+
+        clearTimeout(this.navigatorTimeout);
+        this.navigatorTimeout = setTimeout(this.thumbnailSidebar.show.bind(this.thumbnailSidebar, this.leftSidebar), 400);
+    },
+
+    handleMouseOutEvent: function(event) {
+        clearTimeout(this.navigatorTimeout);
+        
+        this.navigatorTimeout = setTimeout(this.thumbnailSidebar.hide.bind(this.thumbnailSidebar, this.leftSidebar), 400);
+    },
+
+    handleSlideIndexDidChangeEvent: function(event) {
+        this.selectedSlideIndex = event.memo.slideIndex;
+
+        this.thumbnailSelection.select(this.selectedSlideIndex);
+    },
+
+    handleScriptDidDownloadEvent: function(event) {
+        var script = event.memo.script;
+
+        for (var i = 0, length = script.slideList.length; i < length; i++) {
+            var slideId = script.slideList[i];
+
+            // initialize thumbnail item
+            var thumbnailItem = new NavigatorThumbnailItem();
+            thumbnailItem.domNode.slideNumber = i + 1;
+            thumbnailItem.numberNode.innerHTML = i + 1;
+            setElementProperty(thumbnailItem.domNode, "top", i * 76 + "px");
+            this.thumbnailContainer.addItem(thumbnailItem);
+
+            // do not request thumbnails when delegate will be providing
+            if (gShowController.delegate.getKPFJsonStringForShow == null) {
+                // create slide img object
+                var src = "../" + slideId + "/thumbnail.jpeg";
+                var img = document.createElement("img");
+                Event.observe(img, "load", this.updateThumbnail.bind(this, i, img));
+                img.src = src;
+            } else {
+                gShowController.delegate.loadTextureBySlideIndex(
+                    i,
+                    {
+                        "type": "slideThumbnail",
+                        "state":"outgoing"
+                    },
+                    (function (slideIndex, domNode){
+                        this.updateThumbnail(slideIndex, domNode);
+                    }).bind(this, i));
+            }
+        }
+
+        this.initScrollbar();
+    },
+
+    updateThumbnail: function(slideIndex, domNode){
+        var canvasContainer = this.thumbnailContainer.thumbnailItems[slideIndex].canvasContainer;
+
+        if (this.slideThumbnail == null) {
+            var originalSlideWidth = gShowController.script.originalSlideWidth;
+            var originalSlideHeight = gShowController.script.originalSlideHeight;
+            var aspectRatio = originalSlideWidth / originalSlideHeight;
+            var width, height;
+            
+            if (aspectRatio >= 4/3) {
+                width = 88;
+                height =  Math.ceil(88 * (1/aspectRatio));
+            } else {
+                width = Math.ceil(66 * aspectRatio);
+                height = 66;
+            }
+            
+            this.slideThumbnail = {
+                width: width,
+                height: height,
+                top: Math.ceil((66 - height)/2),
+                left: Math.ceil((88 - width)/2),
+                scaleX: width / originalSlideWidth,
+                scaleY: height / originalSlideHeight
+            }
+        }
+
+        if (domNode.nodeName.toLowerCase() === "svg") {
+            domNode.firstElementChild.setAttribute("transform", "matrix(" + this.slideThumbnail.scaleX + ",0,0," + this.slideThumbnail.scaleY + ",0,0)");
+        }
+
+        domNode.setAttribute("style", kTransitionPropertyName + ":opacity; " + kTransitionDurationName + ":500; width:" + this.slideThumbnail.width + "px; height:" + this.slideThumbnail.height + "px; left:" + this.slideThumbnail.left + "px; top:" + this.slideThumbnail.top + "px; opacity: 0; position: absolute;");
+
+        // prevent the thumbnail from being dragged
+        domNode.setAttribute("draggable", false);
+
+        if (browserPrefix === "moz") {
+            Event.observe(domNode, "dragstart", function(e){e.preventDefault();});
+        }
+
+        canvasContainer.appendChild(domNode);
+        domNode.style.opacity = 1;
+    }
+});
+
+var NavigatorLeftSidebar = Class.create({
+    initialize: function() {
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "navigatorLeftSidebar");
+    }
+});
+
+var NavigatorThumbnailSidebar = Class.create({
+    initialize: function() {
+        // root node for the sidebar
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "navigatorThumbnailSidebar");
+    },
+
+    show: function(leftSidebar) {
+        leftSidebar.domNode.style.visibility = "hidden";
+        this.domNode.style.left = "0px";
+        gShowController.displayManager.navigatorIsShowing = true;
+        gShowController.displayManager.clearTimeoutForCursor();
+    },
+
+    hide: function(leftSidebar) {
+        leftSidebar.domNode.style.visibility = "visible";
+        this.domNode.style.left = "-140px";
+        gShowController.displayManager.navigatorIsShowing = false;
+        gShowController.displayManager.setTimeoutForCursor();
+    }
+
+});
+
+var NavigatorThumbnailScroller = Class.create({
+   initialize: function() {
+       // root node for the scroller
+       this.domNode = document.createElement("div");
+       this.domNode.setAttribute("class", "navigatorThumbnailScroller");
+   }
+});
+
+var NavigatorThumbnailSelection = Class.create({
+    initialize: function(params) {
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "navigatorThumbnailSelection");
+    },
+
+    select: function(slideIndex) {
+        this.domNode.style.top = 76 * slideIndex + "px";
+        this.domNode.style.display = "block";
+    }
+
+});
+
+var NavigatorThumbnailContainer = Class.create({
+    initialize: function() {
+        // thumbnail container domNode
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "navigatorThumbnailContainer");
+
+        // item container
+        this.thumbnailItems = [];
+    },
+
+    addItem: function(thumbnailItem) {
+        this.thumbnailItems.push(thumbnailItem);
+        this.domNode.appendChild(thumbnailItem.domNode);
+    }
+
+});
+
+var NavigatorThumbnailItem = Class.create({
+    initialize: function() {
+        // thumbnail item root
+        this.domNode = document.createElement("div");
+        this.domNode.setAttribute("class", "navigatorThumbnailItem");
+
+        // thumbnail content node
+        this.thumbnailContentNode = document.createElement("div");
+        this.thumbnailContentNode.setAttribute("style", "position: absolute; height: 76px; width: 119px;");
+
+        // number node
+        this.numberNode = document.createElement("div");
+        this.numberNode.setAttribute("style", "position: absolute; bottom: 1px; width: 20px; height: 20px; text-align: right; font-weight: bold; color: white;");
+
+        // image node
+        this.imageNode = document.createElement("div");
+        this.imageNode.setAttribute("style", "position: absolute; left: 24px; width: 95px; height: 76px;");
+
+        // thumb node
+        this.thumb = document.createElement("div");
+        this.thumb.setAttribute("style", "position: absolute; top: 4px; width: 90px; height: 68px;");
+
+        // create canvas container object
+        this.canvasContainer = document.createElement("div");
+        this.canvasContainer.setAttribute("class", "navigatorThumbnailItemCanvasContainer");
+
+        // add thumbnail image
+        this.thumb.appendChild(this.canvasContainer);
+        this.imageNode.appendChild(this.thumb);
+
+        this.thumbnailContentNode.appendChild(this.numberNode);
+        this.thumbnailContentNode.appendChild(this.imageNode);
+
+        this.domNode.appendChild(this.thumbnailContentNode);
+    }
+
+});

assets/player/OrientationController.js

@@ -1,3 +1,40 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f347818ecd75ccd374b981089305dd496a6427e81ba62e155d04bd9b2bc633f9
-size 1214
+/*
+ * OrientationController.js
+ * Keynote HTML Player
+ * 
+ * Responsibility: Tungwei Cheng
+ * Copyright (c) 2009-2013 Apple Inc. All rights reserved.
+ */
+
+var kOrientationChangedEvent = "OrientationController:OrientationChangedEvent";
+
+var OrientationController = Class.create({
+    initialize: function() {
+        if (gDevice == kDeviceMobile) {
+            Event.observe(window, "orientationchange", this.handleDeviceOrientationChangeEvent.bind(this));
+            this.handleDeviceOrientationChangeEvent();
+        }
+
+        this.orientation = kOrientationUnknown;
+    },
+
+    handleDeviceOrientationChangeEvent: function(event) {
+        var orientationInDegrees = window.orientation;
+        var newOrientation = kOrientationUnknown;
+
+        if ((orientationInDegrees === 0) || (orientationInDegrees === 180)) {
+            newOrientation = kOrientationPortrait;
+        } else {
+            newOrientation = kOrientationLandscape;
+        }
+        this.changeOrientation(newOrientation);
+    },
+
+    changeOrientation: function(newOrientation) {
+        this.orientation = newOrientation;
+
+        document.fire(kOrientationChangedEvent, {
+            orientation: this.orientation
+        });
+    }
+});

assets/player/ScriptManager.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:1a581c64572e658d757efaed895f2d374231bb1d29efb30b1c193de87332fb6d
-size 24503
+var kShowSizeDidChangeEvent="ScriptManager:ShowSizeDidChangeEvent";var kScriptDidDownloadEvent="ScriptManager:ScriptDidDownloadEvent";var kScriptDidNotDownloadEvent="ScriptManager:ScriptDidNotDownloadEvent";var kSlideDidDownloadEvent="SlideManager:SlideDidDownloadEvent";var kSlideDidNotDownloadEvent="SlideManager:SlideDidNotDownloadEvent";var ScriptManager=Class.create({initialize:function(a){this.script=null;this.showUrl=a;this.slideManager=null;document.observe(kSlideDidDownloadEvent,this.handleSlideDidDownloadEvent.bind(this));document.observe(kSlideDidNotDownloadEvent,this.handleSlideDidDownloadEvent.bind(this))},handleSlideDidDownloadEvent:function(c){var k=true;for(var l in this.slideManager.slides){if(this.slideManager.slides.hasOwnProperty(l)){if(!this.slideManager.slides[l].downloaded){k=false;break}}}if(k){this.script.events=[];this.script.originalEvents=[];this.script.slideIndexFromSceneIndexLookup={};this.script.sceneIndexFromSlideIndexLookup={};this.script.slides={};this.script.originalSlides={};var m,g,h,f,j=0,b=0,a=0;for(var l in this.slideManager.slides){if(this.slideManager.slides.hasOwnProperty(l)){h=this.slideManager.slides[l].script;f=this.slideManager.slides[l].originalScript;m=h.events;g=f.events;this.script.slides[l]=h;this.script.originalSlides[l]=f;this.script.sceneIndexFromSlideIndexLookup[j]=b;for(var e=0,d=m.length;e<d;e++){this.script.events.push(m[e]);this.script.originalEvents.push(g[e]);this.script.slideIndexFromSceneIndexLookup[a]=j;a+=1}j+=1;b=a}}this.script.numScenes=this.script.events.length;this.script.lastSceneIndex=this.script.numScenes-1;this.script.lastSlideIndex=this.script.slideList.length-1;this.script.originalSlideWidth=this.script.slideWidth;this.script.originalSlideHeight=this.script.slideHeight;if(isIE||isEdge){this.adjustScriptForIE()}else{this.adjustScript()}if(this.delegate.setViewScale){this.applyScaleFactor();this.delegate.setViewScale(this.scaleFactor)}document.fire(kScriptDidDownloadEvent,{script:this.script,delegate:this.delegate});document.fire(kShowSizeDidChangeEvent,{width:this.script.slideWidth,height:this.script.slideHeight})}},adjustScript:function(){for(var c=0,f=this.script.events.length;c<f;c++){var d=this.script.events[c];var e=this.script.originalEvents[c];for(var h=0,o=d.effects.length;h<o;h++){var s=d.effects[h];var m=e.effects[h];this.adjustEffects(s,m);this.adjustEmphasisBuilds(s,m);if(isChrome){this.adjustEffectsForChrome(s,m)}if(browserPrefix==="moz"){this.adjustEffectsForFirefox(s,m)}}for(var h=0,b=d.hyperlinks.length;h<b;h++){var q=d.hyperlinks[h];var n=e.hyperlinks[h];for(var r in q.events){var k=q.events[r];var l=n.events[r];for(var g=0,o=k.effects.length;g<o;g++){var p=k.effects[g];var a=l.effects[g];this.adjustEffects(p,a);this.adjustEmphasisBuilds(p,a);if(isChrome){this.adjustEffectsForChrome(s,m)}if(browserPrefix==="moz"){this.adjustEffectsForFirefox(s,m)}}}}}},adjustEffects:function(d,a){switch(d.name){case"com.apple.iWork.Keynote.BLTBlinds":if(d.type==="transition"){var c=a.baseLayer.layers[0];var f=d.baseLayer.layers[0];f.layers.splice(0,2);c.layers.splice(0,2)}break;case"apple:apple-grid":var c=a.baseLayer.layers[0];var f=d.baseLayer.layers[0];f.layers.splice(0,2);c.layers.splice(0,2);break;case"com.apple.iWork.Keynote.BLTSwoosh":var c=a.baseLayer.layers[0];var f=d.baseLayer.layers[0];if(d.type==="transition"){f.layers[1].layers[0].layers.splice(0,1);c.layers[1].layers[0].layers.splice(0,1);var b=c.layers[1];c.layers[1]=c.layers[2];c.layers[2]=b;var e=f.layers[1];f.layers[1]=f.layers[2];f.layers[2]=e}break;default:break}},adjustEmphasisBuilds:function(q,o){switch(q.name){case"apple:action-jiggle":var m=o.baseLayer.layers[0];var n=q.baseLayer.layers[0];if(!m.animations[0]){m=o.baseLayer.layers[0].layers[0];n=q.baseLayer.layers[0].layers[0]}var b=m.animations[0];var f=n.animations[0];var a=f.animations.length;for(var h=0;h<a;h++){var l=Math.ceil(f.duration/f.animations[h].duration);for(var g=0;g<l-1;g++){var p=JSON.parse(JSON.stringify(b.animations[h]));var e=JSON.parse(JSON.stringify(f.animations[h]));p.beginTime=b.animations[h].duration*(g+1);e.beginTime=f.animations[h].duration*(g+1);m.animations[0].animations.push(p);n.animations[0].animations.push(e);if(g===l-2){p.duration=f.duration-p.beginTime;e.duration=f.duration-e.beginTime;if(f.animations[h].property==="transform.rotation.z"){p.to.scalar=0;e.to.scalar=0}else{if(f.animations[h].property==="position"){p.to.pointX=(p.from.pointX+p.to.pointX)/2;e.to.pointX=(e.from.pointX+e.to.pointX)/2}}}}}break;default:break}for(var d=0,c=q.effects.length;d<c;d++){this.adjustEmphasisBuilds(q.effects[d],o.effects[d])}},adjustEffectsForChrome:function(m,o){switch(m.name){case"apple:fall":var k=o.baseLayer.layers[0];var g=m.baseLayer.layers[0];var l=k.layers[1].animations[0].beginTime;var i=k.layers[1].animations[0].duration;if(!k.layers[1].animations[0].animations){break}var d={animations:[],beginTime:l,duration:i-0.01,fillMode:"forwards",from:{scalar:1},property:"transform.translation.z",timingFunction:"linear",to:{scalar:1}};var n={animations:[],beginTime:i-0.01,duration:0.01,fillMode:"forwards",from:{scalar:-1},property:"transform.translation.z",timingFunction:"linear",to:{scalar:-1}};k.layers[1].animations[0].animations.push(d);g.layers[1].animations[0].animations.push(d);k.layers[1].animations[0].animations.push(n);g.layers[1].animations[0].animations.push(n);break;case"apple:scale":var k=o.baseLayer.layers[0];var g=m.baseLayer.layers[0];if(k.layers[0].animations.length>0){var t=k.layers[0];k.layers[0]=k.layers[1];k.layers[1]=t;k.layers[1].initialState.hidden=true;var p=g.layers[0];g.layers[0]=g.layers[1];g.layers[1]=p;g.layers[1].initialState.hidden=true;var l=k.layers[1].animations[0].beginTime;var i=k.layers[1].animations[0].duration;var q=k.layers[1].animations[0].animations[0].beginTime;var a=k.layers[1].animations[0].animations[0].duration;var c;if(l==q){for(var r=0,h=k.layers[1].animations[0].animations.length;r<h;r++){if(k.layers[1].animations[0].animations[r].property==="transform.translation.z"){k.layers[1].animations[0].animations.splice(r,1);g.layers[1].animations[0].animations.splice(r,1)}}c={animations:[],beginTime:l,duration:i,fillMode:"forwards",from:{scalar:false},property:"hidden",timingFunction:"linear",to:{scalar:false}};k.layers[1].animations[0].animations.push(c);g.layers[1].animations[0].animations.push(c)}else{for(var r=0,h=k.layers[1].animations[0].animations[0].animations.length;r<h;r++){if(k.layers[1].animations[0].animations[0].animations[r].property==="transform.translation.z"){k.layers[1].animations[0].animations[0].animations.splice(r,1);g.layers[1].animations[0].animations[0].animations.splice(r,1)}}c={animations:[],beginTime:k.layers[1].animations[0].animations[0].animations[0].beginTime+0.03,duration:k.layers[1].animations[0].animations[0].animations[0].duration,fillMode:"forwards",from:{scalar:false},property:"hidden",timingFunction:"linear",to:{scalar:false}};k.layers[1].animations[0].animations[0].animations.push(c);g.layers[1].animations[0].animations[0].animations.push(c)}}break;case"com.apple.iWork.Keynote.KLNSwap":var k=o.baseLayer.layers[0];var g=m.baseLayer.layers[0];var a,f,s,b,e;if(k.layers[1].animations[0].animations.length>1){for(var r=0,h=k.layers[1].animations[0].animations.length;r<h;r++){b=k.layers[1].animations[0].animations[r];e=g.layers[1].animations[0].animations[r];if(b.property==="opacity"){break}}a=k.layers[1].animations[0].duration}else{for(var r=0,h=k.layers[1].animations[0].animations[0].animations.length;r<h;r++){b=k.layers[1].animations[0].animations[0].animations[r];e=g.layers[1].animations[0].animations[0].animations[r];if(b.property==="opacity"){break}}a=k.layers[1].animations[0].animations[0].duration}f=a*0.4;s=a*0.4;b.to.scalar=0;b.beginTime=f;b.duration=s;e.to.scalar=0;e.beginTime=f;e.duration=s;break;default:break}},adjustEffectsForFirefox:function(r,m){switch(r.name){case"apple:scale":var q=m.baseLayer.layers[0];var k=r.baseLayer.layers[0];if(q.layers[0].animations.length>0){var l=q.layers[0];q.layers[0]=q.layers[1];q.layers[1]=l;q.layers[1].initialState.hidden=true;var f=k.layers[0];k.layers[0]=k.layers[1];k.layers[1]=f;k.layers[1].initialState.hidden=true;var a=q.layers[1].animations[0].beginTime;var c=q.layers[1].animations[0].duration;var h=q.layers[1].animations[0].animations[0].beginTime;var e=q.layers[1].animations[0].animations[0].duration;var i;if(a==h){for(var g=0,o=q.layers[1].animations[0].animations.length;g<o;g++){if(q.layers[1].animations[0].animations[g].property==="transform.translation.z"){q.layers[1].animations[0].animations.splice(g,1);k.layers[1].animations[0].animations.splice(g,1)}}i={animations:[],beginTime:a,duration:c,fillMode:"forwards",from:{scalar:false},property:"hidden",timingFunction:"linear",to:{scalar:false}};q.layers[1].animations[0].animations.push(i);k.layers[1].animations[0].animations.push(i)}else{for(var g=0,o=q.layers[1].animations[0].animations[0].animations.length;g<o;g++){if(q.layers[1].animations[0].animations[0].animations[g].property==="transform.translation.z"){q.layers[1].animations[0].animations[0].animations.splice(g,1);k.layers[1].animations[0].animations[0].animations.splice(g,1)}}i={animations:[],beginTime:q.layers[1].animations[0].animations[0].animations[0].beginTime+0.03,duration:q.layers[1].animations[0].animations[0].animations[0].duration,fillMode:"forwards",from:{scalar:false},property:"hidden",timingFunction:"linear",to:{scalar:false}};q.layers[1].animations[0].animations[0].animations.push(i);k.layers[1].animations[0].animations[0].animations.push(i)}}break;case"com.apple.iWork.Keynote.KLNSwap":var q=m.baseLayer.layers[0];var k=r.baseLayer.layers[0];var e,d,n,b,p;if(q.layers[1].animations[0].animations.length>1){for(var g=0,o=q.layers[1].animations[0].animations.length;g<o;g++){b=q.layers[1].animations[0].animations[g];p=k.layers[1].animations[0].animations[g];if(b.property==="opacity"){break}}e=q.layers[1].animations[0].duration}else{for(var g=0,o=q.layers[1].animations[0].animations[0].animations.length;g<o;g++){b=q.layers[1].animations[0].animations[0].animations[g];p=k.layers[1].animations[0].animations[0].animations[g];if(b.property==="opacity"){break}}e=q.layers[1].animations[0].animations[0].duration}d=e*0.4;n=e*0.4;b.to.scalar=0;b.beginTime=d;b.duration=n;p.to.scalar=0;p.beginTime=d;p.duration=n;break;default:break}},adjustScriptForIE:function(){for(var c=0,f=this.script.events.length;c<f;c++){var d=this.script.events[c];var e=this.script.originalEvents[c];for(var h=0,o=d.effects.length;h<o;h++){var s=d.effects[h];var m=e.effects[h];this.adjustEffectsForIE(s,m);this.adjustEmphasisBuilds(s,m)}for(var h=0,b=d.hyperlinks.length;h<b;h++){var q=d.hyperlinks[h];var n=e.hyperlinks[h];for(var r in q.events){var k=q.events[r];var l=n.events[r];for(var g=0,o=k.effects.length;g<o;g++){var p=k.effects[g];var a=l.effects[g];this.adjustEffectsForIE(p,a);this.adjustEmphasisBuilds(p,a)}}}}},adjustEffectsForIE:function(r,m){switch(r.name){case"apple:bounce":case"apple:slide":case"apple:pivot":case"apple:scale":var q=m.baseLayer.layers[0];var k=r.baseLayer.layers[0];if(q.layers[0].animations.length>0){var l=q.layers[0];q.layers[0]=q.layers[1];q.layers[1]=l;q.layers[1].initialState.hidden=true;var f=k.layers[0];k.layers[0]=k.layers[1];k.layers[1]=f;k.layers[1].initialState.hidden=true;var a=q.layers[1].animations[0].beginTime;var c=q.layers[1].animations[0].duration;var h=q.layers[1].animations[0].animations[0].beginTime;var e=q.layers[1].animations[0].animations[0].duration;var i;if(a==h){for(var g=0,o=q.layers[1].animations[0].animations.length;g<o;g++){if(q.layers[1].animations[0].animations[g].property==="transform.translation.z"){q.layers[1].animations[0].animations.splice(g,1);k.layers[1].animations[0].animations.splice(g,1)}}i={animations:[],beginTime:a,duration:c,fillMode:"forwards",from:{scalar:false},property:"hidden",timingFunction:"linear",to:{scalar:false}};q.layers[1].animations[0].animations.push(i);k.layers[1].animations[0].animations.push(i)}else{for(var g=0,o=q.layers[1].animations[0].animations[0].animations.length;g<o;g++){if(q.layers[1].animations[0].animations[0].animations[g].property==="transform.translation.z"){q.layers[1].animations[0].animations[0].animations.splice(g,1);k.layers[1].animations[0].animations[0].animations.splice(g,1)}}i={animations:[],beginTime:q.layers[1].animations[0].animations[0].animations[0].beginTime+0.03,duration:q.layers[1].animations[0].animations[0].animations[0].duration,fillMode:"forwards",from:{scalar:false},property:"hidden",timingFunction:"linear",to:{scalar:false}};q.layers[1].animations[0].animations[0].animations.push(i);k.layers[1].animations[0].animations[0].animations.push(i)}}break;case"apple:doorway":var q=m.baseLayer.layers[0];var k=r.baseLayer.layers[0];var a=q.layers[0].animations[0].beginTime;var c=q.layers[0].animations[0].duration;var h=q.layers[0].animations[0].animations[0].beginTime;var e=q.layers[0].animations[0].animations[0].duration;q.layers[0].layers=[];q.layers[0].animations=[];k.layers[0].layers=[];k.layers[0].animations=[];if(a==h){q.layers[1].animations[0].animations[0].beginTime=h;q.layers[1].animations[0].animations[0].duration=e;k.layers[1].animations[0].animations[0].beginTime=h;k.layers[1].animations[0].animations[0].duration=e}else{q.layers[1].animations[0].animations[0].animations[0].duration=e;k.layers[1].animations[0].animations[0].animations[0].duration=e}q.layers.splice(2,1);k.layers.splice(2,1);break;case"com.apple.iWork.Keynote.BLTBlinds":case"apple:3D-cube":case"com.apple.iWork.Keynote.BLTReflection":case"apple:revolve":case"com.apple.iWork.Keynote.BLTRevolvingDoor":var q=m.baseLayer.layers[0];var k=r.baseLayer.layers[0];var p;p={animations:[],beginTime:0,duration:m.duration,fillMode:"both",from:{scalar:1},property:"opacity",timingFunction:"easeInEaseOut",to:{scalar:0}};q.layers[0].layers=[];q.layers[0].animations=[];q.layers[1].layers=[];q.layers[1].animations=[];q.layers[1].animations.push(p);k.layers[0].layers=[];k.layers[0].animations=[];k.layers[1].layers=[];k.layers[1].animations=[];k.layers[1].animations.push(p);if(r.name==="com.apple.iWork.Keynote.BLTBlinds"){q.layers[0].initialState.hidden=false;q.layers[1].initialState.hidden=false;k.layers[0].initialState.hidden=false;k.layers[1].initialState.hidden=false;q.layers.splice(2,q.layers.length-2);k.layers.splice(2,k.layers.length-2)}break;case"com.apple.iWork.Keynote.KLNSwap":var q=m.baseLayer.layers[0];var k=r.baseLayer.layers[0];var e,d,n,b,p;if(q.layers[1].animations[0].animations.length>1){for(var g=0,o=q.layers[1].animations[0].animations.length;g<o;g++){b=q.layers[1].animations[0].animations[g];p=k.layers[1].animations[0].animations[g];if(b.property==="opacity"){break}}e=q.layers[1].animations[0].duration}else{for(var g=0,o=q.layers[1].animations[0].animations[0].animations.length;g<o;g++){b=q.layers[1].animations[0].animations[0].animations[g];p=k.layers[1].animations[0].animations[0].animations[g];if(b.property==="opacity"){break}}e=q.layers[1].animations[0].animations[0].duration}d=e*0.4;n=e*0.4;b.to.scalar=0;b.beginTime=d;b.duration=n;p.to.scalar=0;p.beginTime=d;p.duration=n;break;case"apple:FlipThrough":var q=m.baseLayer.layers[0];var k=r.baseLayer.layers[0];if(q.layers[0].animations.length>0){var l=JSON.parse(JSON.stringify(q.layers[1]));q.layers.splice(0,0,l);var f=JSON.parse(JSON.stringify(k.layers[1]));k.layers.splice(0,0,f);var a=q.layers[1].animations[0].beginTime;var c=q.layers[1].animations[0].duration;var h=q.layers[1].animations[0].animations[0].beginTime;var e=q.layers[1].animations[0].animations[0].duration;var i;if(a==h){for(var g=0,o=q.layers[1].animations[0].animations.length;g<o;g++){if(q.layers[1].animations[0].animations[g].property==="transform.translation.z"){q.layers[1].animations[0].animations.splice(g,1);k.layers[1].animations[0].animations.splice(g,1)}}i={animations:[],beginTime:a+c/2,duration:c/2,fillMode:"forwards",from:{scalar:true},property:"hidden",timingFunction:"linear",to:{scalar:true}};q.layers[2].animations[0].animations.push(i);k.layers[2].animations[0].animations.push(i)}else{for(var g=0,o=q.layers[1].animations[0].animations[0].animations.length;g<o;g++){if(q.layers[1].animations[0].animations[0].animations[g].property==="transform.translation.z"){q.layers[1].animations[0].animations[0].animations.splice(g,1);k.layers[1].animations[0].animations[0].animations.splice(g,1)}}i={animations:[],beginTime:q.layers[2].animations[0].animations[0].animations[0].beginTime+q.layers[2].animations[0].animations[0].animations[0].duration/2,duration:q.layers[2].animations[0].animations[0].animations[0].duration/2,fillMode:"forwards",from:{scalar:true},property:"hidden",timingFunction:"linear",to:{scalar:true}};q.layers[2].animations[0].animations[0].animations.push(i);k.layers[2].animations[0].animations[0].animations.push(i)}}break;default:break}},handleSlideDidNotDownloadEvent:function(a){this.scriptDidNotDownload.bind(this)},reapplyScaleFactor:function(){if(this.delegate.setViewScale){this.applyScaleFactor();this.delegate.setViewScale(this.scaleFactor)}},applyScaleFactorForAnimation:function(c,b,g){var h=c.property;if(c.path){for(var e=0,k=c.path.length;e<k;e++){var j=c.path[e].points;var d=b.path[e].points;j[0][0]=d[0][0]*g;j[0][1]=d[0][1]*g}}switch(h){case"anchorPointZ":case"zPosition":case"transform.translation.x":case"transform.translation.y":if(c.from){c.from.scalar=b.from.scalar*g}if(c.to){c.to.scalar=b.to.scalar*g}if(c.values){for(var e=0,f=c.values.length;e<f;e++){c.values[e].scalar=b.values[e].scalar*g}}break;case"transform.translation.z":if(c.from&&c.from.scalar!=1&&c.from.scalar!=0.01){c.from.scalar=b.from.scalar*g}if(c.to&&c.to.scalar!=1&&c.to.scalar!=0.01){c.to.scalar=b.to.scalar*g}if(c.values){for(var e=0,f=c.values.length;e<f;e++){c.values[e].scalar=b.values[e].scalar*g}}break;case"position":case"transform.translation":if(c.from){c.from.pointX=b.from.pointX*g;c.from.pointY=b.from.pointY*g}if(c.to){c.to.pointX=b.to.pointX*g;c.to.pointY=b.to.pointY*g}if(c.values){for(var e=0,f=c.values.length;e<f;e++){c.values[e].pointX=b.values[e].pointX*g;c.values[e].pointY=b.values[e].pointY*g}}break;case"transform":if(c.from){c.from.transform[12]=b.from.transform[12]*g;c.from.transform[13]=b.from.transform[13]*g;c.from.transform[14]=b.from.transform[14]*g}if(c.to){c.to.transform[12]=b.to.transform[12]*g;c.to.transform[13]=b.to.transform[13]*g;c.to.transform[14]=b.to.transform[14]*g}if(c.values){for(var e=0,f=c.values.length;e<f;e++){c.values[e].transform[12]=b.values[e].transform[12]*g;c.values[e].transform[13]=b.values[e].transform[13]*g;c.values[e].transform[14]=b.values[e].transform[14]*g}}break;case"bounds":if(c.from){c.from.width=b.from.width*g;c.from.height=b.from.height*g}if(c.to){c.to.width=b.to.width*g;c.to.height=b.to.height*g}break;case"transform.scale.xy":case"transform.scale.x":case"transform.scale.y":break}if(c.animations){for(var e=0,a=c.animations.length;e<a;e++){this.applyScaleFactorForAnimation(c.animations[e],b.animations[e],g)}}},applyScaleFactorForLayer:function(g,f,l,k,j,h){var b=g.initialState;var d=f.initialState;var c=d.contentsRect;b.affineTransform[4]=d.affineTransform[4]*l;b.affineTransform[5]=d.affineTransform[5]*l;b.width=d.width*l;b.height=d.height*l;b.position.pointX=d.position.pointX*l;b.position.pointY=d.position.pointY*l;switch(k){case"com.apple.iWork.Keynote.BLTBlinds":case"com.apple.iWork.Keynote.BLTMosaicFlip":this.adjustForCropAnimation(b,c,h.particleCount.x,h.particleCount.y);break;default:break}if(g.animations){for(var e=0,a=g.animations.length;e<a;e++){this.applyScaleFactorForAnimation(g.animations[e],f.animations[e],l)}}for(var e=0,a=g.layers.length;e<a;e++){this.applyScaleFactorForLayer(g.layers[e],f.layers[e],l,k,j,h)}},applyScaleFactorForBaseLayer:function(b,c,f){var a=b.initialState;var g=c.initialState;a.affineTransform[4]=g.affineTransform[4]*f;a.affineTransform[5]=g.affineTransform[5]*f;a.width=g.width*f;a.height=g.height*f;a.position.pointX=g.position.pointX*f;a.position.pointY=g.position.pointY*f;for(var d=0,e=b.layers.length;d<e;d++){this.applyScaleFactorForBaseLayer(b.layers[d],c.layers[d],f)}},applyScaleFactor:function(){var y=this.script.originalSlideWidth;var F=this.script.originalSlideHeight;var s=window.innerWidth;var B=window.innerHeight;var L=scaleSizeWithinSize(y,F,s,B);var f=L.width;var o=L.height;var k=o/F;this.scaleFactor=k;this.script.slideWidth=this.script.originalSlideWidth*k;this.script.slideHeight=this.script.originalSlideHeight*k;for(var Q=0,q=this.script.events.length;Q<q;Q++){var T=this.script.events[Q];var u=this.script.originalEvents[Q];var K=this.script.slideIndexFromSceneIndexLookup[Q];var I=this.script.slideList[K];this.applyScaleFactorForBaseLayer(T.baseLayer,u.baseLayer,k);for(var O=0,c=T.effects.length;O<c;O++){var M=T.effects[O];var n=u.effects[O];var C={};if(M.name==="com.apple.iWork.Keynote.BLTMosaicFlip"||M.name==="com.apple.iWork.Keynote.BLTBlinds"){var G=0,g=0;for(var b=0,J=M.baseLayer.layers[0].layers.length;b<J;b++){var d=n.baseLayer.layers[0].layers[b];var e=d.initialState.contentsRect;var l=Math.round(e.x/e.width);var z=Math.round(e.y/e.height);if(l>G){G=l}if(z>g){g=z}}C.particleCount={x:G+1,y:g+1}}this.applyScaleFactorForLayer(M.baseLayer,n.baseLayer,k,M.name,I,C)}for(var O=0,t=T.hyperlinks.length;O<t;O++){var h=T.hyperlinks[O];var w=u.hyperlinks[O];var A=h.targetRectangle;var D=w.targetRectangle;A.y=D.y*k;A.x=D.x*k;A.width=D.width*k;A.height=D.height*k;for(var H in h.events){var m=h.events[H];var x=w.events[H];for(var N=0,c=m.effects.length;N<c;N++){var R=m.effects[N];var S=x.effects[N];var C={};if(R.name==="com.apple.iWork.Keynote.BLTMosaicFlip"||R.name==="com.apple.iWork.Keynote.BLTBlinds"){var G=0,g=0;for(var b=0,J=R.baseLayer.layers[0].layers.length;b<J;b++){var d=R.baseLayer.layers[0].layers[b];var e=d.initialState.contentsRect;var l=Math.round(e.x/e.width);var z=Math.round(e.y/e.height);if(l>G){G=l}if(z>g){g=z}}C.particleCount={x:G+1,y:g+1}}this.applyScaleFactorForLayer(R.baseLayer,S.baseLayer,k,R.name,I,C)}}}}for(var p in this.script.slides){if(this.script.slides.hasOwnProperty(p)){var a=this.script.slides[p];var v=this.script.originalSlides[p];for(var E in a.assets){if(a.assets.hasOwnProperty(E)){var r=a.assets[E];var P=v.assets[E];r.width=P.width*k;r.height=P.height*k}}}}},adjustForCropAnimation:function(a,b,i,h){var d=this.script.slideWidth;var f=this.script.slideHeight;var j=Math.floor(d/i);var g=Math.floor(f/h);var e=Math.round(b.x/b.width);var c=Math.round(b.y/b.height);if(b.width!=1||b.height!=1){if(e!=i-1){a.width=j}else{a.width=d-j*(i-1)}if(c!=h-1){a.height=g}else{a.height=f-g*(h-1)}a.position.pointX=j*e+a.width/2;a.position.pointY=g*c+a.height/2;a.contentsRect.x=j*e/d;a.contentsRect.y=g*c/f;a.contentsRect.width=a.width/d;a.contentsRect.height=a.height/f}},downloadScript:function(b){this.delegate=b;if(this.delegate.getKPFJsonStringForShow){this.script=JSON.parse(this.delegate.getKPFJsonStringForShow());if(this.script==null){debugMessageAlways(kDebugScriptMangaer_DownloadScript,"An error occured on the server. KPF header json is null.");return}this.slideManager=new SlideManager({header:this.script});this.slideManager.getSlides(this.script.slideList,this.delegate);return}this.downloadTimeout=setTimeout(this.scriptDidNotDownload.bind(this),kMaxScriptDownloadWaitTime);this.downloadAlreadyFailed=false;var c=this.showUrl+"header.json";if(window.location.protocol==="file:"){c=c+"p";window.local_header=(function(d){this.scriptDidDownload(d,true)}).bind(this);var a=document.createElement("script");a.setAttribute("src",c);document.head.appendChild(a)}else{new Ajax.Request(c,{method:"get",onSuccess:this.scriptDidDownload.bind(this),onFailure:this.scriptDidNotDownload.bind(this)})}},scriptDidDownload:function(b,a){clearTimeout(this.downloadTimeout);if(a){this.script=b}else{this.script=JSON.parse(b.responseText)}this.slideManager=new SlideManager({header:this.script});this.slideManager.downloadSlides(this.script.slideList)},scriptDidNotDownload:function(a){this.downloadAlreadyFailed=true;if(a){clearTimeout(this.downloadTimeout)}document.fire(kScriptDidNotDownloadEvent,{})},sceneIndexFromSlideIndex:function(a){if((this.script==null)||(a<0)||(a>=this.script.slideList.length)){return -1}return this.script.sceneIndexFromSlideIndexLookup[a]},slideIndexFromSceneIndex:function(a){if((this.script==null)||(a<0)||(a>=this.script.events.length)){return -1}return this.script.slideIndexFromSceneIndexLookup[a]}});

assets/player/ShowController.js

@@ -1,3 +1,2105 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:aaa997793776ce98cb12d49bb84f09c351f9ab2f44e8fc35835f3917091e21a9
-size 77484
+/*
+ * ShowController.js
+ * Keynote HTML Player
+ * 
+ * Responsibility: Tungwei Cheng
+ * Copyright (c) 2009-2016 Apple Inc. All rights reserved.
+ */
+
+var kShowControllerState_Stopped = "Stopped";
+var kShowControllerState_Starting = "Starting";
+var kShowControllerState_DownloadingScript = "DownloadingScipt";
+var kShowControllerState_SettingUpScene = "SettingUpScene";
+var kShowControllerState_IdleAtFinalState = "IdleAtFinalState";
+var kShowControllerState_IdleAtInitialState = "IdleAtInitialState";
+var kShowControllerState_WaitingToJump = "WaitingToJump";
+var kShowControllerState_ReadyToJump = "ReadyToJump";
+var kShowControllerState_WaitingToDisplay = "WaitingToDisplay";
+var kShowControllerState_ReadyToDisplay = "ReadyToDisplay";
+var kShowControllerState_WaitingToPlay = "WaitingToPlay";
+var kShowControllerState_ReadyToPlay = "ReadyToPlay";
+var kShowControllerState_Playing = "Playing";
+
+// Events:
+// -------
+var kKeyDownEvent = "keydown";
+var kSlideIndexDidChangeEvent = "ShowController:SlideIndexDidChangeEvent";
+
+var ShowController = Class.create({
+    initialize: function() {
+        // extract delegate from url or create a default delegate
+        this.delegate = extractDelegateFromUrlParameter();
+        this.delegate.showDidLoad();
+
+        this.showUrl = "../";
+
+        // These must be created before the OrientationController as they
+        // subscribe to its event
+        this.displayManager = new DisplayManager();
+        this.scriptManager = new ScriptManager(this.showUrl);
+        this.textureManager = new TextureManager(this.showUrl);
+        this.stageManager = new StageManager(this.textureManager, this.scriptManager);
+        this.touchController = new TouchController();
+        this.animationManager = new AnimationManager();
+        this.orientationController = new OrientationController();
+
+        this.activeHyperlinks = new Array();
+        this.movieHyperlinks = new Array();
+
+        // initialize default values
+        this.script = null;
+        this.currentSceneIndex = -1;
+        this.nextSceneIndex = -1;
+        this.currentSlideIndex = -1;
+        this.previousSlideIndex = -1;
+        this.currentSoundTrackIndex = 0;
+        this.transformOriginValue = "";
+        this.accumulatingDigits = false;
+        this.digitAccumulator = 0;
+        this.firstSlide = true;
+        this.lastSlideViewedIndex = -1;
+
+        this.accountID = "";
+        this.guid = "";
+        this.locale = "EN";
+        this.isNavigationBarVisible = false;
+        this.isFullscreen = false;
+        this.volume = 3.0;
+        this.muted = false;
+
+        this.soundTrackPlayer = null;
+        this.sceneIndexOfPrebuiltAnimations = -1;
+
+        // store queued user action
+        this.queuedUserAction = null;
+
+        // events
+        document.observe(kScriptDidDownloadEvent, this.handleScriptDidDownloadEvent.bind(this));
+        document.observe(kScriptDidNotDownloadEvent, this.handleScriptDidNotDownloadEvent.bind(this));
+        document.observe(kStageIsReadyEvent, this.handleStageIsReadyEvent.bind(this));
+        document.observe(kStageSizeDidChangeEvent, this.handleStageSizeDidChangeEvent.bind(this));
+
+        // swipe and keydown events
+        document.observe(kKeyDownEvent, this.handleKeyDownEvent.bind(this));
+        document.observe(kSwipeEvent, this.handleSwipeEvent.bind(this));
+
+        // mouse event
+        Event.observe(this.displayManager.body, "click", this.handleClickEvent.bind(this));
+
+        // fullscreen change event
+        document.observe(kFullscreenChangeEventName, this.handleFullscreenChangeEvent.bind(this));
+
+        // windows resize event
+        Event.observe(window, "resize", this.handleWindowResizeEvent.bind(this));
+
+        // Can't use event observer for tap events
+        // - this would cause the handler to be on a seperate event loop
+        // invocation
+        // - this would prevent us from doing this like opening new tabs (popup
+        // blocker logic kicks in)
+        this.touchController.registerTapEventCallback(this.handleTapEvent.bind(this));
+
+        // Initialize state to Stopped
+        this.changeState(kShowControllerState_Stopped);
+
+        // movie cache to be used across different event timeline within one slide
+        this.movieCache = null;
+
+        // audio cache
+        this.audioCache = null;
+
+        // KPF playback controller
+        this.playbackController = new KPFPlaybackController({}, this.stageManager.stage);
+
+        // Navigator
+        this.navigatorController = new NavigatorController(document.getElementById("slideshowNavigator"));
+
+        // Slide number feedback
+        this.slideNumberController = new SlideNumberController(document.getElementById("slideNumberControl"));
+
+        // Slide number display
+        this.slideNumberDisplay = new SlideNumberDisplay(document.getElementById("slideNumberDisplay"));
+
+        // Help Placard
+        this.helpPlacard = new HelpPlacardController(document.getElementById("helpPlacard"));
+
+        // indicate if the show has recording
+        this.isRecording = false;
+
+        // a boolean to indicate if the recording is started
+        this.isRecordingStarted = false;
+
+        // IE9 does not support CSS animations
+        if (isIE && browserVersion < 10) {
+            this.animationSupported = false;
+        }
+        else {
+            this.animationSupported = true;
+        }
+
+        // disable mouse right click context menu
+        document.observe("contextmenu", this.handleContextMenuEvent.bind(this));
+
+        Event.observe(this.displayManager.previousButton, "click", this.goBackToPreviousSlide.bind(this, "tapPreviousButton"));
+        Event.observe(this.displayManager.nextButton, "click", this.advanceToNextBuild.bind(this, "tapNextButton"));
+    },
+
+    startShow: function() {
+        this.changeState(kShowControllerState_DownloadingScript);
+        this.scriptManager.downloadScript(this.delegate);
+    },
+
+    exitShow: function(endNow) {
+        clearTimeout(this.exitTimeout);
+
+        if (endNow) {
+            this.delegate.showExited();
+        } else {
+            this.exitTimeout = setTimeout((function(){
+                this.delegate.showExited();
+            }).bind(this), 750);
+        }
+    },
+
+    promptUserToTryAgain: function(message) {
+        var tryAgain = false;
+
+        tryAgain = confirm(message);
+        return tryAgain;
+    },
+
+    handleScriptDidDownloadEvent: function(event) {
+        switch (this.state) {
+        case kShowControllerState_DownloadingScript:
+            var script = this.script = event.memo.script;
+            var showMode = script.showMode;
+
+            if (showMode == kShowModeHyperlinksOnly) {
+                this.displayManager.setHyperlinksOnlyMode();
+            }
+
+            this.changeState(kShowControllerState_Starting);
+
+            // checking to see if a restarting scene index was specified in url...
+            var sceneIndex;
+            var restartingSceneIndex = parseInt(getUrlParameter("restartingSceneIndex"));
+
+            // also look for a fragment identifier which can also indicate scene index
+            var currentUrl = document.URL.split("?");
+            var fragments = currentUrl[0].split("#");
+            if (fragments[1]) {
+                restartingSceneIndex = parseInt(fragments[1]);
+            }
+
+            if (restartingSceneIndex) {
+                // found a restarting scene index, using that...restartingSceneIndex
+                sceneIndex = restartingSceneIndex;
+            } else {
+                // checking to see if a starting slide number was specified in url...
+                var startingSlide = getUrlParameter("currentSlide");
+                var startingSlideNumber;
+
+                if (startingSlide) {
+                    startingSlideNumber = parseInt(startingSlide);
+                } else {
+                    // nope, not there, use 1...
+                    startingSlideNumber = 1;
+                }
+                sceneIndex = this.scriptManager.sceneIndexFromSlideIndex(startingSlideNumber - 1);
+            }
+
+            // if this show has recording, then we start the show in recording mode
+            if (script.recording) {
+                if (script.recording.eventTracks[0].type === "navigation") {
+                    this.narrationManager = new NarrationManager(script.recording);
+                    sceneIndex = this.narrationManager.sceneIndexFromNavigationEvent(this.narrationManager.navigationEvents[0]);
+                    this.isRecording = true;
+                    this.jumpToScene(sceneIndex, false);
+
+                    break;
+                }
+            }
+
+            if (sceneIndex > script.lastSceneIndex) {
+                break;
+            }
+
+            if (showMode === kShowModeAutoplay) {
+                this.jumpToScene(sceneIndex, true);
+            } else {
+                var event = script.events[sceneIndex];
+                var automaticPlay = event.automaticPlay == 1 || event.automaticPlay == true;
+                this.jumpToScene(sceneIndex, automaticPlay);
+            }
+            break;
+
+        default:
+            debugMessage(kDebugShowController_HandleScriptDidDownloadEvent,
+                    "- hmmm we seem to have arrived here from an unpredicted state");
+            break;
+        }
+    },
+
+    handleScriptDidNotDownloadEvent: function(event) {
+        debugMessage(kDebugShowController_HandleScriptDidNotDownloadEvent);
+
+        var tryAgain = this.promptUserToTryAgain(kUnableToReachiWorkTryAgain);
+
+        if (tryAgain) {
+            this.scriptManager.downloadScript();
+        } else {
+            this.displayManager.clearLaunchMode();
+            this.displayManager.hideWaitingIndicator();
+        }
+    },
+
+    handleStageIsReadyEvent: function(event) {
+        if (this.isFullscreen) {
+            setTimeout((function() {
+                this.displayManager.stageArea.style.opacity = 1;
+            }).bind(this), 50)
+        } else {
+            setTimeout((function() {
+                this.displayManager.stageArea.style.opacity = 1;
+            }).bind(this), 500)
+        }
+        
+        this.positionSlideNumberControl();
+        this.positionSlideNumberDisplay();
+        this.positionHelpPlacard();
+    },
+
+    positionSlideNumberControl: function() {
+        var left = (this.displayManager.usableDisplayWidth - this.slideNumberController.width) / 2;
+        var top = this.displayManager.stageAreaTop + this.displayManager.stageAreaHeight - (this.slideNumberController.height + 16);
+        
+        this.slideNumberController.setPosition(left, top);
+    },
+
+    positionSlideNumberDisplay: function() {
+        var left = (this.displayManager.usableDisplayWidth - this.slideNumberDisplay.width) / 2;
+        var top = this.displayManager.stageAreaTop + this.displayManager.stageAreaHeight - (this.slideNumberDisplay.height + 16);
+        
+        this.slideNumberDisplay.setPosition(left, top);
+    },
+
+    positionHelpPlacard: function() {
+        var left = (this.displayManager.usableDisplayWidth - this.helpPlacard.width) / 2;
+        var top = (this.displayManager.usableDisplayHeight - this.helpPlacard.height) / 2;
+        
+        this.helpPlacard.setPosition(left, top);
+    },
+
+    handleFullscreenChangeEvent: function() {
+        if (document.webkitIsFullScreen || document.mozFullScreen) {
+            this.isFullscreen = true;
+        } else {
+            this.isFullscreen = false;
+        }
+
+        setTimeout((function() {
+            this.displayManager.layoutDisplay();
+        }).bind(this), 0);
+    },
+
+    handleWindowResizeEvent: function() {
+        clearTimeout(this.resizeTimer);
+        this.resizeTimer = setTimeout(this.changeWindowSize.bind(this), 1000);
+    },
+
+    changeWindowSize: function() {
+        if (this.delegate.setViewScale) {
+            this.scriptManager.reapplyScaleFactor();
+
+            this.textureManager.slideCache = null;
+            this.textureManager.slideCache = {};
+
+            var sceneIndexToUse = this.currentSceneIndex;
+
+            if (this.state === kShowControllerState_IdleAtFinalState) {
+                if (this.currentSceneIndex < this.script.numScenes - 1) {
+                    sceneIndexToUse = this.currentSceneIndex + 1;
+                } else {
+                    if (this.script.loopSlideshow) {
+                        sceneIndexToUse = 0;
+                    }
+                }
+            }
+
+            this.jumpToScene(sceneIndexToUse, false);
+        }
+
+        document.fire(kShowSizeDidChangeEvent, {
+            width: this.script.slideWidth,
+            height: this.script.slideHeight
+        });
+    },
+
+    handleStageSizeDidChangeEvent: function(event) {
+        // update TouchController with new track area
+        this.touchController.setTrackArea(event.memo.left, event.memo.top, event.memo.width, event.memo.height);
+    },
+
+    handleKeyDownEvent: function(event) {
+        var key = event.charCode || event.keyCode;
+
+        // allow F11 and F12 to work on IE
+        if (key === kKeyCode_F11 || key === kKeyCode_F12) {
+            return;
+        }
+
+        var modifiers = {
+            altKey: !!event.altKey,
+            ctrlKey: !!event.ctrlKey,
+            shiftKey: !!event.shiftKey,
+            metaKey: !!event.metaKey
+        };
+
+        if (modifiers.metaKey) {
+            if (key === kKeyCode_Period || key === kKeyCode_Dot) {
+                // cmd - . to exit show
+                this.exitShow(true);
+            } else if (key != kKeyCode_Return) {
+                // allow browsers to handle cmd-key
+                return;
+            }
+        } else if (modifiers.ctrlKey) {
+            // allow browsers to handle ctrl-key
+            return;
+        } 
+
+        event.stop();
+        this.onKeyPress(key, modifiers);
+    },
+
+    handleContextMenuEvent: function(event) {
+        event.stop();
+    },
+
+    handleClickEvent: function(event) {
+        if (this.isRecording) {
+            return;
+        }
+
+        var x, y;
+
+        if (event.pageX || event.pageY) {
+            x = event.pageX;
+            y = event.pageY;
+        } else {
+            x = event.clientX;
+            y = event.clientY;
+        }
+
+        var displayCoOrds = {
+            pointX: x,
+            pointY: y
+        };
+
+        // for IE make sure windows has focus
+        if (isIE) {
+            window.focus();
+        }
+
+        // For video element, let the event to propagate
+        if (event.target.nodeName.toLowerCase() === "video") {
+            return;
+        }
+
+        this.processClickOrTapAtDisplayCoOrds(displayCoOrds);
+    },
+
+    handleTapEvent: function(event) {
+        var displayCoOrds = {
+            pointX: event.memo.pointX,
+            pointY: event.memo.pointY
+        };
+
+        this.processClickOrTapAtDisplayCoOrds(displayCoOrds);
+    },
+
+    processClickOrTapAtDisplayCoOrds: function(displayCoOrds) {
+        var isHyperlink = false;
+        var hyperlink;
+
+        if (this.slideNumberController.isShowing) {
+            if (this.slideNumberTimeout) {
+                clearTimeout(this.slideNumberTimeout);
+            }
+            this.slideNumberTimeout = setTimeout(this.hideAndResetSlideNumberController.bind(this), 0);
+            return;
+        }
+        
+        if (this.helpPlacard.isShowing) {
+            this.helpPlacard.hide();
+            return;
+        }
+
+        var showCoOrds = this.displayManager.convertDisplayCoOrdsToShowCoOrds(displayCoOrds);
+
+        if (showCoOrds.pointX != -1) {
+            hyperlink = this.findHyperlinkAtCoOrds(showCoOrds);
+        }
+
+        if (hyperlink) {
+            this.processHyperlink(hyperlink);
+        } else {
+            this.advanceToNextBuild("processClickOrTapAtDisplayCoOrds");
+        }
+    },
+
+    handleSwipeEvent: function(event) {
+        if (event.memo.direction === "left") {
+            switch (event.memo.fingers) {
+            case 1:
+                this.advanceToNextBuild("handleSwipeEvent");
+                break;
+            case 2:
+                this.advanceToNextSlide("handleSwipeEvent");
+                break;
+            default:
+                break;
+            }
+        } else if (event.memo.direction === "right") {
+            switch (event.memo.fingers) {
+            case 1:
+                this.goBackToPreviousSlide("handleSwipeEvent");
+                break;
+            case 2:
+                this.goBackToPreviousBuild("handleSwipeEvent");
+                break;
+            default:
+                break;
+            }
+        }
+    },
+
+    onMouseDown: function(mouseDownEvent) {
+        if (mouseDownEvent.leftClick) {
+            this.advanceToNextBuild("onMouseDown");
+        } else if (mouseDownEvent.rightClick) {
+            this.goBackToPreviousBuild("onMouseDown");
+        }
+    },
+
+    onKeyPress: function(key, modifier) {
+        if ((key >= kKeyCode_Numeric_0) && (key <= kKeyCode_Numeric_9)) {
+            key = kKeyCode_0 + (key - kKeyCode_Numeric_0);
+        }
+
+        key += (modifier.shiftKey ? kKeyModifier_Shift : 0);
+        key += (modifier.altKey ? kKeyModifier_Alt : 0);
+        key += (modifier.ctrlKey ? kKeyModifier_Ctrl : 0);
+        key += (modifier.metaKey ? kKeyModifier_Meta : 0);
+
+        if (this.isRecording) {
+            return;
+        }
+
+        var digitEncountered = false;
+        switch (key) {
+        case kKeyCode_Escape:
+            this.exitShow(true);
+            break;
+
+        /*
+         * case kKeyCode_Return + kKeyModifier_Ctrl:
+         * this.displayManager.showWaitingIndicator(); break;
+         * 
+         * case kKeyCode_Return + kKeyModifier_Alt:
+         * this.displayManager.hideWaitingIndicator(); break;
+         * 
+         * case kKeyCode_Return + kKeyModifier_Meta: this.debugDiagnosticDump();
+         * break;
+         */
+        case kKeyCode_Slash:
+        case kKeyCode_Slash + kKeyModifier_Shift:
+            if (this.helpPlacard.isShowing) {
+                this.helpPlacard.hide();
+            } else {
+                this.helpPlacard.show();
+            }
+            break;
+
+        case kKeyCode_Q:
+            this.exitShow(true);
+            break;
+
+        case kKeyCode_S:
+            if (this.slideNumberController.isShowing) {
+                if (this.slideNumberTimeout) {
+                    clearTimeout(this.slideNumberTimeout);
+                }
+                this.slideNumberTimeout = setTimeout(this.hideAndResetSlideNumberController.bind(this), 0);
+            }
+            
+            if (this.slideNumberDisplay.isShowing) {
+                this.slideNumberDisplay.hide();
+            } else {
+                this.slideNumberDisplay.setSlideNumber(this.currentSlideIndex + 1);
+                this.slideNumberDisplay.show();
+            }
+            break;
+
+        case kKeyCode_Return:
+            if (this.accumulatingDigits) {
+                // return pressed while accumulating digits.
+                this.accumulatingDigits = false;
+
+                if (this.script.showMode != kShowModeHyperlinksOnly) {
+                    if (this.digitAccumulator > this.script.slideCount) {
+                        this.digitAccumulator = this.script.slideCount;
+                    }
+                    else if (this.digitAccumulator < 1) {
+                        this.digitAccumulator = 1;
+                    }
+                    this.slideNumberController.setSlideNumber(this.digitAccumulator);
+                    this.jumpToSlide(this.digitAccumulator);
+                } else {
+                    debugMessage(kDebugShowController_OnKeyPress, "- can't do it, we're in hyperlinks only mode");
+                }
+                break;
+            }
+            // fall through
+
+        case kKeyCode_N:
+        case kKeyCode_Space:
+        case kKeyCode_DownArrow:
+        case kKeyCode_RightArrow:
+        case kKeyCode_PageDown:
+            // advance to next build...
+            this.advanceToNextBuild("onKeyPress");
+            break;
+
+        case kKeyCode_RightArrow + kKeyModifier_Shift:
+        case kKeyCode_CloseBracket:
+            // advance and skip build...
+            this.advanceAndSkipBuild("onKeyPress");
+            break;
+
+        case kKeyCode_DownArrow + kKeyModifier_Shift:
+        case kKeyCode_PageDown + kKeyModifier_Shift:
+        case kKeyCode_CloseBracket:
+        case kKeyCode_Equal + kKeyModifier_Shift:
+        case kKeyCode_Equal:
+        case kKeyCode_Plus:
+            // advance to next slide...
+            this.advanceToNextSlide("onKeyPress");
+            break;
+
+        case kKeyCode_LeftArrow + kKeyModifier_Shift:
+        case kKeyCode_PageUp + kKeyModifier_Shift:
+        case kKeyCode_OpenBracket:
+            // go back to previous build...
+            this.goBackToPreviousBuild("onKeyPress");
+            break;
+
+        case kKeyCode_P:
+        case kKeyCode_PageUp:
+        case kKeyCode_LeftArrow:
+        case kKeyCode_UpArrow:
+        case kKeyCode_UpArrow + kKeyModifier_Shift:
+        case kKeyCode_Hyphen:
+        case kKeyCode_Minus:
+            // go back to previous slide...
+            this.goBackToPreviousSlide("onKeyPress");
+            break;
+
+        case kKeyCode_Delete:
+            digitEncountered = true;
+            if (this.accumulatingDigits) {
+                if (this.digitAccumulator < 10) {
+                    if (this.slideNumberTimeout) {
+                        clearTimeout(this.slideNumberTimeout);
+                    }
+                    this.slideNumberTimeout = setTimeout(this.hideAndResetSlideNumberController.bind(this), 0);
+                }
+                else {
+                    if (this.slideNumberTimeout) {
+                        clearTimeout(this.slideNumberTimeout);
+                    }
+                    this.slideNumberTimeout = setTimeout(this.hideAndResetSlideNumberController.bind(this), 7000);
+
+                    var digit = this.digitAccumulator.toString();
+                    this.digitAccumulator = parseInt(digit.substring(0, digit.length - 1));
+                    this.slideNumberController.setSlideNumber(this.digitAccumulator);
+                }
+            }
+            break;
+
+        case kKeyCode_Home:
+            // go back to first slide...
+            if (this.script.showMode != kShowModeHyperlinksOnly) {
+                this.jumpToSlide(1);
+            } else {
+                debugMessage(kDebugShowController_OnKeyPress, "- can't do it, we're in hyperlinks only mode");
+            }
+            break;
+
+        case kKeyCode_End:
+            // go back to last slide...
+            if (this.script.showMode != kShowModeHyperlinksOnly) {
+                this.jumpToSlide(this.script.slideCount);
+            } else {
+                debugMessage(kDebugShowController_OnKeyPress, "- can't do it, we're in hyperlinks only mode");
+            }
+            break;
+
+        default:
+            if (this.slideNumberTimeout) {
+                clearTimeout(this.slideNumberTimeout);
+            }
+            this.slideNumberTimeout = setTimeout(this.hideAndResetSlideNumberController.bind(this), 7000);
+
+            if ((key >= kKeyCode_0) && (key <= kKeyCode_9)) {
+                if (this.slideNumberDisplay.isShowing) {
+                    this.slideNumberDisplay.hide();
+                }
+                
+                digitEncountered = true;
+                if (this.accumulatingDigits === false) {
+                    // digit entered, start accumulating digits...
+                    this.accumulatingDigits = true;
+                    this.digitAccumulator = 0;
+                }
+
+                if (this.digitAccumulator.toString().length < 4) {
+                    this.digitAccumulator *= 10;
+                    this.digitAccumulator += (key - kKeyCode_0);
+                    
+                    this.slideNumberController.setSlideNumber(this.digitAccumulator);
+                    if (!this.slideNumberController.isShowing) {
+                        this.slideNumberController.show();
+                    }
+                }
+            }
+            else {
+                digitEncountered = true;
+            }
+            break;
+        }
+
+        if (this.accumulatingDigits && (digitEncountered === false)) {
+            // non-digit entered, stop accumulating digits...
+            //this.accumulatingDigits = false;
+            //this.digitAccumulator = 0;
+        }
+    },
+    
+    hideAndResetSlideNumberController: function() {
+        if (this.slideNumberTimeout) {
+            clearTimeout(this.slideNumberTimeout);
+        }
+        
+        this.accumulatingDigits = false;
+        this.digitAccumulator = 0;
+        this.slideNumberController.hide();
+    },
+    
+    hideSlideNumberDisplay: function() {
+        this.slideNumberDisplay.hide();
+    },
+
+    toggleFullscreen: function() {
+        // IE does not support fullscreen mode, return for now
+        if (isIE) {
+            return;
+        }
+
+        setTimeout((function() {
+            this.displayManager.stageArea.style.opacity = 0;
+        }).bind(this), 0);
+
+        // hide hud immediately
+        this.displayManager.hideHUD(true);
+
+        if (document.webkitIsFullScreen || document.mozFullScreen) {
+            this.isFullscreen = false;
+            (document.webkitCancelFullScreen && document.webkitCancelFullScreen())
+                    || (document.mozCancelFullScreen && document.mozCancelFullScreen());
+        } else {
+            this.isFullscreen = true;
+            (document.body.webkitRequestFullScreen && document.body.webkitRequestFullScreen())
+                    || (document.body.mozRequestFullScreen && document.body.mozRequestFullScreen());
+        }
+    },
+
+    // State Management
+    // ================
+    changeState: function(newState) {
+        if (newState != this.state) {
+            //this.accumulatingDigits = false;
+            //this.digitAccumulator = 0;
+
+            this.leavingState();
+            this.state = newState;
+            this.enteringState();
+        }
+    },
+
+    leavingState: function() {
+        switch (this.state) {
+        case kShowControllerState_Stopped:
+            break;
+
+        case kShowControllerState_Starting:
+            break;
+
+        case kShowControllerState_SettingUpScene:
+            break;
+
+        case kShowControllerState_IdleAtFinalState:
+            break;
+
+        case kShowControllerState_IdleAtInitialState:
+            break;
+
+        case kShowControllerState_WaitingToJump:
+            break;
+
+        case kShowControllerState_ReadyToJump:
+            break;
+
+        case kShowControllerState_WaitingToPlay:
+            this.displayManager.hideWaitingIndicator();
+            break;
+
+        case kShowControllerState_ReadyToPlay:
+            break;
+
+        case kShowControllerState_Playing:
+            break;
+        }
+    },
+
+    enteringState: function() {
+        switch (this.state) {
+        case kShowControllerState_Stopped:
+            break;
+
+        case kShowControllerState_Starting:
+            this.displayManager.showWaitingIndicator();
+            break;
+
+        case kShowControllerState_SettingUpScene:
+            break;
+
+        case kShowControllerState_IdleAtFinalState:
+            // unload slide cache not next to the current slide
+            this.unloadTextures();
+
+        case kShowControllerState_IdleAtInitialState:
+            this.updateSlideNumber();
+
+            runInNextEventLoop(this.doIdleProcessing.bind(this));
+            break;
+
+        case kShowControllerState_WaitingToJump:
+            // don't show spinner here, do it in pollForSceneToLoad after a few
+            // polls so the spinner doesn't come up right away
+            break;
+
+        case kShowControllerState_ReadyToJump:
+            break;
+
+        case kShowControllerState_WaitingToPlay:
+            this.displayManager.showWaitingIndicator();
+            break;
+
+        case kShowControllerState_ReadyToPlay:
+            break;
+
+        case kShowControllerState_Playing:
+            break;
+        }
+    },
+
+    preloadTextures: function() {
+        var script = this.script;
+        var sceneIndexToUse = this.currentSceneIndex;
+
+        if (this.state === kShowControllerState_IdleAtFinalState) {
+            if (sceneIndexToUse < script.numScenes - 1) {
+                sceneIndexToUse = sceneIndexToUse + 1;
+            } else if (script.loopSlideshow) {
+                sceneIndexToUse = 0;
+            }
+        }
+
+        // preload textures
+        this.textureManager.loadScene(sceneIndexToUse);
+    },
+
+    unloadTextures: function() {
+        var script = this.script;
+        var sceneIndexToUse = this.currentSceneIndex;
+
+        if (this.state === kShowControllerState_IdleAtFinalState) {
+            if (sceneIndexToUse < script.numScenes - 1) {
+                sceneIndexToUse = sceneIndexToUse + 1;
+            } else if (script.loopSlideshow) {
+                sceneIndexToUse = 0;
+            }
+        }
+
+        var currentSlideIndex = script.slideIndexFromSceneIndexLookup[sceneIndexToUse];
+
+        var slideCache = this.textureManager.slideCache;
+
+        for (var index in slideCache) {
+            // detect current slide index and its previous and next slide in slideCache buffer
+            if (index < currentSlideIndex - 1 || index > currentSlideIndex + 1) {
+                // remove slide cache
+                var cache = slideCache[index];
+                for (var textureId in cache.textureAssets) {
+                    var canvas = cache.textureAssets[textureId];
+                    if (canvas) {
+                        // clear canvas object
+                        var context = canvas.getContext("2d");
+
+                        if (context) {
+                            context.clearRect(0, 0, canvas.width, canvas.height);
+                        }
+
+                        // remove reference
+                        delete cache.textureAssets[textureId];
+                    }
+                }
+
+                delete this.textureManager.slideCache[index].textureAssets;
+                delete this.textureManager.slideCache[index].textureRequests;
+                delete this.textureManager.slideCache[index].requested;
+
+                // call internal pdf document destroy method
+                if (cache.pdf) {
+                    cache.pdf.destroy();
+                    delete this.textureManager.slideCache[index].pdf;
+                }
+
+                // finally remove slide cache reference
+                delete this.textureManager.slideCache[index];
+            }
+        }
+    },
+
+    doIdleProcessing: function() {
+        // preload textures for next slide if applicable
+        this.preloadTextures();
+
+        if (this.queuedUserAction != null) {
+            // executing queued user action...
+            this.queuedUserAction();
+            this.queuedUserAction = null;
+        } else {
+            var stage = this.stageManager.stage;
+
+            if (stage.childNodes.length !== 0) {
+                this.updateNavigationButtons();
+            }
+        }
+
+        // create hyperlink in setTimeout using background thread
+        clearTimeout(this.createHyperlinksForCurrentStateTimeout);
+        this.createHyperlinksForCurrentStateTimeout = setTimeout((function() {this.createHyperlinksForCurrentState("idle");}).bind(this), 100);
+    },
+
+    truncatedSlideIndex: function(slideIndex) {
+        return this.truncatedIndex(slideIndex, this.script.lastSlideIndex, this.script.loopSlideshow);
+    },
+
+    truncatedSceneIndex: function(sceneIndex) {
+        return this.truncatedIndex(sceneIndex, this.script.lastSceneIndex, this.script.loopSlideshow);
+    },
+
+    truncatedIndex: function(index, lastIndex, isLooping) {
+        if (index < 0) {
+            if (isLooping) {
+                index = index + lastIndex + 1;
+            } else {
+                index = -1;
+            }
+        } else if (index > lastIndex) {
+            if (isLooping) {
+                index = index - lastIndex - 1;
+            } else {
+                index = -1;
+            }
+        }
+        return index;
+    },
+
+    advanceToNextBuild: function(context) {
+        // do not proceed if the script is not available
+        if (!this.script) {
+            return false;
+        }
+
+        if (this.script.showMode === kShowModeHyperlinksOnly && context != "currentSceneDidComplete") {
+            return false;
+        }
+
+        if (this.displayManager.infoPanelIsShowing) {
+            return false;
+        }
+
+        var result = false;
+
+        switch (this.state) {
+        case kShowControllerState_IdleAtFinalState:
+            if (this.nextSceneIndex === -1) {
+                if (this.delegate.getKPFJsonStringForShow) {
+                    this.stopSoundTrack();
+                    this.exitShow();
+                } else {
+                    this.stopSoundTrack();
+                    break;
+                }
+            }
+            // idle on final state, jump to next scene
+            result = true;
+            this.jumpToScene(this.nextSceneIndex, true);
+            break;
+
+        case kShowControllerState_IdleAtInitialState:
+            if (this.currentSceneIndex >= this.script.numScenes) {
+                if (this.script.loopSlideshow) {
+                    // we're at the end but this IS a looping show, jump to start
+                    result = true;
+                    this.jumpToScene(0, false);
+                } else {
+                    if (this.delegate.getKPFJsonStringForShow) {
+                        this.stopSoundTrack();
+                        this.exitShow();
+                    } else {
+                        this.stopSoundTrack();
+                        break;
+                    }
+                }
+            } else {
+                // we're sitting idle on initial state, preload next scene and play current scene
+                result = true;
+                this.playCurrentScene();
+            }
+            break;
+
+        default:
+            debugMessage(kDebugShowController_AdvanceToNextBuild, "nextSceneIndex: " + this.nextSceneIndex + " can't advance now, not in an idle state (currently in '" + this.state + "' state), queue up action to run in next idle time");
+
+            if (this.queuedUserAction == null) {
+                result = true;
+                this.queuedUserAction = this.advanceToNextBuild.bind(this, context);
+            }
+            break;
+        }
+
+        return result;
+    },
+
+    advanceToNextSlide: function(context) {
+        // do not proceed if the script is not available
+        if (!this.script) {
+            return false;
+        }
+
+        if (this.script.showMode == kShowModeHyperlinksOnly) {
+            return;
+        }
+
+        if (this.displayManager.infoPanelIsShowing) {
+            return;
+        }
+
+        var sceneIndexToUse = this.currentSceneIndex;
+
+        switch (this.state) {
+        case kShowControllerState_IdleAtFinalState:
+            sceneIndexToUse = sceneIndexToUse + 1;
+            // Fall through
+
+        case kShowControllerState_IdleAtInitialState:
+            var currentSlideIndex = this.scriptManager.slideIndexFromSceneIndex(sceneIndexToUse);
+            var nextSlideIndex ;
+
+            if (currentSlideIndex === this.script.slideCount - 1) {
+                if (this.script.loopSlideshow) {
+                    nextSlideIndex = 0;
+                } else {
+                    return;
+                }
+            } else {
+                nextSlideIndex = this.currentSlideIndex + 1;
+            }
+
+            var sceneIndex = this.scriptManager.sceneIndexFromSlideIndex(nextSlideIndex);
+            var event = this.script.events[sceneIndex];
+            var automaticPlay = event.automaticPlay == 1 || event.automaticPlay == true;
+            this.jumpToSlide(nextSlideIndex + 1, automaticPlay);
+
+            break;
+
+        default:
+            debugMessage(kDebugShowController_AdvanceToNextSlide, "can't advance now, not in an idle state (currently in '" + this.state + "' state), queue up action to run in next idle time");
+
+            if (this.queuedUserAction == null) {
+                this.queuedUserAction = this.advanceToNextSlide.bind(this, context);
+            }
+            break;
+        }
+    },
+
+    goBackToPreviousBuild: function(context) {
+        // do not proceed if the script is not available
+        if (!this.script) {
+            return false;
+        }
+
+        // going back to previous build, remove all media cache
+        this.resetMediaCache();
+
+        if (this.script.showMode == kShowModeHyperlinksOnly) {
+            return;
+        }
+
+        if (this.displayManager.infoPanelIsShowing) {
+            return;
+        }
+
+        var sceneIndexToUse = this.currentSceneIndex;
+
+        switch (this.state) {
+        case kShowControllerState_IdleAtFinalState:
+            sceneIndexToUse = sceneIndexToUse + 1;
+            // Fall through
+
+        case kShowControllerState_Playing:
+        case kShowControllerState_IdleAtInitialState:
+            var previousSceneIndex ;
+
+            if (sceneIndexToUse === 0) {
+                if (this.script.loopSlideshow) {
+                    previousSceneIndex = this.script.events.length - 1;
+                } else {
+                    return;
+                }
+            } else {
+                previousSceneIndex = sceneIndexToUse - 1;
+            }
+ 
+            this.jumpToScene(previousSceneIndex, false);
+
+            break;
+
+        default:
+            debugMessage(kDebugShowController_GoBackToPreviousBuild, "can't go back now, not in an idle state (currently in '" + this.state + "' state)");
+
+            if (this.queuedUserAction == null) {
+                this.queuedUserAction = this.goBackToPreviousBuild.bind(this, context);
+            }
+            break;
+        }
+    },
+
+    advanceAndSkipBuild: function(context) {
+        // do not proceed if the script is not available
+        if (!this.script) {
+            return false;
+        }
+
+        if (this.script.showMode == kShowModeHyperlinksOnly) {
+            return;
+        }
+
+        var sceneIndexToUse = this.currentSceneIndex;
+
+        switch (this.state) {
+            case kShowControllerState_IdleAtFinalState:
+                sceneIndexToUse = sceneIndexToUse + 1;
+                // Fall through
+            case kShowControllerState_IdleAtInitialState:
+                var nextSceneIndex;
+
+                if (sceneIndexToUse >= this.script.numScenes - 1) {
+                    if (this.script.loopSlideshow) {
+                        nextSceneIndex = 0;
+                    } else {
+                        return;
+                    }
+                } else {
+                    nextSceneIndex = sceneIndexToUse + 1;
+                }
+
+                this.jumpToScene(nextSceneIndex, false);
+
+                break;
+
+            default:
+                debugMessage(kDebugShowController_GoBackToPreviousBuild, "can't go back now, not in an idle state (currently in '" + this.state + "' state)");
+
+                if (this.queuedUserAction == null) {
+                    this.queuedUserAction = this.advanceAndSkipBuild.bind(this, context);
+                }
+                break;
+        }
+    },
+
+    goBackToPreviousSlide: function(context) {
+        // do not proceed if the script is not available
+        if (!this.script) {
+            return false;
+        }
+
+        if (this.script.showMode == kShowModeHyperlinksOnly) {
+            return;
+        }
+
+        if (this.displayManager.infoPanelIsShowing) {
+            return;
+        }
+
+        var sceneIndexToUse = this.currentSceneIndex;
+
+        switch (this.state) {
+        case kShowControllerState_IdleAtFinalState:
+            sceneIndexToUse = sceneIndexToUse + 1;
+            // Fall through
+
+        case kShowControllerState_Playing:
+        case kShowControllerState_IdleAtInitialState:
+            var currentSlideIndex = this.scriptManager.slideIndexFromSceneIndex(sceneIndexToUse);
+            var sceneIndexForCurrentSlideIndex = this.scriptManager.sceneIndexFromSlideIndex(currentSlideIndex);
+            var previousSlideIndex;
+
+            if (currentSlideIndex === 0) {
+                if (sceneIndexToUse > 0) {
+                    // if we are not on first build of the slide, go back to first build of the slide
+                    previousSlideIndex = 0;
+                } else {
+                    if (this.script.loopSlideshow) {
+                        previousSlideIndex = this.script.slideCount - 1;
+                    } else {
+                        previousSlideIndex = 0;
+                    }
+                }
+            } else if (currentSlideIndex === -1 && sceneIndexToUse > 0) {
+                previousSlideIndex = this.script.slideCount - 1;
+            } else {
+                if (sceneIndexToUse > sceneIndexForCurrentSlideIndex) {
+                    // if we are not on first build of the slide, go back to first build of the slide
+                    previousSlideIndex = this.currentSlideIndex;
+                } else {
+                    // if we are on first build of the slide, go back to previous slide
+                    previousSlideIndex = this.currentSlideIndex - 1;
+                }
+            }
+
+            this.jumpToSlide(previousSlideIndex + 1);
+            
+            break;
+
+        default:
+            debugMessage(kDebugShowController_GoBackToPreviousSlide, "can't go back now, not in an idle state (currently in '" + this.state + "' state)");
+
+            if (this.queuedUserAction == null) {
+                this.queuedUserAction = this.goBackToPreviousSlide.bind(this, context);
+            }
+            break;
+        }
+    },
+
+    calculatePreviousSceneIndex: function(sceneIndex) {
+        if (sceneIndex == -1) {
+            previousSceneIndex = -1;
+        }
+        else {
+            previousSceneIndex = sceneIndex - 1;
+        }
+
+        return previousSceneIndex;
+    },
+
+    jumpToSlide: function(slideNumber, automaticPlay) {
+        var slideIndex = slideNumber - 1;
+        var sceneIndex = this.scriptManager.sceneIndexFromSlideIndex(slideIndex);
+
+        // we are jumping to slide, remove all media cache
+        this.resetMediaCache();
+
+        // enable automatic play when the slide it advances to has automatic play
+        // see <rdar://problem/12781266> Next slide does not auto advance when using keyboard to advance without transiti
+        if (automaticPlay == null) {
+            automaticPlay = false;
+        }
+
+        this.jumpToScene(sceneIndex, automaticPlay);
+    },
+
+    jumpToScene: function(sceneIndex, playAnimations) {
+        this.lastSlideViewedIndex = this.scriptManager.slideIndexFromSceneIndex(this.currentSceneIndex);
+        if (sceneIndex === -1) {
+            return;
+        }
+
+        switch (this.state) {
+            case kShowControllerState_Starting:
+                // There is a bug in webkit - cursor not being able to change if sitting idle unless it has been moved
+                // The workaround for the bug without moving the mouse cursor is to change DOM structure to force a redraw
+                // References: http://code.google.com/p/chromium/issues/detail?id=26723
+                var cssText = "position:absolute;background-color:transparent; left:0px; top:0px; width:" + this.displayManager.usableDisplayWidth +"px; height:" + this.displayManager.usableDisplayHeight + "px;";
+                this.starting = true;
+                this.maskElement = document.createElement("div");
+                this.maskElement.setAttribute("style",cssText);
+                document.body.appendChild(this.maskElement);
+
+            case kShowControllerState_IdleAtInitialState:
+            case kShowControllerState_IdleAtFinalState:
+            case kShowControllerState_ReadyToJump:
+                break;
+
+        default:
+            debugMessage(kDebugShowController_JumpToScene, "can't jump now, currently in '" + this.state + "' state which does not supports jumping...");
+            return;
+        }
+
+        if (this.textureManager.isScenePreloaded(sceneIndex) === false) {
+            this.changeState(kShowControllerState_WaitingToJump);
+
+            // loadScene with callback handler and params
+            var sceneToLoadInfo = {
+                sceneIndex: sceneIndex,
+                automaticPlay: playAnimations
+            };
+
+            this.waitForSceneToLoadTimeout = setTimeout(this.handleSceneDidNotLoad.bind(this, sceneToLoadInfo), kMaxSceneDownloadWaitTime);
+            this.textureManager.loadScene(sceneIndex, this.handleSceneDidLoad.bind(this, sceneToLoadInfo));
+
+            return;
+        }
+
+        this.changeState(kShowControllerState_SettingUpScene);
+
+        runInNextEventLoop(this.jumpToScene_partThree.bind(this, sceneIndex, playAnimations));
+    },
+
+    handleSceneDidLoad: function(sceneToLoadInfo) {
+        clearTimeout(this.waitForSceneToLoadTimeout);
+        this.displayManager.setNextButtonEnabled(this.currentSceneIndex < (this.script.pageCount - 1));
+
+        switch (this.state) {
+        case kShowControllerState_WaitingToJump:
+            this.changeState(kShowControllerState_ReadyToJump);
+            this.jumpToScene_partTwo(sceneToLoadInfo.sceneIndex, sceneToLoadInfo.automaticPlay);
+            break;
+
+        default:
+            break;
+        }
+    },
+
+    handleSceneDidNotLoad: function(sceneToLoadInfo) {
+        clearTimeout(this.waitForSceneToLoadTimeout);
+        this.queuedUserAction = null;
+
+        var tryAgain = this.promptUserToTryAgain(kUnableToReachiWorkTryAgain);
+
+        if (tryAgain) {
+            // restarting player with sceneIndex
+            var currentUrl = window.location.href;
+            var croppedUrl;
+            var indexOfRestartParam = currentUrl.indexOf("&restartingSceneIndex");
+
+            if (indexOfRestartParam === -1) {
+                croppedUrl = currentUrl;
+            } else {
+                croppedUrl = currentUrl.substring(0, indexOfRestartParam);
+            }
+
+            var newUrl = croppedUrl + "&restartingSceneIndex=" + sceneToLoadInfo.sceneIndex;
+            window.location.replace(newUrl);
+        } else {
+            this.changeState(kShowControllerState_IdleAtFinalState);
+        }
+    },
+
+    jumpToScene_partTwo: function(sceneIndex, playAnimations) {
+        this.changeState(kShowControllerState_SettingUpScene);
+
+        // state changed (UI controls should disable), run partThree in next event loop
+        runInNextEventLoop(this.jumpToScene_partThree.bind(this, sceneIndex, playAnimations));
+    },
+
+    jumpToScene_partThree: function(sceneIndex, playAnimations) {
+        var delayBeforeNextPart = false;
+
+        if (delayBeforeNextPart) {
+            runInNextEventLoop(this.jumpToScene_partFour.bind(this, sceneIndex, playAnimations));
+        } else {
+            this.jumpToScene_partFour(sceneIndex, playAnimations);
+        }
+    },
+
+    jumpToScene_partFour: function(sceneIndex, playAnimations) {
+        this.displayScene(sceneIndex);
+
+        if (this.starting) {
+            // There is a bug in webkit - cursor not being able to change if sitting idle unless it has been moved
+            // The workaround for the bug without moving the mouse cursor is to change DOM structure to force a redraw
+            // References: http://code.google.com/p/chromium/issues/detail?id=26723
+            if (this.maskElement != null) {
+                document.body.removeChild(this.maskElement);
+                this.maskElement = null;
+                this.starting = false;
+            }
+
+            window.focus();
+        }
+
+        if (this.helpPlacard.isShowing) {
+            this.helpPlacard.hide();
+        }
+        
+        if (this.slideNumberDisplay.isShowing) {
+            this.slideNumberDisplay.hide();
+        }
+        
+        if (this.slideNumberController.isShowing) {
+            if (this.slideNumberTimeout) {
+                clearTimeout(this.slideNumberTimeout);
+            }
+            this.slideNumberTimeout = setTimeout(this.hideAndResetSlideNumberController.bind(this), 500);
+        }
+
+        if (playAnimations) {
+            var script = this.script;
+
+            if (script.showMode === kShowModeAutoplay) {
+                var event = script.events[sceneIndex];
+                var effects = event.effects;
+
+                if (effects && effects.length > 0) {
+                    var delay = effects[0].type === "transition" ? script.autoplayTransitionDelay : script.autoplayBuildDelay;
+
+                    setTimeout((function(){this.playCurrentScene();}).bind(this), delay * 1000);
+                } else {
+                    this.playCurrentScene();
+                }
+            } else {
+                this.playCurrentScene();
+            }
+        } else {
+            this.changeState(kShowControllerState_IdleAtInitialState);
+
+            if (this.isRecording && !this.isRecordingStarted) {
+                this.narrationManager.start();
+                this.isRecordingStarted = true;
+            }
+        }
+    },
+
+    displayScene: function(sceneIndex, hyperlinkEvent) {
+        if (sceneIndex === -1) {
+            return;
+        }
+
+        // remove all css
+        this.animationManager.deleteAllAnimations();
+
+        // clean up media cache if we are advancing to different slide
+        var outgoingSlideIndex = this.scriptManager.slideIndexFromSceneIndex(this.currentSceneIndex);
+        var incomingSlideIndex = hyperlinkEvent ? hyperlinkEvent.slideIndex : this.scriptManager.slideIndexFromSceneIndex(sceneIndex);
+
+        if (outgoingSlideIndex !== incomingSlideIndex) {
+            this.resetMediaCache();
+        }
+
+        // set currentSceneIndex
+        this.setCurrentSceneIndexTo(sceneIndex);
+
+        if (hyperlinkEvent) {
+            this.playbackController.renderEvent(hyperlinkEvent);
+        } else {
+            var slideIndex = this.script.slideIndexFromSceneIndexLookup[sceneIndex];
+            var slideId = this.script.slideList[slideIndex];
+
+            var kpfEvent = new KPFEvent({
+                "slideId": slideId,
+                "slideIndex": slideIndex,
+                "sceneIndex": sceneIndex,
+                "event": this.script.events[sceneIndex],
+                "animationSupported": this.animationSupported
+            });
+
+            this.playbackController.renderEvent(kpfEvent);
+        }
+
+        this.updateNavigationButtons();
+    },
+
+    setCurrentSceneIndexTo: function(sceneIndex) {
+        this.currentSceneIndex = sceneIndex;
+        this.assignNextSceneIndex();
+
+        this.updateSlideNumber();
+        this.updateNavigationButtons();
+    },
+
+    assignNextSceneIndex: function() {
+        this.nextSceneIndex = this.calculateNextSceneIndex(this.currentSceneIndex);
+    },
+
+    calculateNextSceneIndex: function(sceneIndex) {
+        var nextSceneIndex = this.calculateNextSceneIndex_internal(sceneIndex);
+
+        return nextSceneIndex;
+    },
+
+    calculateNextSceneIndex_internal: function(sceneIndex) {
+        var nextSceneIndex = -1;
+
+        if (sceneIndex < this.script.lastSceneIndex) {
+            nextSceneIndex = sceneIndex + 1;
+        } else {
+            if (this.script.loopSlideshow) {
+                nextSceneIndex = 0;
+            } else {
+                nextSceneIndex = -1;
+            }
+        }
+
+        return nextSceneIndex;
+    },
+
+    updateSlideNumber: function() {
+        var adjustedSceneIndex = this.currentSceneIndex;
+
+        if (this.state === kShowControllerState_IdleAtFinalState) {
+            // because we're waiting at end state, we need to add one...
+            adjustedSceneIndex = this.nextSceneIndex;
+        }
+
+        var newSlideIndex = this.scriptManager.slideIndexFromSceneIndex(adjustedSceneIndex);
+
+        if (this.firstSlide) {
+            this.displayManager.hideWaitingIndicator();
+
+            runInNextEventLoop((function() {
+                this.startSoundTrack();
+                this.displayManager.clearLaunchMode();
+            }).bind(this));
+            this.firstSlide = false;
+        }
+
+        if (this.currentSlideIndex != newSlideIndex) {
+            this.previousSlideIndex = this.currentSlideIndex;
+            this.currentSlideIndex = newSlideIndex;
+
+            this.displayManager.updateSlideNumber(this.currentSlideIndex + 1, this.script.slideCount);
+            this.delegate.propertyChanged(kPropertyName_currentSlide, this.currentSlideIndex + 1);
+
+            // fire SlideIndexDidChangeEvent
+            document.fire(kSlideIndexDidChangeEvent, {
+                slideIndex: this.currentSlideIndex
+            });
+        }
+    },
+
+    updateNavigationButtons: function() {
+        var sceneIndexToUse = this.currentSceneIndex;
+
+        if (this.state === kShowControllerState_IdleAtFinalState) {
+            sceneIndexToUse++;
+        }
+
+        this.updateWindowHistory(sceneIndexToUse);
+
+        var enableBackwardButton = false;
+        var enableForwardButton = false
+
+        if (this.script.lastSceneIndex === -1) {
+            // this slideshow has only 1 slide with no builds, both buttons are
+            // disabled
+            enableForwardButton = false;
+            enableBackwardButton = false;
+        } else if (this.script.loopSlideshow) {
+            // this is a looping slideshow, both buttons are ALWAYS enabled
+            enableForwardButton = true;
+            enableBackwardButton = true;
+        } else {
+            if (sceneIndexToUse > 0) {
+                // sceneIndexToUse > 0, so enable backward button
+                enableBackwardButton = true;
+            }
+
+            if (sceneIndexToUse === 0 && this.script.lastSceneIndex === 0) {
+                // sceneIndexToUse & lastSceneIndex are both 0 - show with 1
+                // slide with 1 build, so enable forward button
+                enableForwardButton = true;
+            } else if (this.currentSceneIndex < this.script.lastSceneIndex) {
+                // currentSceneIndex < lastSceneIndex, so enable forward button
+                enableForwardButton = true;
+            } else if (this.currentSceneIndex === this.script.lastSceneIndex) {
+                if (this.state === kShowControllerState_IdleAtInitialState) {
+                    // currentSceneIndex === lastSceneIndex, but we're at the
+                    // intitial state, so enable forward button
+                    enableForwardButton = true;
+                } else {
+                    // currentSceneIndex === lastSceneIndex, and we're at the
+                    // final state, so disable forward button
+                    enableForwardButton = false;
+                }
+            } else {
+                // currentSceneIndex > lastSceneIndex, show with 1 slide and no
+                // builds, so disable forward button
+                enableForwardButton = false;
+            }
+        }
+
+        this.displayManager.setPreviousButtonEnabled(enableBackwardButton);
+        this.displayManager.setNextButtonEnabled(enableForwardButton);
+    },
+
+    playCurrentScene: function(hyperlinkEventInfo) {
+        var previousState = this.state;
+        var sceneIndexToJump;
+        var delay = 0;
+        var duration = this.playbackController.eventOverallEndTime();
+
+        this.changeState(kShowControllerState_Playing);
+
+        this.clearAllHyperlinks();
+
+        if (this.helpPlacard.isShowing) {
+            this.helpPlacard.hide();
+        }
+
+        if (this.slideNumberDisplay.isShowing) {
+            this.slideNumberDisplay.hide();
+        }
+
+        if (hyperlinkEventInfo) {
+            sceneIndexToJump = hyperlinkEventInfo.sceneIndexToJump;
+
+            // clean up media cache if we are playing hyperlink transition
+            this.resetMediaCache();
+        } else {
+            sceneIndexToJump = this.nextSceneIndex;
+
+            // clean up media cache if we are advancing to different slide
+            var outgoingSlideIndex = this.scriptManager.slideIndexFromSceneIndex(this.currentSceneIndex);
+            var incomingSlideIndex = this.scriptManager.slideIndexFromSceneIndex(sceneIndexToJump);
+
+            if (outgoingSlideIndex !== incomingSlideIndex) {
+                this.resetMediaCache();
+            }
+
+            // for transition, the delay time is no longer coded into animations.
+            // set delay time and duration for automaticPlay transition
+            if (this.playbackController.kpfEvent.event.automaticPlay == true && this.playbackController.kpfEvent.event.effects[0].type === "transition") {
+                delay =  this.playbackController.kpfEvent.event.effects[0].beginTime;
+                duration = this.playbackController.kpfEvent.event.effects[0].duration;
+            }
+        }
+
+        if (this.animationSupported) {
+            // animate events
+            // Chrome chokes up in some animations if starting animations immediately after layer drawings all on the main thread
+            // Start animations in a background thread will improve performance
+            // see <rdar://problem/12636430> DEMO: Chrome performance issues with cube, flip, push
+            clearTimeout(this.animateTimeout);
+
+            var effects = this.playbackController.kpfEvent.event.effects;
+
+            // if the event has no effects then no need to render effects
+            if (effects.length === 0) {
+                this.animateTimeout = setTimeout((function(){
+                    setTimeout(this.currentSceneDidComplete.bind(this, sceneIndexToJump), duration * 1000 + 100);
+                }).bind(this), delay * 1000);
+            } else {
+                var renderedEffects;
+                // for performance consideration, render the effects as soon as we start playing so the effects are prepared and ready to animate
+                // for blinds there is an issue with incoming particles on top of ougoing particles
+                // since we don't want to show incoming particles before the animations start, we will render the effect later after delay as an exception case
+                if (effects[0].type === "transition") {
+                    if (isIE || isEdge) {
+                        // Blinds fallback to dissolve on IE so ok to render here without seeing particle in reverse order
+                        renderedEffects = this.playbackController.renderEffects();
+                    } else {
+                        if (effects[0].name != "com.apple.iWork.Keynote.BLTBlinds") {
+                            renderedEffects = this.playbackController.renderEffects();
+                        }
+                    }
+                }
+
+                // account for transition delay and start animating the effects after transition delay
+                this.animateTimeout = setTimeout((function(renderedEffects){
+                    if (renderedEffects == null) {
+                        renderedEffects = this.playbackController.renderEffects();
+                    }
+                    this.playbackController.animateEffects(renderedEffects);
+                    setTimeout(this.currentSceneDidComplete.bind(this, sceneIndexToJump), duration * 1000 + 100);
+                }).bind(this, renderedEffects), delay * 1000);
+            }
+        } else {
+            var automatic = this.script.events[this.currentSceneIndex].automaticPlay;
+
+            if (sceneIndexToJump === -1) {
+                this.updateNavigationButtons();
+                if (this.delegate.getKPFJsonStringForShow) {
+                    if (automatic) {
+                        setTimeout(this.exitShow.bind(this), 2000);
+                    } else {
+                        this.exitShow();
+                    }
+                } else {
+                    this.changeState(kShowControllerState_IdleAtInitialState);
+                }
+            } else {
+                // For IE9, animate current event means jump to next slide since there is no animated end state 
+                if (automatic) {
+                    // For IE9, do a flat 2 sec delay for any automatic event to jump to next scene
+                    setTimeout(
+                         (function(){
+                             this.changeState(kShowControllerState_IdleAtInitialState);
+                             this.jumpToScene(sceneIndexToJump, this.script.events[sceneIndexToJump].automaticPlay);
+                         }).bind(this), 2000);
+                } else {
+                    // if it's not automatic then jump to next scene
+                    this.changeState(kShowControllerState_IdleAtInitialState);
+                    setTimeout(this.jumpToScene.bind(this, sceneIndexToJump, this.script.events[sceneIndexToJump].automaticPlay), 100);
+                }
+            }
+        }
+
+    },
+
+    currentSceneDidComplete: function(sceneIndexToJump) {
+        var script = this.script;
+        var showMode = script.showMode;
+
+        // hide slide number display after playing current scene
+        if (this.slideNumberDisplay.isShowing) {
+            this.slideNumberDisplay.hide();
+        }
+
+        // change state to final after animation completed
+        this.changeState(kShowControllerState_IdleAtFinalState);
+
+        if (showMode == kShowModeHyperlinksOnly || (sceneIndexToJump != -1 && sceneIndexToJump != this.nextSceneIndex)) {
+            // if the show mode is hyperlink only
+            // or if we play hyperlink transition that jumps to a slide which is not its next slide
+            // then jump to the slide after transition
+            var event = script.events[sceneIndexToJump];
+            var automaticPlay = event.automaticPlay == 1 || event.automaticPlay == true;
+            this.jumpToScene(sceneIndexToJump, automaticPlay);
+        } else if (this.nextSceneIndex === -1) {
+            // if next index is -1
+            this.updateNavigationButtons();
+            if (this.delegate.getKPFJsonStringForShow) {
+                this.stopSoundTrack();
+                this.exitShow();
+            } else {
+                this.stopSoundTrack();
+            }
+        } else if (script.events[this.nextSceneIndex].automaticPlay || showMode === kShowModeAutoplay) {
+            // invoking advanceToNextBuild() on next event loop
+            runInNextEventLoop(this.advanceToNextBuild.bind(this, "currentSceneDidComplete"));
+        }
+    },
+
+    resetMediaCache: function() {
+        this.resetMovieCache();
+        this.resetAudioCache();
+    },
+
+    resetMovieCache: function() {
+        for (var movieId in this.movieCache) {
+            delete this.movieCache[movieId].videoElement;
+            delete this.movieCache[movieId];
+        }
+
+        this.movieCache = null;
+    },
+
+    resetAudioCache: function() {
+        for (var audioId in this.audioCache) {
+            this.audioCache[audioId].pause();
+            this.audioCache[audioId].src = "";
+
+            delete this.audioCache[audioId];
+        }
+        this.audioCache = null;
+    },
+
+    updateWindowHistory: function(sceneIndex) {
+        // update url
+        if (typeof(window.history.replaceState) != "undefined") {
+            var currentUrl = document.URL.split("?");
+            var fragments = currentUrl[0].split("#");
+            if (window.location.protocol !== "file:") {
+                window.history.replaceState(null, "Keynote", fragments[0] + "#" + sceneIndex + (currentUrl[1] ? "?" + currentUrl[1] : ""));
+            }
+        }
+    },
+
+    startSoundTrack: function() {
+        if (gMode === kModeMobile) {
+            return;
+        }
+
+        if (this.script.soundtrack == null) {
+            return;
+        }
+
+        if (this.script.soundtrack.tracks == null) {
+            return;
+        }
+
+        if (this.script.soundtrack.mode === kSoundTrackModeOff) {
+            return;
+        }
+
+        this.currentSoundTrackIndex = 0;
+        this.playNextItemInSoundTrack();
+    },
+
+    stopSoundTrack: function() {
+        if (this.soundTrackPlayer) {
+            this.soundTrackPlayer.stopObserving("ended");
+            this.soundTrackPlayer.pause();
+            this.soundTrackPlayer = null;
+        }
+    },
+
+    playNextItemInSoundTrack: function() {
+        var soundtrackUrl = this.script.soundtrack.tracks[this.currentSoundTrackIndex];
+
+        this.soundTrackPlayer = new Audio();
+        this.soundTrackPlayer.src = "../" + soundtrackUrl;
+        this.soundTrackPlayer.volume = this.script.soundtrack.volume;
+        this.soundTrackPlayer.observe("ended", this.soundTrackItemDidComplete.bind(this), false);
+        this.soundTrackPlayer.load();
+        this.soundTrackPlayer.play();
+    },
+
+    soundTrackItemDidComplete: function() {
+        // check to see if there's anything else to play
+        this.currentSoundTrackIndex++;
+        if (this.currentSoundTrackIndex < this.script.soundtrack.tracks.length) {
+            this.playNextItemInSoundTrack();
+        } else {
+            if (this.script.soundtrack.mode === kSoundTrackModePlayOnce) {
+                this.soundTrackPlayer = null;
+            } else if (this.script.soundtrack.mode === kSoundTrackModeLooping) {
+                // nope, but we're in loop mode so take it from the top
+                this.startSoundTrack();
+            }
+        }
+    },
+
+    processHyperlink: function(hyperlink) {
+        var hyperlinkUrl = hyperlink.url;
+        var hyperlinkEffect;
+
+        // perform hyperlink jump
+        if (hyperlinkUrl.indexOf("?slide=") === 0) {
+            var key = hyperlinkUrl.substring(7);
+            var newSlideIndex = -1;
+
+            if (key === "first") {
+                newSlideIndex = 0;
+            } else if (key === "last") {
+                newSlideIndex = this.script.slideCount - 1;
+            } else {
+                var sceneIndexToUse = this.currentSceneIndex;
+                var nextSlideIndex = -1;
+                switch (this.state) {
+                    case kShowControllerState_IdleAtFinalState:
+                        sceneIndexToUse = sceneIndexToUse + 1;
+                    case kShowControllerState_IdleAtInitialState:
+                        var currentSlideIndex = this.scriptManager.slideIndexFromSceneIndex(sceneIndexToUse);
+                        if (key === "next") {
+                            if (currentSlideIndex === this.script.slideCount - 1) {
+                                if (this.script.loopSlideshow) {
+                                    nextSlideIndex = 0;
+                                } else {
+                                    if (this.delegate.getKPFJsonStringForShow) {
+                                        this.exitShow();
+                                    }
+                                }
+                            } else {
+                                nextSlideIndex = currentSlideIndex + 1;
+                            }
+                        } else if (key === "previous") {
+                            if (currentSlideIndex === 0) {
+                                if (this.script.loopSlideshow) {
+                                    nextSlideIndex = this.script.slideCount - 1;
+                                } else {
+                                    nextSlideIndex = 0;
+                                }
+                            } else {
+                                nextSlideIndex = currentSlideIndex - 1;
+                            }
+                        }
+                        break;
+
+                    default:
+                        break;
+                }
+                newSlideIndex = nextSlideIndex;
+
+            }
+
+            if (newSlideIndex != -1) {
+                this.jumpToHyperlinkSlide(newSlideIndex, hyperlink);
+            }
+        } else if (hyperlinkUrl.indexOf("?slideid=") === 0) {
+            // find by slideId
+            var slideId = hyperlinkUrl.substring(9);
+            var slideList = this.script.slideList;
+            var newSlideIndex = -1;
+
+            for (var i = 0, length = slideList.length; i < length; i++) {
+                if (slideList[i] === slideId) {
+                    newSlideIndex = i;
+                    break;
+                }
+            }
+
+            if (newSlideIndex != -1) {
+                this.jumpToHyperlinkSlide(newSlideIndex, hyperlink);
+            }
+        } else if (hyperlinkUrl.indexOf("?action=retreat") === 0) {
+            // jump to the last slide viewed
+            if (this.lastSlideViewedIndex != -1) {
+                this.jumpToHyperlinkSlide(this.lastSlideViewedIndex, hyperlink);
+            }
+        } else if (hyperlinkUrl.indexOf("?action=exitpresentation") === 0) {
+            // exit show
+            this.exitShow();
+        } else if (hyperlinkUrl.indexOf("http:") === 0 || hyperlinkUrl.indexOf("https:") === 0) {
+            // jump to a web page
+            window.open(hyperlinkUrl, "_blank", null);
+        } else if (hyperlinkUrl.indexOf("mailto:") === 0) {
+            // email link
+            window.location = hyperlinkUrl;
+        }
+    },
+
+    jumpToHyperlinkSlide: function(slideIndexToJump, hyperlink) {
+        //var hyperlinkEffects = hyperlink.effects;
+        var hyperlinkEvents = hyperlink.events;
+        var sceneIndexToJump = this.script.sceneIndexFromSlideIndexLookup[slideIndexToJump];
+
+        if (hyperlinkEvents) {
+            // if hyperlink has effect then display scene and use hyperlink event
+            var slideIdToJump = this.script.slideList[slideIndexToJump];
+            var hyperlinkEvent = hyperlinkEvents[slideIdToJump];
+
+            if (hyperlinkEvent) {
+                var sceneIndexOfHyperlink = this.currentSceneIndex;
+
+                switch (this.state) {
+                    case kShowControllerState_IdleAtFinalState:
+                        if (sceneIndexOfHyperlink < this.script.numScenes - 1) {
+                            sceneIndexOfHyperlink = sceneIndexOfHyperlink + 1;
+                        } else {
+                            if (this.script.loopSlideshow) {
+                                sceneIndexOfHyperlink = 0;
+                            }
+                        }
+                    case kShowControllerState_IdleAtInitialState:
+                        var slideIndexOfHyperlink = this.script.slideIndexFromSceneIndexLookup[sceneIndexOfHyperlink];
+                        var slideIdOfHyperlink = this.script.slideList[slideIndexOfHyperlink];
+
+                        var kpfEvent = new KPFEvent({
+                            "slideId": slideIdOfHyperlink,
+                            "slideIndex": slideIndexOfHyperlink,
+                            "sceneIndex": sceneIndexOfHyperlink,
+                            "event": hyperlinkEvent,
+                            "animationSupported": this.animationSupported
+                        });
+
+                        // display scene that contains hyperlink and use hyperlink event
+                        this.displayScene(sceneIndexOfHyperlink, kpfEvent);
+
+                        // play current hyperlink scene
+                        this.playCurrentScene({"sceneIndexToJump": sceneIndexToJump});
+
+                        break;
+
+                    default:
+                        return;
+                }
+            } else {
+                // if no hyperlink effect, just jump to slide
+                var event = this.script.events[sceneIndexToJump];
+                var automaticPlay = event.automaticPlay == 1 || event.automaticPlay == true;
+                this.jumpToSlide(slideIndexToJump + 1, automaticPlay); 
+            }
+        } else {
+            // if no hyperlink effect, just jump to slide
+            var event = this.script.events[sceneIndexToJump];
+            var automaticPlay = event.automaticPlay == 1 || event.automaticPlay == true;
+            this.jumpToSlide(slideIndexToJump + 1, automaticPlay);
+        }
+    },
+
+    addMovieHyperlink: function(targetRectangle, url) {
+        var newHyperlink = {
+            targetRectangle: targetRectangle,
+            url: url
+        };
+        this.movieHyperlinks.push(newHyperlink);
+    },
+
+    clearMovieHyperlinks: function() {
+        delete this.movieHyperlinks;
+        this.movieHyperlinks = new Array();
+    },
+
+    clearAllHyperlinks: function() {
+        this.stageManager.clearAllHyperlinks();
+
+        delete this.activeHyperlinks;
+        this.activeHyperlinks = new Array();
+    },
+
+    findHyperlinkAtCoOrds: function(showCoOrds) {
+        var numHyperlinks = this.activeHyperlinks != null ? this.activeHyperlinks.length : 0;
+
+        for (var i = numHyperlinks; i > 0; i--) {
+            var hyperlink = this.activeHyperlinks[i - 1];
+            var hyperlinkRect = hyperlink.targetRectangle;
+
+            hyperlinkLeft = Math.floor(hyperlinkRect.x);
+            hyperlinkTop = Math.floor(hyperlinkRect.y);
+            hyperlinkRight = hyperlinkLeft + Math.floor(hyperlinkRect.width);
+            hyperlinkBottom = hyperlinkTop + Math.floor(hyperlinkRect.height);
+
+            if ((showCoOrds.pointX >= hyperlinkLeft) && (showCoOrds.pointX <= hyperlinkRight)
+                    && (showCoOrds.pointY >= hyperlinkTop) && (showCoOrds.pointY <= hyperlinkBottom)) {
+                return hyperlink;
+            }
+        }
+
+        return null;
+    },
+
+    createHyperlinksForCurrentState: function(context) {
+        var sceneIndexOfHyperlinks = -1;
+
+        switch (this.state) {
+        case kShowControllerState_IdleAtInitialState:
+            // use current scene index
+            sceneIndexOfHyperlinks = this.currentSceneIndex;
+            break;
+
+        case kShowControllerState_IdleAtFinalState:
+            // idle at final state, grab hyperlink from appropriate scene
+            if (this.currentSceneIndex < this.script.lastSceneIndex) {
+                sceneIndexOfHyperlinks = this.currentSceneIndex + 1;
+            } else {
+                // check if hyperlinks only mode
+                if (this.script.showMode == kShowModeHyperlinksOnly) {
+                    sceneIndexOfHyperlinks = this.currentSceneIndex;
+                } else {
+                    // check if loop slide show
+                    if (this.script.loopSlideshow) {
+                        sceneIndexOfHyperlinks = 0;
+                    }
+                }
+            }
+            break;
+
+        default:
+            break;
+        }
+
+        if (sceneIndexOfHyperlinks != -1) {
+            this.clearAllHyperlinks();
+            this.createHyperlinks(sceneIndexOfHyperlinks);
+        }
+    },
+
+    createHyperlinks: function(hyperlinkSceneIndex) {
+        if (hyperlinkSceneIndex === -1) {
+            return;
+        }
+
+        var eventTimeLine = this.script.events[hyperlinkSceneIndex];
+        if (eventTimeLine == null) {
+            return;
+        }
+
+        var hyperlinks = eventTimeLine.hyperlinks;
+        if (hyperlinks == null) {
+            return;
+        }
+
+        var numHyperlinks = hyperlinks.length;
+        var iHyperlink;
+        var kMinHyperlinkWidth = 150;
+        var kMinHyperlinkHeight = 50;
+        var showWidth = this.displayManager.showWidth;
+        var showHeight = this.displayManager.showHeight;
+
+        for (iHyperlink = 0; iHyperlink < numHyperlinks; iHyperlink++) {
+            var hyperlink = hyperlinks[iHyperlink];
+            var hyperlinkRect = hyperlink.targetRectangle;
+
+            var activeHyperlink = {
+                targetRectangle: hyperlinkRect,
+                events: hyperlink.events,
+                url: hyperlink.url
+            };
+
+            var spaceOnLeft = hyperlinkRect.x;
+            var spaceOnTop = hyperlinkRect.y;
+            var spaceOnRight = showWidth - (hyperlinkRect.x + hyperlinkRect.width);
+            var spaceOnBottom = showHeight - (hyperlinkRect.y + hyperlinkRect.top);
+
+            if (gMode === kModeMobile) {
+                if (hyperlinkRect.width < kMinHyperlinkWidth) {
+                    var deltaWidth = kMinHyperlinkWidth - hyperlinkRect.width;
+                    var leftShift = deltaWidth / 2;
+                    var rightShift = deltaWidth / 2;
+
+                    if (spaceOnLeft < leftShift) {
+                        leftShift = spaceOnLeft;
+                    } else if (spaceOnRight < rightShift) {
+                        leftShift = leftShift + (rightShift - spaceOnRight);
+                    }
+
+                    activeHyperlink.targetRectangle.x -= leftShift;
+                    activeHyperlink.targetRectangle.width += deltaWidth;
+                }
+
+                if (hyperlinkRect.height < kMinHyperlinkHeight) {
+                    var deltaHeight = kMinHyperlinkHeight - hyperlinkRect.height;
+                    var topShift = deltaHeight / 2;
+                    var bottomShift = deltaHeight / 2;
+
+                    if (spaceOnTop < topShift) {
+                        topShift = spaceOnTop;
+                    } else if (spaceOnBottom < bottomShift) {
+                        topShift = topShift + (rightShift - spaceOnRight);
+                    }
+
+                    activeHyperlink.targetRectangle.y -= topShift;
+                    activeHyperlink.targetRectangle.height += deltaHeight;
+                }
+            }
+            this.stageManager.addHyperlink(activeHyperlink.targetRectangle);
+            this.activeHyperlinks[iHyperlink] = activeHyperlink;
+        }
+
+        if (this.movieHyperlinks.length > 0) {
+            for (var iMovieHyperlink = 0; iMovieHyperlink < this.movieHyperlinks.length; iMovieHyperlink++) {
+                var movieHyperlink = this.movieHyperlinks[iMovieHyperlink];
+
+                this.stageManager.addHyperlink(movieHyperlink.targetRectangle);
+                this.activeHyperlinks[iHyperlink++] = movieHyperlink;
+            }
+        }
+    }
+
+});

assets/player/SlideManager.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9f45437168a14fc80c5963c21c38fa40f11af08a57189b52bd33a185557ddad4
-size 1603
+var SlideManager=Class.create({initialize:function(c){this.header=c.header;this.slides={};for(var a=0,b=this.header.slideList.length;a<b;a++){this.slides[this.header.slideList[a]]={downloaded:false,script:{},retry:0}}},getSlides:function(d,b){for(var a=0,c=d.length;a<c;a++){var e=d[a];this.slides[e].downloaded=true;this.slides[e].script=JSON.parse(b.getKPFJsonStringForSlideIndex(a));this.slides[e].originalScript=JSON.parse(b.getKPFJsonStringForSlideIndex(a));document.fire(kSlideDidDownloadEvent,{id:e})}},downloadSlides:function(c){for(var a=0,b=c.length;a<b;a++){this.downloadSlide(c[a])}},downloadSlide:function(b){var c="../"+b+"/"+b+".json";if(window.location.protocol==="file:"){c=c+"p";if(window.local_slide==null||window.local_slide==undefined){window.local_slide=(function(d){this.slideDidDownload(null,d,true)}).bind(this)}var a=document.createElement("script");a.setAttribute("src",c);document.head.appendChild(a)}else{new Ajax.Request(c,{method:"get",onSuccess:this.slideDidDownload.bind(this,b),onFailure:this.slideDidNotDownload.bind(this,b)})}},slideDidDownload:function(c,b,a){if(a){c=b.name;this.slides[c].script=b.json;this.slides[c].originalScript=JSON.parse(JSON.stringify(b.json))}else{this.slides[c].script=JSON.parse(b.responseText);this.slides[c].originalScript=JSON.parse(b.responseText)}this.slides[c].downloaded=true;document.fire(kSlideDidDownloadEvent,{id:c})},slideDidNotDownload:function(){var a=arguments[0];if(arguments[1].status!=200){if(this.slides[a].retry<1){this.downloadSlide(a);this.slides[a].retry++}else{document.fire(kSlideDidNotDownloadEvent,{id:a})}}}});

assets/player/SlideNumberController.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:804f3d0fb6dfbb0773a2f6f1906656da3305e02907f4a923e2b3aa82ba390e17
-size 1574
+var SlideNumberController=Class.create({initialize:function(a,b){this.domNode=a;this.width=120;this.height=110;this.slideNumberLabel=document.createElement("div");this.slideNumberLabel.setAttribute("class","slideNumberLabel");if(b){this.slideNumberLabel.innerHTML=b}else{this.slideNumberLabel.innerHTML="Press Return to go to slide:"}this.slideNumberDigit=document.createElement("div");this.slideNumberDigit.setAttribute("class","slideNumberDigit");this.domNode.appendChild(this.slideNumberLabel);this.domNode.appendChild(this.slideNumberDigit);this.isShowing=false},setPosition:function(b,a){this.domNode.style.left=b+"px";this.domNode.style.top=a+"px"},setSlideNumber:function(a){this.slideNumberDigit.innerHTML=a},show:function(){this.isShowing=true;this.domNode.style.display="block";this.domNode.style.opacity=1},hide:function(){this.isShowing=false;this.domNode.style.display="none";this.domNode.style.opacity=0}});var SlideNumberDisplay=Class.create({initialize:function(a){this.domNode=a;this.width=100;this.height=100;this.slideNumberDigit=document.createElement("div");this.slideNumberDigit.setAttribute("class","slideNumberDisplayDigit");this.domNode.appendChild(this.slideNumberDigit);this.isShowing=false},setPosition:function(b,a){this.domNode.style.left=b+"px";this.domNode.style.top=a+"px"},setSlideNumber:function(a){this.slideNumberDigit.innerHTML=a},show:function(a){this.isShowing=true;this.domNode.style.display="block";this.domNode.style.opacity=1},hide:function(){this.isShowing=false;this.domNode.style.display="none";this.domNode.style.opacity=0}});

assets/player/StageManager.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6632cecf853f8167cc684c80fa9d0495fbf16ea15ab1a6863b3f28c7cd7b2b86
-size 2482
+var kStageIsReadyEvent="StageManager:StageIsReadyEvent";var StageManager=Class.create({initialize:function(a,b){this.textureManager=a;this.scriptManager=b;this.stage=document.getElementById("stage");this.hyperlinkPlane=document.getElementById("hyperlinkPlane");this.stageWidth=0;this.stageHeight=0;this.showWidth=0;this.showHeight=0;this.audioTrackOffset=0;this.audioTrackIconSize=0;document.observe(kShowSizeDidChangeEvent,this.handleShowSizeDidChangeEvent.bind(this));document.observe(kStageSizeDidChangeEvent,this.handleStageSizeDidChangeEvent.bind(this))},removeTexture:function(a){a.parentNode.removeChild(a)},addHyperlink:function(b){var a=document.createElement("div");setElementProperty(a,"pointer-events","all");a.setAttribute("class","hyperlink");a.style.left=b.x+"px";a.style.top=b.y+"px";a.style.width=b.width+"px";a.style.height=b.height+"px";this.hyperlinkPlane.appendChild(a)},clearAllHyperlinks:function(){var a;while(this.hyperlinkPlane.childNodes.length>0){this.hyperlinkPlane.removeChild(this.hyperlinkPlane.firstChild)}this.audioTrackOffset=this.audioTrackSpacer},handleStageSizeDidChangeEvent:function(a){this.stageWidth=a.memo.width;this.stageHeight=a.memo.height;this.adjustStageToFit(this.stage);this.adjustStageToFit(this.hyperlinkPlane)},handleShowSizeDidChangeEvent:function(a){this.showWidth=a.memo.width;this.showHeight=a.memo.height;this.adjustStageToFit(this.stage);this.adjustStageToFit(this.hyperlinkPlane);this.audioTrackIconSize=this.showHeight/4;this.audioTrackSpacer=this.audioTrackIconSize/4;this.audioTrackOffset=this.audioTrackSpacer},adjustStageToFit:function(b){if((this.showWidth!=0)&&(this.stageWidth!=0)){var d=this.stageHeight/this.showHeight;var f=this.stageWidth/this.showWidth;var a="scaleX("+f+") scaleY("+d+")";var e=20;var c=Math.tan(Math.PI/180*e/2)*15*(this.showWidth>this.showHeight?this.showHeight:this.showWidth);this.perspective=c;setElementProperty(b,kTransformOriginPropertyName,kTransformOriginCenterPropertyValue);setElementProperty(b,kTransformPropertyName,a);setElementProperty(b,kPerspectiveOriginPropertyName,kTransformOriginCenterPropertyValue);setElementProperty(b,kTransformStylePropertyName,kTransformStylePreserve3DPropertyValue);setElementPosition(b,(d-1)*this.showHeight/2,(f-1)*this.showWidth/2,this.showWidth,this.showHeight);document.fire(kStageIsReadyEvent,{})}},debugGetStageStatistics:function(){var a={numTextures:0,numPixels:0,numDegraded:0};this.debugRecursivelyWalkDomFrom(this.stage,a);return a}});

assets/player/TSDAnimation.js

@@ -1,3 +1,92 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:29167429c82725b33836870ce65eed621dc28a0bb023f34a61ac3fe1317faea5
-size 2761
+/*
+ * TSDAnimation.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2016 Apple Inc. All rights reserved.
+ */
+
+// Stuff from TSDAnimation.h
+
+// Common acceleration values.
+var KNAnimationActionAcceleration = {
+    kSFXActionAccelerationNone: 0,
+    kSFXActionAccelerationEaseIn: 1,
+    kSFXActionAccelerationEaseOut: 2,
+    kSFXActionAccelerationEaseBoth: 3,
+    kSFXActionAccelerationCustom: 4
+};
+
+//Standard action build effect names.
+var KNActionOpacityName = "apple:action-opacity";
+var KNActionMotionPathName = "apple:action-motion-path";
+var KNActionRotationName = "apple:action-rotation";
+var KNActionScaleName = "apple:action-scale";
+
+// Emphasis action build effect names.
+var KNActionPopName = "apple:action-pop";
+var KNActionPulseName = "apple:action-pulse";
+var KNActionBlinkName = "apple:action-blink";
+var KNActionFlipName = "apple:action-flip";
+var KNActionBounceName = "apple:action-bounce";
+var KNActionJiggleName = "apple:action-jiggle";
+
+//Global directions
+var KNDirection = {
+    kKNDirectionNone: 0,
+    kKNDirectionLeftToRight: 11,
+    kKNDirectionRightToLeft: 12,
+    kKNDirectionTopToBottom: 13,
+    kKNDirectionBottomToTop: 14,
+    kKNDirectionUpperLeftToBottomRight: 21,
+    kKNDirectionUpperRightToBottomLeft: 22,
+    kKNDirectionLowerLeftToUpperRight: 23,
+    kKNDirectionLowerRightToUpperLeft: 24,
+    kKNDirectionClockwise: 31,
+    kKNDirectionCounterclockwise: 32,
+    kKNDirectionIn: 41,
+    kKNDirectionOut: 42,
+    kKNDirectionUp: 43,
+    kKNDirectionDown: 44,
+    kKNDirectionStartToEnd: 51,
+    kKNDirectionEndToStart: 52,
+    kKNDirectionMiddleToEnds: 53,
+    kKNDirectionEndsToMiddle: 54,
+    kKNDirectionRandom: 91,
+    kKNDirectionAlternating: 92,
+    kKNDirectionSimultaneous: 93,
+    kKNDirectionBCForward: 111,
+    kKNDirectionBCBackward: 112,
+    kKNDirectionBCRandom: 113,
+    kKNDirectionBCCenter: 114,
+    kKNDirectionBCEdges: 115,
+    kKNDirectionGravity: 121,
+    kKNDirectionNoGravity: 122
+};
+
+// end of TSDAnimation.h
+
+// Stuff from TSDAnimation.m
+var kKNAnimationStringTypeNone = "None";
+var kKNAnimationStringTypeBuildIn = "In";
+var kKNAnimationStringTypeBuildOut = "Out";
+var kKNAnimationStringTypeTransition = "Transition";
+var kKNAnimationStringTypeActionBuild = "Action";
+
+function KNEffectIsActionEffect(effect) {
+    if ([KNActionOpacityName, KNActionMotionPathName, KNActionRotationName, KNActionScaleName].indexOf(effect) > -1) {
+        return true;
+    } else {
+        return false;
+    }
+}
+
+function KNEffectIsEmphasisEffect(effect) {
+    if ([KNActionPopName, KNActionPulseName, KNActionBlinkName, KNActionFlipName, KNActionBounceName, KNActionJiggleName].indexOf(effect) > -1) {
+        return true;
+    } else {
+        return false;
+    }
+}
+
+// end of TSDAnimation.m

assets/player/TextureManager.js

@@ -1,3 +1 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0fa34c7e1e40e795a04f8aabb1404f78603e8b4ca5c8c5f43c3147a3c3a3290e
-size 8074
+var TextureManager=Class.create({initialize:function(a){this.script=null;this.showUrl=a;this.slideCache={};this.sceneDidLoadCallbackHandler=null;this.viewScale=1;document.observe(kScriptDidDownloadEvent,(function(b){this.handleScriptDidDownloadEvent(b)}).bind(this),false)},setSceneDidLoadCallbackHandler:function(a,b){this.sceneDidLoadCallbackHandler={handler:a,sceneIndex:b}},processTextureDidLoadCallback:function(d,b){if(this.sceneDidLoadCallbackHandler==null){return}var c=this.sceneDidLoadCallbackHandler.sceneIndex;var a=this.script.slideIndexFromSceneIndexLookup[c];if(a!=b){return}if(this.isSlidePreloaded(b)){this.callSceneDidLoadCallback();setTimeout(function(){this.destroyPDFDocument(b)}.bind(this),5000)}},destroyPDFDocument:function(c){var b=this.slideCache[c];if(b){var a=b.pdf;if(a){a.destroy();delete this.slideCache[c].pdf}}},processSlideDidLoadCallback:function(b){if(this.sceneDidLoadCallbackHandler==null){return}var c=this.sceneDidLoadCallbackHandler.sceneIndex;var a=this.script.slideIndexFromSceneIndexLookup[c];if(a!=b){return}this.callSceneDidLoadCallback()},processSceneDidLoadCallback:function(a){if(this.sceneDidLoadCallbackHandler&&a===this.sceneDidLoadCallbackHandler.sceneIndex&&this.isScenePreloaded(a)){this.callSceneDidLoadCallback()}},callSceneDidLoadCallback:function(){this.sceneDidLoadCallbackHandler.handler();this.sceneDidLoadCallbackHandler=null},loadScene:function(c,a){if(c<0||c>this.script.numScenes){return}if(a){this.setSceneDidLoadCallbackHandler(a,c)}var b=this.script.slideIndexFromSceneIndexLookup[c];if(usePDF){this.requestPdfDocument(b)}else{this.requestSlideSvgmap(b)}},preloadScenes:function(a){for(var c in a){var b=this.script.slideIndexFromSceneIndexLookup[c];if(b==null){continue}if(this.slideCache.hasOwnProperty(b)===false){this.loadScene(c)}}},isSlidePreloaded:function(b){var a=false;if(this.slideCache[b]){a=true;for(var c in this.slideCache[b].textureRequests){if(this.slideCache[b].textureRequests[c]===false){a=false;break}}}return a},isScenePreloaded:function(c){var b=this.script.slideIndexFromSceneIndexLookup[c];var a=this.isSlidePreloaded(b);return a},handleScriptDidDownloadEvent:function(a){this.script=a.memo.script;this.delegate=a.memo.delegate},requestPdfDocument:function(g){if(!this.slideCache[g]){this.slideCache[g]={textureAssets:{},textureRequests:{},pdf:null,requested:false}}var f=this.script.slideList[g];if(!this.slideCache[g].requested){var d=this.script.slides[f];var i=d.assets;for(var a in i){var e=i[a];if(e.type==="texture"){this.slideCache[g].textureRequests[a]=false}}}else{if(this.isSlidePreloaded(g)){this.processSlideDidLoadCallback(g)}return}var b=this.showUrl+f+"/assets/"+f+".pdf";var c={slideId:f,slideIndex:g};this.slideCache[g].requested=true;if(window.location.protocol==="file:"){b=b+"p";if(window.local_pdf==null||window.local_pdf==undefined){window.local_pdf=function(j){this.handleRequestLocalPdfCallback(j)}.bind(this)}var h=document.createElement("script");h.setAttribute("src",b);document.head.appendChild(h)}else{PDFJS.getDocument(b).then(this.handleRequestPdfDocumentCompleted.bind(this,c))}},handleRequestLocalPdfCallback:function(b){var a=b.slide;var d=this.script.slideList.indexOf(a);var e=atob(b.pdf);var c={slideId:a,slideIndex:d};PDFJS.getDocument({data:e}).then(this.handleRequestPdfDocumentCompleted.bind(this,c))},handleRequestPdfDocumentCompleted:function(d,b){var i=d.slideId;var j=d.slideIndex;var f=this.script.slides[i];var l=f.assets;this.slideCache[j]["pdf"]=b;for(var a in l){var h=l[a];if(h.type!=="texture"){continue}var g=this.urlForTexture(a,i);var m=/(?:\.([^.]+))?$/;var c=m.exec(g)[1];if(c.toLowerCase()==="pdf"){var k=h.index+1;b.getPage(k).then(this.handleRequestPdfPageCompleted.bind(this,a,j))}else{var e=new Image();Event.observe(e,"load",this.handleImageOnloadEvent.bind(this,a,j));e.src=g}}},handleRequestPdfPageCompleted:function(a,i,h){var g=h.getViewport(pdfScaleFactor);var d=document.createElement("canvas");var c=d.getContext("2d");d.height=g.height;d.width=g.width;var e={canvasContext:c,background:"rgba(0, 0, 0, 0)",viewport:g};var f=this;var b=h.render(e);var j=b._internalRenderTask.callback;b._internalRenderTask.callback=function(k){j.call(this,k);f.slideCache[i].textureAssets[a]=d;f.slideCache[i].textureRequests[a]=true;f.processTextureDidLoadCallback(a,i)}},requestSlideSvgmap:function(g){if(!this.slideCache[g]){this.slideCache[g]={};this.slideCache[g].textureAssets={};this.slideCache[g].textureRequests={}}var f=this.script.slideList[g];if(!this.slideCache[g]["svgmap"]){var d=this.script.slides[f];var i=d.assets;for(var a in i){var e=i[a];if(e.type==="texture"){this.slideCache[g].textureRequests[a]=false}}}else{if(this.isSlidePreloaded(g)){this.processSlideDidLoadCallback(g)}return}var c=this.showUrl+f+"/assets/"+f+".svgmap";if(window.location.protocol==="file:"){c=c+"p";if(window.svgmap==null||window.svgmap==undefined){window.svgmap=this.handleRequestSlideSvgmapCompleted.bind(this,null,true)}var h=document.createElement("script");h.setAttribute("src",c);document.head.appendChild(h)}else{var b={slideId:f,slideIndex:g};new Ajax.Request(c,{method:"get",onSuccess:this.handleRequestSlideSvgmapCompleted.bind(this,b,false)})}},handleRequestSlideSvgmapCompleted:function(n,l,f){var d;var a;if(l){d=f.slide;a=f.svg}else{d=n.slideId;a=JSON.parse(f.responseText)}var o=this.script.slideList.indexOf(d);var b=this.script.slides[d];var e=b.assets;this.slideCache[o]["svgmap"]=a;for(var r in e){var j=e[r];if(j.type!=="texture"){continue}var h=this.urlForTexture(r,d);var m=h.split("/");var g=m.length;var c=m[g-1];var p=c.split(".");var i=p[p.length-1];if(i==="svgmap"){var k=a[j.index];var n={textureId:r,slideId:d,slideIndex:o};this.handleFetchCompleted(n,k)}else{var q=new Image();Event.observe(q,"load",this.handleImageOnloadEvent.bind(this,r,o));q.src=h}}},handleFetchCompleted:function(q,k){var a=this.viewScale;var s=q.textureId;var b=q.slideId;var r=q.slideIndex;var c=new DOMParser();var l=this.showUrl+b+"/assets/";var h=c.parseFromString(k,"text/xml");var g=h.documentElement.getAttribute("viewBox").split(" ");var f=g[2];var m=g[3];var d=h.getElementsByTagName("image");for(var n=0,e=d.length;n<e;n++){var p=d[n];var o=p.getAttributeNS("http://www.w3.org/1999/xlink","href");p.setAttributeNS("http://www.w3.org/1999/xlink","href",l+o)}var j=document.importNode(h.documentElement,true);j.setAttributeNS("http://www.w3.org/2000/svg","width",f);j.setAttributeNS("http://www.w3.org/2000/svg","height",m);this.slideCache[r].textureAssets[s]=j;this.slideCache[r].textureRequests[s]=true;this.processTextureDidLoadCallback(s,r)},handleImageOnloadEvent:function(d,c,b){b=b||window.event;var a=b.target||b.srcElement;this.slideCache[c].textureAssets[d]=a;this.slideCache[c].textureRequests[d]=true;this.processTextureDidLoadCallback(d,c)},getTextureObject:function(d,c){var a;var b=this.script.slideIndexFromSceneIndexLookup[d];if(this.slideCache[b]){a=this.slideCache[b].textureAssets[c]}return a},getTextureInfo:function(e,d){var c=this.script.slideIndexFromSceneIndexLookup[e];if(c==null){return null}var a=this.script.slideList[c];var b=this.script.slides[a].assets[d];return b},getTextureUrl:function(d,c){var b=this.script.slideIndexFromSceneIndexLookup[d];if(b==null){return null}var a=this.script.slideList[b];return this.urlForTexture(c,a)},getMovieUrl:function(d,c){var b=this.script.slideIndexFromSceneIndexLookup[d];if(b==null){return null}var a=this.script.slideList[b];return this.urlForAsset(c,a)},urlForAsset:function(e,c){var b="";var d=this.script.slides[c].assets[e];if(d==null){return b}var a;if(usePDF){a=d.url["native"]}else{a=d.url.web}if((a!=null)&&(a!="")){if(a.toLowerCase().substring(0,4)==="http"){b=a}else{b=this.showUrl+(c?c+"/":"")+a}}return b},urlForTexture:function(b,a){return this.generateUrl(b,a,false)},generateUrl:function(e,b){var a="";var c="";var d=this.script.slides[b].assets[e];if(!d){return a}if(usePDF){c=d.url["native"]}else{c=d.url.web}if((c!=null)&&(c!="")){if(c.toLowerCase().substring(0,4)==="http"){a=c}else{a=this.showUrl+(b?b+"/":"")+c}}return a}});

assets/player/TouchController.js

@@ -1,3 +1,276 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3303249ccf4e718f93b6d7e1116906841d52fe36c70dbbdfcac4c5e6d66d1cf1
-size 10850
+/*
+ * TouchController.js
+ * Keynote HTML Player
+ * 
+ * Responsibility: Tungwei Cheng
+ * Copyright (c) 2009-2013 Apple Inc. All rights reserved.
+ */
+
+// iPhone Event Name Constants:
+// -----------------------------
+var kTouchStartEventName = "touchstart";
+var kTouchMoveEventName = "touchmove";
+var kTouchEndEventName = "touchend";
+var kTouchCancelEventName = "touchcancel";
+var kGestureStartEventName = "gesturestart";
+var kGestureEndEventName = "gestureend";
+
+// Class: TouchController
+// ===============================================================
+var kSwipeEvent = "TouchController:SwipeEvent";
+var kTapEvent = "TouchController:TapeEvent";
+
+var TouchController = Class.create({
+    initialize: function() {
+        // observe touch events
+        document.observe(kTouchStartEventName, this.handleTouchStartEvent.bind(this));
+        document.observe(kTouchMoveEventName, this.handleTouchMoveEvent.bind(this));
+        document.observe(kTouchEndEventName, this.handleTouchEndEvent.bind(this));
+        document.observe(kTouchCancelEventName, this.handleTouchCancelEvent.bind(this));
+
+        // observe gesture events
+        document.observe(kGestureStartEventName, this.handleGestureStartEvent.bind(this));
+        document.observe(kGestureEndEventName, this.handleGestureEndEvent.bind(this));
+
+        this.swipeInProgress = false;
+        this.swipeFingerCount = 0;
+
+        this.swipeStartTime = 0;
+        this.swipeStartX = 0;
+        this.swipeStartY = 0;
+
+        this.preventDefault = true;
+
+        this.tapEventCallback = null;
+
+        this.setTrackArea(0, 0, 0, 0);
+
+        this.enableTouchTracking = true;
+    },
+
+    setTouchTrackingEnabled: function(isEnabled) {
+        this.enableTouchTracking = isEnabled;
+    },
+
+    setTrackArea: function(left, top, width, height) {
+        debugMessage(kDebugTouchController_SetTrackArea, "left: " + left + " top: " + top + " width: " + width + " height: " + height);
+
+        this.trackAreaLeft = left;
+        this.trackAreaTop = top;
+        this.trackAreaRight = left + width;
+        this.trackAreaBottom = top + height;
+    },
+
+    registerTapEventCallback: function(tapEventCallback) {
+        this.tapEventCallback = tapEventCallback;
+    },
+
+    isTouchWithinTrackArea: function(touch) {
+        debugMessage(kDebugTouchController_IsTouchWithinTrackArea, "checking...");
+
+        if (this.enableTouchTracking === false) {
+            debugMessage(kDebugTouchController_IsTouchWithinTrackArea, "- nope, tracking is disabled");
+            return false;
+        }
+
+        if (touch.clientX < this.trackAreaLeft) {
+            debugMessage(kDebugTouchController_IsTouchWithinTrackArea, "- nope, x < left");
+            return false;
+        }
+
+        if (touch.clientX > this.trackAreaRight) {
+            debugMessage(kDebugTouchController_IsTouchWithinTrackArea, "- nope, x > right");
+            return false;
+        }
+
+        if (touch.clientY < this.trackAreaTop) {
+            debugMessage(kDebugTouchController_IsTouchWithinTrackArea, "- nope, y < top");
+            return false;
+        }
+
+        if (touch.clientY > this.trackAreaBottom) {
+            debugMessage(kDebugTouchController_IsTouchWithinTrackArea, "- nope, y > bottom");
+            return false;
+        }
+
+        debugMessage(kDebugTouchController_IsTouchWithinTrackArea, "- yes it is!");
+        return true;
+    },
+
+    handleTouchStartEvent: function(event) {
+        debugMessage(kDebugTouchController_HandleTouchStartEvent, "touch event has " + event.touches.length + " fingers...");
+
+        if (this.swipeInProgress === false) {
+            debugMessage(kDebugTouchController_HandleTouchStartEvent, "- this is the first finger down event...");
+
+            var startTouch = event.touches[0];
+
+            if (this.isTouchWithinTrackArea(startTouch)) {
+                debugMessage(kDebugTouchController_HandleTouchStartEvent, "- start tracking a swipt event...");
+
+                if (this.preventDefault) {
+                    event.preventDefault();
+                }
+
+                this.swipeInProgress = true;
+                this.swipeFingerCount = event.touches.length;
+
+                this.swipeStartTime = new Date();
+                this.swipeStartX = startTouch.clientX;
+                this.swipeStartY = startTouch.clientY;
+
+            } else {
+                debugMessage(kDebugTouchController_HandleTouchStartEvent, "- but it is outside of the track area");
+            }
+        } else {
+            debugMessage(kDebugTouchController_HandleTouchStartEvent, "- this is a subsequent finger down event. update finger count...");
+            if (event.touches.length > this.swipeFingerCount) {
+                this.swipeFingerCount = event.touches.length;
+                debugMessage(kDebugTouchController_HandleTouchStartEvent, "- this.swipeFingerCount:" + this.swipeFingerCount);
+            }
+        }
+    },
+
+    handleTouchMoveEvent: function(event) {
+        if (this.preventDefault) {
+            event.preventDefault();
+        }
+
+        debugMessage(kDebugTouchController_HandleTouchCancelEvent, "");
+    },
+
+    handleTouchEndEvent: function(event) {
+        debugMessage(kDebugTouchController_HandleTouchEndEvent, "touch event has " + event.touches.length + " fingers...");
+
+        if (this.swipeInProgress) {
+            if (this.preventDefault) {
+                event.preventDefault();
+            }
+
+            if (event.touches.length === 0) {
+                debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  " + this.swipeFingerCount + " finger swipe is complete.");
+
+                var endTouch = event.changedTouches[0];
+
+                var viewport = document.viewport.getDimensions();
+                var minSwipeDistance = viewport.width / 3.0;
+                var maxVerticalMagnitude = viewport.height / 3.0;
+                var maxHorizontalMagnitude = viewport.width / 3.0;
+
+                var deltaX = endTouch.clientX - this.swipeStartX;
+                var deltaY = endTouch.clientY - this.swipeStartY;
+
+                var magnitudeX = Math.abs(deltaX);
+                var magnitudeY = Math.abs(deltaY);
+
+                var touchEndTime = new Date();
+
+                var elapsedTime = touchEndTime - this.swipeStartTime;
+                var tapIsGood = false;
+                var swipeIsGood = false;
+
+                // First Check for a "tap"
+
+                var kMaxTapTime = 400;
+                var kMaxTapMagnitude = 20;
+
+                if (elapsedTime < kMaxTapTime) {
+                    debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  elapsed time was short enough to be a tap, check its magnitude...");
+
+                    if ((magnitudeX < kMaxTapMagnitude) && (magnitudeY < kMaxTapMagnitude)) {
+                        tapIsGood = true;
+                    } else {
+                        debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  magnitude time too big to be a tap, check if it's a swipe...");
+                    }
+                } else {
+                    debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  elapsed time too long to be a tap, check if it's a swipe...");
+                }
+
+                if (elapsedTime > 800) {
+                    debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  elapsed time too long to be a swipe, ignoring...");
+                } else {
+                    if (magnitudeX > magnitudeY) {
+                        if (magnitudeY > maxVerticalMagnitude) {
+                            debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  vertical magnitude too high, ignoring...");
+                        } else {
+                            swipeIsGood = true;
+                        }
+                    } else {
+                        if (magnitudeX > maxHorizontalMagnitude) {
+                            debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  horizontal magnitude too high, ignoring...");
+                        } else {
+                            swipeIsGood = true;
+                        }
+                    }
+                }
+
+                if (tapIsGood) {
+                    debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  it's a " + this.swipeFingerCount + " finger tap");
+
+                    if (this.tapEventCallback) {
+                        var event = {};
+
+                        event.memo = {};
+                        event.memo.fingers = this.swipeFingerCount;
+                        event.memo.pointX = endTouch.clientX;
+                        event.memo.pointY = endTouch.clientY;
+
+                        debugMessage(kDebugTouchController_HandleTouchEndEvent, "- invoking callback with pointX: " + endTouch.clientX + " pointY: " + endTouch.clientY + "...");
+
+                        this.tapEventCallback(event);
+
+                        debugMessage(kDebugTouchController_HandleTouchEndEvent, "- back from callback");
+                    } else {
+                        debugMessage(kDebugTouchController_HandleTouchEndEvent, "- firing TapEvent...");
+
+                        document.fire(kTapEvent, {
+                            fingers: this.swipeFingerCount,
+                            pointX: endTouch.clientX,
+                            pointY: endTouch.clientY
+                        });
+                    }
+                } else if (swipeIsGood) {
+                    var direction;
+
+                    if (magnitudeX > magnitudeY) {
+                        direction = (deltaX < 0 ? "left" : "right");
+                    } else {
+                        direction = (deltaY < 0 ? "up" : "down");
+                    }
+                    debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  it's a " + this.swipeFingerCount + " finger swipe in the " + direction + " direction");
+                    document.fire(kSwipeEvent, {
+                        direction: direction,
+                        fingers: this.swipeFingerCount
+                    });
+                }
+
+                this.swipeInProgress = false;
+                this.swipeFingerCount = 0;
+            }
+        } else {
+            debugMessage(kDebugTouchController_HandleTouchEndEvent, "-  false alarm. swipe has already ended.");
+        }
+    },
+
+    handleTouchCancelEvent: function(event) {
+        debugMessage(kDebugTouchController_HandleTouchCancelEvent, "");
+
+        this.swipeInProgress = false;
+    },
+
+    handleGestureStartEvent: function(event) {
+        debugMessage(kDebugTouchController_HandleGestureStartEvent, "");
+
+        if (this.preventDefault) {
+            event.preventDefault();
+        }
+    },
+
+    handleGestureEndEvent: function(event) {
+        debugMessage(kDebugTouchController_HandleGestureEndEvent, "");
+
+        if (this.preventDefault) {
+            event.preventDefault();
+        }
+    }
+});

assets/player/Utilities.js

@@ -1,3 +1,286 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e2ffd6d21f60babb4d01bf9866579e8356287624daf588dbe0c5eef192b28bab
-size 8162
+/*
+ * Utilities.js
+ * Keynote HTML Player
+ * 
+ * Responsibility: Tungwei Cheng
+ * Copyright (c) 2009-2013 Apple Inc. All rights reserved.
+ */
+
+var s = Class.create({
+   initialize: function(){}
+});
+
+function getMobileOSVersionInfo() {
+    var match = navigator.userAgent.match(/iPhone OS ([\d_]+)/) || navigator.userAgent.match(/iPad OS ([\d_]+)/) || navigator.userAgent.match(/CPU OS ([\d_]+)/);
+    var versionInfo = { major: 0, minor: 0, point: 0 };
+
+	if (match) {
+        var release = match[1].split('_');
+        versionInfo.major = parseInt(release[0]);
+
+        if (release.length > 1) {
+            versionInfo.minor = parseInt(release[1]);
+        }
+
+        if (release.length > 2) {
+            versionInfo.point = parseInt(release[2]);
+        }
+    }
+
+    return versionInfo;
+}
+
+function isMobileSafari() {
+    if (navigator.userAgent.indexOf('iPod') != -1) {
+        return true;
+    }
+    else if (navigator.userAgent.indexOf('iPhone') != -1) {
+        return true;
+    }
+    else if (navigator.userAgent.indexOf('iPad') != -1) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+
+function isiPad() {
+    return (navigator.userAgent.indexOf('iPad') != -1);
+}
+
+function getUrlParameter(paramterName) {
+    paramterName = paramterName.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
+
+    var regExpPattern = "[\\?&]" + paramterName + "=([^&#]*)";
+    var regExp = new RegExp(regExpPattern);
+    var results = regExp.exec(window.location.href);
+
+    if (results == null) {
+        return "";
+    } else {
+        return results[1];
+    }
+}
+
+function setElementProperty(node, propertyName, propertyValue) {
+    if (browserPrefix == "ms") {
+        node.style[propertyName] = propertyValue;
+    } else {
+        node.style.setProperty(propertyName, propertyValue, null);
+    }
+}
+
+function setElementOpaque(element) {
+    element.style.opacity = 1;
+}
+
+function setElementTransparent(element) {
+    element.style.opacity = 0;
+}
+
+function setElementPosition(element, top, left, width, height) {
+    if (element == null) {
+        window.console.log("null element passed to setElementPosition " + top + ", " + left + ", " + width + ", " + height);
+        return;
+    }
+    element.style.top = top + "px";
+    element.style.left = left + "px";
+    element.style.width = width + "px";
+    element.style.height = height + "px";
+}
+
+function setElementRect(element, rect) {
+    if (element == null) {
+        return;
+    }
+    element.style.top = rect.y;
+    element.style.left = rect.x;
+    element.style.width = rect.width;
+    element.style.height = rect.height;
+}
+
+function centerElementInDiv (element, elementWidth, elementHeight, divWidth, divHeight) {
+    if (element == null) {
+        return;
+    }
+
+    var top = (divHeight - elementHeight) / 2;
+    var left = (divWidth  - elementWidth) / 2;
+
+    setElementPosition( element, top, left, elementWidth, elementHeight );
+}
+
+function showElement(element) {
+    if (element == null) {
+        return;
+    }
+    element.style.visibility = "visible";
+}
+
+function hideElement(element) {
+    if (element == null) {
+        return;
+    }
+    element.style.visibility = "hidden";
+}
+
+function runInNextEventLoop(codeBlock) {
+    setTimeout(codeBlock, 100);
+}
+
+function ensureScaleFactorNotZero(scaleFactor) {
+    // Mobile Safari doesn't like scale values of 0, force them to be 0.01
+    if (scaleFactor == 0) {
+        return 0.000001;
+    } else {
+        return scaleFactor;
+    }
+}
+
+function scaleSizeWithinSize(sourceWidth, sourceHeight, destinationWidth, destinationHeight) {
+    var scaledSize = {};
+    var sourceAspectRatio = sourceWidth / sourceHeight;
+    var destinationAspectRatio = destinationWidth / destinationHeight;
+
+    if (sourceAspectRatio > destinationAspectRatio) {
+        scaledSize.width = destinationWidth;
+        scaledSize.height = sourceHeight * ( destinationWidth / sourceWidth );
+    } else if (sourceAspectRatio < destinationAspectRatio) {
+        scaledSize.width = sourceWidth * ( destinationHeight / sourceHeight );
+        scaledSize.height = destinationHeight
+    } else {
+        scaledSize.width = destinationWidth;	
+        scaledSize.height = destinationHeight
+    }
+
+    return scaledSize;
+}
+
+function parseTransformMatrix(transformMatrix) {
+    var parsedMatrix = [1,0,0,1,0,0];
+
+    if (transformMatrix.indexOf( "matrix(" ) == 0) {
+        var arrayString	= transformMatrix.substring(7, transformMatrix.length - 1);
+
+        parsedMatrix = arrayString.split(",");
+    }
+
+    return parsedMatrix;
+}
+		
+function escapeTextureId(textureId) {
+    var escapedTextureId = textureId.replace( /\./g, "-" );
+
+    return escapedTextureId;
+}
+
+function unEscapeTextureId(textureId) {
+    var escapedTextureId = textureId.replace( /\-/g, "." );
+
+    return escapedTextureId;
+}
+
+var MONTH_NAMES=new Array('January','February','March','April','May','June','July','August','September','October','November','December','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
+var DAY_NAMES=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sun','Mon','Tue','Wed','Thu','Fri','Sat');
+function LZ(x) {return(x<0||x>9?"":"0")+x;}
+
+Object.extend(Date.prototype, {
+    // ------------------------------------------------------------------
+    // formatDate (date_object, format)
+    // Returns a date in the output format specified.
+    // The format string uses the same abbreviations as in getDateFromFormat()
+    // 
+    // ------------------------------------------------------------------
+    format: function(format) {
+        format=format+"";
+        var date = this ;
+        var result="";
+        var i_format=0;
+        var c="";
+        var token="";
+        var y=date.getFullYear()+"";
+        var M=date.getMonth()+1;
+        var d=date.getDate();
+        var E=date.getDay();
+        var H=date.getHours();
+        var m=date.getMinutes();
+        var s=date.getSeconds();
+        var yyyy,yy,MMM,MM,dd,hh,h,mm,ss,ampm,HH,H,KK,K,kk,k;
+        // Convert real date parts into formatted versions
+        var value=new Object();
+        if (y.length < 4) {
+            y=""+(y-0+1900);
+        }
+        value["y"]=""+y;
+        value["yyyy"]=y;
+        value["yy"]=y.substring(2,4);
+        value["M"]=M;
+        value["MM"]=LZ(M);
+        value["MMM"]=MONTH_NAMES[M-1];
+        value["NNN"]=MONTH_NAMES[M+11];
+        value["d"]=d;
+        value["dd"]=LZ(d);
+        value["E"]=DAY_NAMES[E+7];
+        value["EE"]=DAY_NAMES[E];
+        value["H"]=H;
+        value["HH"]=LZ(H);
+        if (H==0) {
+            value["h"]=12;
+        } else if (H>12) {
+            value["h"]=H-12;
+        } else {
+            value["h"]=H;
+        }
+        value["hh"]=LZ(value["h"]);
+        if (H>11) {
+            value["K"]=H-12;
+        } else {
+            value["K"]=H;
+        }
+        value["k"]=H+1;
+        value["KK"]=LZ(value["K"]);
+        value["kk"]=LZ(value["k"]);
+        if (H > 11) {
+            value["a"]="PM";
+        } else {
+            value["a"]="AM";
+        }
+        value["m"]=m;
+        value["mm"]=LZ(m);
+        value["s"]=s;
+        value["ss"]=LZ(s);
+        while (i_format < format.length) {
+            c=format.charAt(i_format);
+            token="";
+            while ((format.charAt(i_format)==c) && (i_format < format.length)) {
+                token += format.charAt(i_format++);
+            }
+
+            if (value[token] != null) {
+                result=result + value[token];
+            } else {
+                result=result + token;
+            }
+        }
+        return result;
+    }
+});
+
+function getHecklerElementsByTagName(xml, tagName) {
+    return getElementsByTagNameNS(xml, tagName, 'urn:iwork:property', 'X:');
+}
+
+function getElementsByTagNameNS(xml, tagName, ns, prefix) {
+    var nodes = null;
+    if (xml.getElementsByTagNameNS) {
+        nodes = xml.getElementsByTagNameNS(ns, tagName);
+    } else {
+        // IE7 Does not support getElementsByTagNameNS
+        // So we have to do this silly IE7 workaround and prefix the Heckler
+        // namespace to everything
+        nodes = xml.getElementsByTagName(prefix + tagName);
+    }
+
+    return nodes;
+}

assets/player/gl/KNWebGLShader.js

@@ -1,3 +1,1326 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:868ffc1c835e6df17f57be4ffaac1ee23baa791aacc3cff9eb74fcb2a1857cef
-size 47318
+/*
+ * KNWebGLShader.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2016-2018 Apple Inc. All rights reserved.
+ */
+
+var KNWebGLShader = {};
+
+KNWebGLShader.defaultTexture = {
+    attribNames: ["Position", "TexCoord"],
+    uniformNames: ["MVPMatrix", "Texture"],
+    vertex: "\
+        #ifdef GL_ES\n\
+        precision highp float;\n\
+        #endif\n\
+        uniform mat4    MVPMatrix;\n\
+        attribute vec4  Position;\n\
+        attribute vec2  TexCoord;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            v_TexCoord = TexCoord;\n\
+            gl_Position = (MVPMatrix * Position);\n\
+        }\
+        ",
+    fragment: "\
+        #ifdef GL_ES\n\
+        precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D Texture;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            gl_FragColor = texture2D(Texture, v_TexCoord);\n\
+        }\
+        "
+};
+
+KNWebGLShader.defaultTextureAndOpacity = {
+    attribNames: ["Position", "TexCoord"],
+    uniformNames: ["MVPMatrix", "Texture", "Opacity"],
+    vertex: "\
+        #ifdef GL_ES\n\
+        precision highp float;\n\
+        #endif\n\
+        uniform mat4    MVPMatrix;\n\
+        attribute vec4  Position;\n\
+        attribute vec2  TexCoord;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            v_TexCoord = TexCoord;\n\
+            gl_Position = (MVPMatrix * Position);\n\
+        }\
+        ",
+    fragment: "\
+        #ifdef GL_ES\n\
+        precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D Texture;\n\
+        uniform float Opacity;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(Texture, v_TexCoord);\n\
+            gl_FragColor = vec4(Opacity) * texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.contents = {
+    attribNames: ["Position", "TexCoord"],
+    uniformNames: ["MVPMatrix", "Texture", "Texture2", "mixFactor"],
+    vertex: "\
+        #ifdef GL_ES\n\
+        precision highp float;\n\
+        #endif\n\
+        uniform mat4 MVPMatrix;\n\
+        attribute vec4 Position;\n\
+        attribute vec2 TexCoord;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            v_TexCoord = TexCoord;\n\
+            gl_Position = (MVPMatrix * Position);\n\
+        }\
+        ",
+    fragment: "\
+        #ifdef GL_ES\n\
+        precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D Texture;\n\
+        uniform sampler2D Texture2;\n\
+        uniform float mixFactor;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            vec4 outgoingColor = texture2D(Texture2, v_TexCoord);\n\
+            vec4 incomingColor = texture2D(Texture, v_TexCoord);\n\
+            vec4 result = mix(outgoingColor, incomingColor, mixFactor);\n\
+            gl_FragColor = result;\n\
+        }\
+        "
+};
+
+KNWebGLShader.iris = {
+    attribNames: ["Position", "TexCoord"],
+    uniformNames: ["PercentForAlpha", "Scale", "Mix", "Texture", "MVPMatrix", "Opacity"],
+    vertex: "\
+        #ifdef GL_ES\n\
+        precision highp float;\n\
+        #endif\n\
+        uniform mat4    MVPMatrix;\n\
+        attribute vec4  Position;\n\
+        attribute vec2  TexCoord;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            v_TexCoord = TexCoord;\n\
+            gl_Position = MVPMatrix * Position;\n\
+        }\
+        ",
+    fragment: "\
+        #ifdef GL_ES\n\
+            precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D Texture;\n\
+        uniform float Opacity;\n\
+        uniform float PercentForAlpha;\n\
+        uniform float Scale;\n\
+        uniform float Mix;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            vec4 incomingTexColor = texture2D(Texture, v_TexCoord);\n\
+            vec4 clear = vec4(0.0, 0.0, 0.0, 0.0);\n\
+            float tolerance = PercentForAlpha/5.0;\n\
+            vec2 powers = vec2((v_TexCoord.x - 0.5) * Scale,v_TexCoord.y - 0.5);\n\
+            powers *= powers;\n\
+            float radiusSqrd = PercentForAlpha * PercentForAlpha;\n\
+            float dist =  (powers.x+powers.y)/((0.5*Scale)*(0.5*Scale)+0.25);\n\
+            float gradient = smoothstep(radiusSqrd, radiusSqrd+tolerance, dist);\n\
+            gl_FragColor = vec4(Opacity) * mix(clear, incomingTexColor, abs(Mix - gradient));\n\
+        }\
+        "
+};
+
+KNWebGLShader.twist = {
+    attribNames: ["Position", "TexCoord", "Normal"],
+    uniformNames: ["TextureMatrix", "SpecularColor", "FlipNormals", "MVPMatrix", "Texture"],
+    vertex: "\
+        #ifdef GL_ES\n\
+            precision highp float;\n\
+        #endif\n\
+        uniform mat4 MVPMatrix;\n\
+        uniform mat3 TextureMatrix;\n\
+        uniform float SpecularColor;\n\
+        uniform mediump float FlipNormals;\n\
+        attribute vec3 Position;\n\
+        attribute vec3 Normal;\n\
+        attribute vec2 TexCoord;\n\
+        varying vec2 v_TexCoord;\n\
+        varying vec3 v_DiffuseColor;\n\
+        varying vec3 v_SpecularColor;\n\
+        const vec3 c_AmbientColor = vec3(0.2);\n\
+        const vec3 c_DiffuseColor = vec3(1);\n\
+        const float c_LightExponent = 32.0;\n\
+        const vec3 c_LightDirection = vec3(0.1580, +0.5925, 0.7900);\n\
+        const vec3 c_LightHalfPlane = vec3(0.0835, +0.3131, 0.9460);\n\
+        void main()\n\
+        {\n\
+            vec3 thisNormal = Normal * FlipNormals;\n\
+            // Lighting\n\
+            float ndotl = max(0.0, dot(thisNormal, c_LightDirection));\n\
+            float ndoth = max(0.0, dot(thisNormal, c_LightHalfPlane));\n\
+            v_DiffuseColor = (c_AmbientColor + ndotl * c_DiffuseColor);\n\
+            v_SpecularColor = (ndoth <= 0.0) ? vec3(0) : (pow(ndoth, c_LightExponent) * vec3(SpecularColor));\n\
+            gl_Position = MVPMatrix * vec4(Position, 1.0);\n\
+            v_TexCoord = (TextureMatrix * vec3(TexCoord,1.0)).xy;\n\
+        }\
+        ",
+    fragment: "\
+        #ifdef GL_ES\n\
+            precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D Texture;\n\
+        varying vec2 v_TexCoord;\n\
+        varying vec3 v_DiffuseColor;\n\
+        varying vec3 v_SpecularColor;\n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(Texture, v_TexCoord);\n\
+            // Lighting\n\
+            texColor.xyz = texColor.xyz * v_DiffuseColor + v_SpecularColor;\n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.colorPlanes = {
+    attribNames: ["Position", "TexCoord"],
+    uniformNames: ["MVPMatrix", "FlipTexCoords", "Texture", "ColorMask"],
+    vertex: "\
+        #ifdef GL_ES\n\
+            precision highp float;\n\
+        #endif\n\
+        uniform mat4 MVPMatrix;\n\
+        uniform vec2 FlipTexCoords;\n\
+        attribute vec2 Position;\n\
+        attribute vec2 TexCoord;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            v_TexCoord = vec2(FlipTexCoords.x == 0.0 ? TexCoord.x : 1.0-TexCoord.x, FlipTexCoords.y == 0.0 ? TexCoord.y : 1.0-TexCoord.y);\n\
+            gl_Position = MVPMatrix * vec4(Position, 0,1);\n\
+        }\
+        ",
+    fragment: "\
+        #ifdef GL_ES\n\
+            precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D Texture;\n\
+        uniform vec4 ColorMask;\n\
+        varying vec2 v_TexCoord;\n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(Texture, v_TexCoord);\n\
+            texColor *= ColorMask;\n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.flop = {
+    attribNames: ["Position", "TexCoord", "Normal"],
+    uniformNames: ["TextureMatrix", "FlipNormals", "MVPMatrix", "Texture"],
+    vertex: "\
+        \n\
+        #ifdef GL_ES\n\
+        precision highp float;\n\
+        #endif\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        uniform mat3 TextureMatrix;\n\
+        uniform float FlipNormals;\n\
+        \n\
+        attribute vec3 Position;\n\
+        attribute vec3 Normal;\n\
+        attribute vec2 TexCoord;\n\
+        \n\
+        varying vec2 v_TexCoord;\n\
+        varying vec3 v_DiffuseColor;\n\
+        \n\
+        const vec3 c_AmbientColor = vec3(0.1);\n\
+        const vec3 c_DiffuseColor = vec3(1);\n\
+        const float c_LightExponent = 32.0;\n\
+        \n\
+        const vec3 c_LightDirection = vec3(0.000, +0.000, 0.900);\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec3 thisNormal = Normal * FlipNormals;\n\
+            \n\
+            // Lighting\n\
+            vec3 lightDirection = vec3(c_LightDirection.x,c_LightDirection.y,c_LightDirection.z);\n\
+            \n\
+            float ndotl = max(0.0, dot(thisNormal, lightDirection));\n\
+            \n\
+            v_DiffuseColor = (c_AmbientColor + ndotl * c_DiffuseColor);\n\
+            \n\
+            gl_Position = MVPMatrix * vec4(Position, 1);\n\
+            v_TexCoord = (TextureMatrix * vec3(TexCoord,1)).xy;\n\
+        }\
+        ",
+    fragment: "\
+        \n\
+        #ifdef GL_ES\n\
+        precision mediump float;\n\
+        #endif\n\
+        \n\
+        uniform sampler2D Texture;\n\
+        \n\
+        varying vec2 v_TexCoord;\n\
+        varying vec3 v_DiffuseColor;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(Texture, v_TexCoord);\n\
+            \n\
+            // Lighting\n\
+            texColor.xyz = texColor.xyz * v_DiffuseColor;\n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.anvilsmoke = {
+    attribNames: ["Rotation", "Speed", "Scale", "LifeSpan", "ParticleTexCoord", "Center", "Position"],
+    uniformNames: ["Percent", "Opacity", "ParticleTexture", "MVPMatrix"],
+    vertex: "\
+        \n\
+        uniform mat4    MVPMatrix;\n\
+        uniform float   Percent;\n\
+        uniform float   Opacity;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        attribute vec2  ParticleTexCoord;\n\
+        attribute vec3  Rotation;\n\
+        attribute vec3  Speed;\n\
+        attribute float Scale;\n\
+        attribute vec2  LifeSpan;\n\
+        \n\
+        varying vec4    v_Color;\n\
+        varying vec2    v_TexCoord;\n\
+        \n\
+        const float Pi = 3.1415926;\n\
+        const float Pi_2 = 1.5707963;\n\
+        const float TwoPi = 6.2831852;\n\
+        \n\
+        const float sineConstB = 1.2732396; /* = 4./Pi; */\n\
+        const float sineConstC = -0.40528476; /* = -4./(Pi*Pi); */\n\
+        \n\
+        vec3 fastSine(vec3 angle)\n\
+        {\n\
+            vec3 theAngle = mod(angle + Pi, TwoPi) - Pi;\n\
+            return sineConstB * theAngle + sineConstC * theAngle * abs(theAngle);\n\
+        }\n\
+        \n\
+        mat3 fastRotationMatrix(vec3 theRotation)\n\
+        {\n\
+            vec3 sinXYZ = fastSine(theRotation);\n\
+            vec3 cosXYZ = fastSine(Pi_2 - theRotation);\n\
+            mat3 rotMatrix = mat3( cosXYZ.y*cosXYZ.z,  sinXYZ.x*sinXYZ.y*cosXYZ.z+cosXYZ.x*sinXYZ.z, -cosXYZ.x*sinXYZ.y*cosXYZ.z+sinXYZ.x*sinXYZ.z,\n\
+                -cosXYZ.y*sinXYZ.z, -sinXYZ.x*sinXYZ.y*sinXYZ.z+cosXYZ.x*cosXYZ.z,  cosXYZ.x*sinXYZ.y*sinXYZ.z+sinXYZ.x*cosXYZ.z,\n\
+                sinXYZ.y, -sinXYZ.x*cosXYZ.y, cosXYZ.x*cosXYZ.y);\n\
+            return rotMatrix;\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            float realPercent = (Percent-LifeSpan.x)/LifeSpan.y;\n\
+                 realPercent = clamp(realPercent, 0.0, 1.0);\n\
+            realPercent = sqrt(realPercent);\n\
+            \n\
+            /* SCALE */\n\
+            vec4 originalPosition = vec4(Position,0,1);\n\
+            vec4 center = vec4(Center, 0,1);\n\
+            vec3 scaleDirectionVec = vec3(originalPosition.xy-center.xy,0) * Scale * mix(0.1, 1.0, realPercent);\n\
+            \n\
+            /* ROTATE */\n\
+            mat3 rotMatrix = fastRotationMatrix(Rotation * realPercent);\n\
+            vec3 rotatedVec = rotMatrix * scaleDirectionVec;\n\
+            vec4 position = center + vec4(rotatedVec,0);\n\
+            \n\
+            float speedAdjust = realPercent;\n\
+            vec3 thisSpeed = Speed;\n\
+            thisSpeed.x *= sqrt(realPercent);\n\
+            thisSpeed.y *= realPercent*realPercent;\n\
+            position += vec4(thisSpeed, 0);\n\
+            \n\
+            float thisOpacity = Opacity;\n\
+            thisOpacity *= (1.0 - realPercent); /* fade out gradually */\n\
+            thisOpacity *= min(1.0, realPercent*20.0);  /* fade in quickly */\n\
+            \n\
+            /* output */\n\
+            gl_Position = MVPMatrix * position;\n\
+            //v_Color = vec4(1.0, 1.0, 1.0, thisOpacity); //we applied a fix here, might not work everywhere\n\
+            v_Color = vec4(thisOpacity);\n\
+            v_TexCoord = ParticleTexCoord;\n\
+        }\n\
+        ",
+    fragment: "\
+        \n\
+        #ifdef GL_ES\n\
+            precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D ParticleTexture;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(ParticleTexture, v_TexCoord);\n\
+            \n\
+            texColor *= v_Color;\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\n\
+        "
+};
+
+KNWebGLShader.anvilspeck = {
+    attribNames: ["Speed", "Scale", "LifeSpan", "ParticleTexCoord", "Center", "Position"],
+    uniformNames: ["Percent", "Opacity", "ParticleTexture", "MVPMatrix"],
+    vertex: "\
+        \n\
+        uniform mat4    MVPMatrix;\n\
+        uniform float   Percent;\n\
+        uniform float   Opacity;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        attribute vec2  ParticleTexCoord;\n\
+        attribute vec3  Speed;\n\
+        attribute float Scale;\n\
+        attribute vec2  LifeSpan;\n\
+        \n\
+        varying vec4    v_Color;\n\
+        varying vec2    v_TexCoord;\n\
+        \n\
+        const float Pi = 3.1415926;\n\
+        const float Pi_2 = 1.5707963;\n\
+        const float TwoPi = 6.2831852;\n\
+        \n\
+        const float sineConstB = 1.2732396; /* = 4./Pi; */\n\
+        const float sineConstC = -0.40528476; /* = -4./(Pi*Pi); */\n\
+        \n\
+        vec3 fastSine(vec3 angle)\n\
+        {\n\
+            vec3 theAngle = mod(angle + Pi, TwoPi) - Pi;\n\
+            return sineConstB * theAngle + sineConstC * theAngle * abs(theAngle);\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            float realPercent = (Percent-LifeSpan.x)/LifeSpan.y;\n\
+            realPercent = clamp(realPercent, 0.0, 1.0);\n\
+            \n\
+            /* SCALE */\n\
+            vec4 originalPosition = vec4(Position,0,1);\n\
+            vec4 center = vec4(Center, 0,1);\n\
+            vec3 thisScale = Scale * vec3(1, Speed.z, 1) * mix(0.1, 1.0, realPercent);\n\
+            vec3 scaleDirectionVec = vec3(originalPosition.xy-center.xy,0) * thisScale;\n\
+            \n\
+            vec4 position = center + vec4(scaleDirectionVec,0);\n\
+            \n\
+            float speedAdjust = realPercent;\n\
+            vec3 thisPos = vec3(Speed.x * realPercent,\n\
+                Speed.y * fastSine(Pi*0.85*vec3(realPercent,0,0)).x, /* arc with gravity */\n\
+                0);\n\
+            position += vec4(thisPos, 0);\n\
+            \n\
+            float thisOpacity = Opacity;\n\
+            thisOpacity *= (1.0 - realPercent); /* fade out gradually */\n\
+            thisOpacity *= min(1.0, realPercent*20.0);  /* fade in quickly */\n\
+            \n\
+            /* output */\n\
+            gl_Position = MVPMatrix * position;\n\
+            v_Color = vec4(thisOpacity);\n\
+            v_TexCoord = ParticleTexCoord;\n\
+        }\
+        ",
+    fragment: "\
+        \n\
+        #ifdef GL_ES\n\
+            precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D ParticleTexture;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(ParticleTexture, v_TexCoord);\n\
+            \n\
+            texColor *= v_Color;\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.flame = {
+    attribNames: ["Rotation", "Speed", "LifeSpan", "ParticleTexCoord", "Center", "Position"],
+    uniformNames: ["Percent", "Duration", "Opacity", "RotationMax", "SpeedMax", "ParticleTexture", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        uniform float Percent;\n\
+        uniform float Duration;\n\
+        \n\
+        attribute vec3 Rotation;\n\
+        attribute vec3 Speed;\n\
+        uniform float   Opacity;\n\
+        attribute vec2 LifeSpan;\n\
+        attribute vec2 ParticleTexCoord;\n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        \n\
+        uniform mediump float RotationMax;\n\
+        uniform mediump float SpeedMax;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        const float Pi = 3.1415926;\n\
+        const float Pi_2 = 1.5707963;\n\
+        const float TwoPi = 6.2831852;\n\
+        \n\
+        const float sineConstB = 1.2732396; /* = 4./Pi; */\n\
+        const float sineConstC = -0.40528476; /* = -4./(Pi*Pi); */\n\
+        \n\
+        float fastSine(float angle)\n\
+        {\n\
+            float theAngle = mod(angle + Pi, TwoPi) - Pi;\n\
+            return sineConstB * theAngle + sineConstC * theAngle * abs(theAngle);\n\
+        }\n\
+        \n\
+        const vec4 kStartColor = vec4( 1.0,  1.0, 1.0,  0.0 ); /* white */\n\
+        const vec4 kMidColor   = vec4( 0.97, 1.0, 0.32, 0.0 ); /* yellow */\n\
+        const vec4 kEndColor   = vec4( 0.9,  0.0, 0.0,  0.0 ); /* red */\n\
+        const float kColorMidPoint   = 0.1;\n\
+        \n\
+        vec4 flameColor(float aPercent)\n\
+        {\n\
+            float thePercent = aPercent;\n\
+            /* CONSTANTS */\n\
+            float beginCutoff = 0.4/Duration;    /* start slow (not bright white) */\n\
+            float smokeCutoff = 1.0 - (0.95/Duration);      /* end with black, basically */\n\
+            float alphaCutoff = 1.0 - 0.5/Duration;    /* fade out towards the end */\n\
+            \n\
+            float alpha = (thePercent < alphaCutoff) ? 1.0 : (1.0-(thePercent-alphaCutoff)/(1.0-alphaCutoff));\n\
+            vec4 theColor = vec4(0,0,0, alpha * 0.75);\n\
+            \n\
+            if (Percent < beginCutoff) {\n\
+                float colorCutoff = beginCutoff*3.0;\n\
+                thePercent += mix(colorCutoff, 0.0, Percent/beginCutoff);\n\
+            }\n\
+            \n\
+            if (thePercent < kColorMidPoint) {\n\
+                float newPercent = thePercent/kColorMidPoint;\n\
+                theColor += mix(kStartColor, kMidColor, newPercent);\n\
+            } else {\n\
+                float newPercent = (thePercent-kColorMidPoint)/(1.0-kColorMidPoint);\n\
+                theColor += mix(kMidColor, kEndColor, newPercent);\n\
+            }\n\
+            \n\
+            if (Percent > smokeCutoff) {\n\
+                /* smoke */\n\
+                float smokeAmount = (Percent - smokeCutoff)/(1.0 - smokeCutoff);\n\
+                smokeAmount = sqrt(smokeAmount);\n\
+                smokeAmount *= (0.25+thePercent*thePercent);\n\
+                theColor = vec4(theColor.rgb * max(0.0, 1.0-smokeAmount), theColor.a);\n\
+            }\n\
+            \n\
+            return theColor;\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            float realPercent = (Percent-LifeSpan.x)/LifeSpan.y;\n\
+            bool shouldDiscard = realPercent < 0.0 || realPercent > 1.0;\n\
+            realPercent = clamp(realPercent, 0.0, 1.0);\n\
+            \n\
+            vec4 scaleDirectionVec = vec4(Position-Center,0,0);\n\
+            \n\
+            /* ROTATE */\n\
+            float halfPercent = realPercent/2.0;\n\
+            vec3 thisRotation = Rotation * RotationMax;\n\
+            float theRotation = thisRotation.x + thisRotation.z * (halfPercent * (halfPercent + 1.0));\n\
+            float sinRot = fastSine(theRotation);\n\
+            float cosRot = fastSine(Pi_2 - theRotation);\n\
+            mat3 rotMatrix = mat3(cosRot,-sinRot,0,  sinRot,cosRot,0,  0,0,1);\n\
+            vec3 rotatedVec = rotMatrix * scaleDirectionVec.xyz;\n\
+            \n\
+            /* SCALE */\n\
+            float scaleAdjust = (0.1 + 1.0-(1.0-realPercent)*(1.0-realPercent));\n\
+            vec4 position =  vec4(Center,0,1) + vec4(rotatedVec * scaleAdjust * (shouldDiscard ? 0.001 : 1.0), 0);\n\
+            \n\
+            /* POSITION */\n\
+            vec3 thisSpeed = Speed * SpeedMax;\n\
+            vec4 upVector = vec4(0.0, realPercent*realPercent * -thisSpeed.y, 0.0, 0.0);\n\
+            position += upVector;\n\
+            \n\
+            v_Color = flameColor(realPercent)*Opacity;\n\
+            gl_Position = MVPMatrix * position;\n\
+            v_TexCoord = ParticleTexCoord;\n\
+        }\
+        ",
+    fragment: "\
+        \n\
+        #ifdef GL_ES\n\
+            precision mediump float;\n\
+        #endif\n\
+        uniform sampler2D ParticleTexture;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(ParticleTexture, v_TexCoord);\n\
+            \n\
+            texColor *= v_Color;\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\n\
+        "
+};
+
+KNWebGLShader.confetti = {
+    attribNames: ["Rotation", "Speed", "TexCoord", "Center", "Position"],
+    uniformNames: ["Percent", "Opacity", "ParticleTexture", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        uniform mat4 MVPMatrix;\n\
+        \n\
+        uniform float   Percent;\n\
+        uniform mediump float Opacity;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        attribute vec2  TexCoord;\n\
+        attribute vec3  Rotation;\n\
+        attribute vec3  Speed;\n\
+        \n\
+        varying vec4    v_Color;\n\
+        varying vec2    v_TexCoord;\n\
+        \n\
+        const float Pi = 3.1415926;\n\
+        const float Pi_2 = 1.5707963;\n\
+        const float TwoPi = 6.2831852;\n\
+        \n\
+        const float sineConstB = 1.2732396;\n\
+        const float sineConstC = -0.40528476;\n\
+        \n\
+        vec3 fastSine(vec3 angle)\n\
+        {\n\
+            vec3 theAngle = mod(angle + Pi, TwoPi) - Pi;\n\
+                return sineConstB * theAngle + sineConstC * theAngle * abs(theAngle);\n\
+        }\n\
+        \n\
+        mat3 fastRotationMatrix(vec3 theRotation)\n\
+        {\n\
+            vec3 sinXYZ = fastSine(theRotation);\n\
+            vec3 cosXYZ = fastSine(Pi_2 - theRotation);\n\
+            mat3 rotMatrix = mat3( cosXYZ.y*cosXYZ.z,  sinXYZ.x*sinXYZ.y*cosXYZ.z+cosXYZ.x*sinXYZ.z, -cosXYZ.x*sinXYZ.y*cosXYZ.z+sinXYZ.x*sinXYZ.z,\n\
+                -cosXYZ.y*sinXYZ.z, -sinXYZ.x*sinXYZ.y*sinXYZ.z+cosXYZ.x*cosXYZ.z,  cosXYZ.x*sinXYZ.y*sinXYZ.z+sinXYZ.x*cosXYZ.z,\n\
+                sinXYZ.y, -sinXYZ.x*cosXYZ.y, cosXYZ.x*cosXYZ.y);\n\
+            return rotMatrix;\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            /* SCALE */\n\
+            vec4 originalPosition = vec4(Position, 0, 1);\n\
+            vec3 scaleDirectionVec = vec3(Position-Center,0);\n\
+            \n\
+            /* ROTATE */\n\
+            mat3 rotMatrix = fastRotationMatrix(Rotation * Percent);\n\
+            vec3 rotatedVec = scaleDirectionVec * rotMatrix;\n\
+            vec4 position = vec4(Center,0,1) + vec4(rotatedVec,0);\n\
+            \n\
+            float colorAdjust = abs((rotMatrix * vec3(0,0,1)).z);\n\
+            \n\
+            float speedAdjust = Percent;\n\
+            position += vec4(Speed, 0) * speedAdjust;\n\
+            \n\
+            /* output */\n\
+            gl_Position = MVPMatrix * position;\n\
+            v_Color = vec4(vec3(colorAdjust), Opacity);\n\
+            v_TexCoord = TexCoord;\n\
+        }\
+        ",
+    fragment: "\
+        \n\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D ParticleTexture;\n\
+        //uniform float Opacity;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(ParticleTexture, v_TexCoord);\n\
+            \n\
+            texColor *= v_Color;\n\
+            //texColor.a = Opacity;\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.diffuse = {
+    attribNames: ["Rotation", "Speed", "TexCoord", "Center", "Position", "LifeSpan"],
+    uniformNames: ["Percent", "Opacity", "ParticleTexture", "MVPMatrix", "RotationMax", "SpeedMax"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        \n\
+        uniform float   Percent;\n\
+        uniform mediump float   Opacity;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        attribute vec2  TexCoord;\n\
+        \n\
+        attribute mediump vec3  Rotation;\n\
+        uniform mediump float RotationMax;\n\
+        attribute mediump vec3  Speed;\n\
+        uniform mediump float SpeedMax;\n\
+        attribute mediump vec2  LifeSpan;\n\
+        \n\
+        varying vec4    v_Color;\n\
+        varying vec2    v_TexCoord;\n\
+        \n\
+        const float Pi = 3.1415926;\n\
+        const float Pi_2 = 1.5707963;\n\
+        const float TwoPi = 6.2831852;\n\
+        \n\
+        const float sineConstB = 1.2732396;\n\
+        const float sineConstC = -0.40528476;\n\
+        \n\
+        vec3 fastSine(vec3 angle)\n\
+        {\n\
+            vec3 theAngle = mod(angle + Pi, TwoPi) - Pi;\n\
+            return sineConstB * theAngle + sineConstC * theAngle * abs(theAngle);\n\
+        }\n\
+        \n\
+        mat3 fastRotationMatrix(vec3 theRotation)\n\
+        {\n\
+            vec3 sinXYZ = fastSine(theRotation);\n\
+            vec3 cosXYZ = fastSine(Pi_2 - theRotation);\n\
+            mat3 rotMatrix = mat3( cosXYZ.y*cosXYZ.z,  sinXYZ.x*sinXYZ.y*cosXYZ.z+cosXYZ.x*sinXYZ.z, -cosXYZ.x*sinXYZ.y*cosXYZ.z+sinXYZ.x*sinXYZ.z,\n\
+                                  -cosXYZ.y*sinXYZ.z, -sinXYZ.x*sinXYZ.y*sinXYZ.z+cosXYZ.x*cosXYZ.z,  cosXYZ.x*sinXYZ.y*sinXYZ.z+sinXYZ.x*cosXYZ.z,\n\
+                                  sinXYZ.y, -sinXYZ.x*cosXYZ.y, cosXYZ.x*cosXYZ.y);\n\
+            return rotMatrix;\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            float realPercent = (Percent-LifeSpan.x)/LifeSpan.y;\n\
+            float doDiscard = (realPercent > 1.0) ? 0.0 : 1.0;\n\
+            realPercent = clamp(realPercent, 0.0,1.0);\n\
+            float revPercent = 1.0-realPercent;\n\
+            \n\
+            //SCALE\n\
+            vec4 originalPosition = vec4(Position, 0, 1);\n\
+            vec3 scaleDirectionVec = vec3(Position-Center,0);\n\
+            \n\
+            //ROTATE\n\
+            vec3 thisRotation = Rotation * RotationMax;\n\
+            mat3 rotMatrix = fastRotationMatrix(thisRotation * realPercent);\n\
+            vec3 rotatedVec = scaleDirectionVec * rotMatrix;\n\
+            vec4 position = vec4(Center,0,1) + vec4(rotatedVec,0) * doDiscard;\n\
+            \n\
+            vec3 thisSpeed = Speed * SpeedMax;\n\
+            float l2r = -thisSpeed.x/abs(thisSpeed.x);\n\
+            float reverseVector = l2r*(thisSpeed.x+abs(thisSpeed.y)) * realPercent/8.0;\n\
+            \n\
+            float speedMultiplier = 1.-pow(revPercent, 2.0);\n\
+            vec3 dist = thisSpeed * speedMultiplier;\n\
+            dist.x += reverseVector;\n\
+            position.xyz += dist;\n\
+            \n\
+            float colorAdjust = abs((rotMatrix * vec3(0,0,1)).z);\n\
+            \n\
+            //output\n\
+            gl_Position = MVPMatrix * position;\n\
+            v_Color = vec4(vec3(colorAdjust), 1) * (revPercent*Opacity);\n\
+            v_TexCoord = TexCoord;\n\
+        }\
+        ",
+    fragment: "\
+        \n\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D Texture;\n\
+        uniform float Opacity;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(Texture, v_TexCoord);\n\
+            \n\
+            texColor *= v_Color;\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\
+       "
+};
+
+KNWebGLShader.fireworks = {
+    attribNames: ["Color", "Speed", "LifeSpan", "Scale", "ParticleTexCoord", "Center", "Position"],
+    uniformNames: ["Percent", "PreviousPercent", "Gravity", "StartScale", "ShouldSparkle", "SparklePeriod", "ParticleBurstTiming", "PreviousParticleBurstTiming", "SpeedMax", "ParticleTexture", "Opacity", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        \n\
+        uniform float   Percent;\n\
+        uniform float   PreviousPercent;\n\
+        uniform float   Gravity;\n\
+        uniform float   StartScale;\n\
+        uniform float   ShouldSparkle;\n\
+        uniform float   SparklePeriod;\n\
+        uniform float   ParticleBurstTiming;\n\
+        uniform float   PreviousParticleBurstTiming;\n\
+        uniform float   SpeedMax;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        attribute vec2  ParticleTexCoord;\n\
+        \n\
+        attribute vec4  Color;\n\
+        attribute vec3  Speed;\n\
+        attribute vec2  LifeSpan;\n\
+        attribute float Scale;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            float realPercent = (Percent-LifeSpan.x)/LifeSpan.y;\n\
+            realPercent = clamp(realPercent, 0.0, 1.0);\n\
+            \n\
+            float prevRealPercent = (PreviousPercent-LifeSpan.x)/LifeSpan.y;\n\
+            prevRealPercent = clamp(prevRealPercent, 0.0,1.0);\n\
+            \n\
+            vec4 center = vec4(Center,0,1);\n\
+            vec4 scaleDirectionVec = vec4(Position-Center,0,0);\n\
+            \n\
+            // TRANSLATE\n\
+            vec3 translation = Speed * (SpeedMax * ParticleBurstTiming); // (1.0-pow(1.0-realPercent, ExplosionPower));\n\
+            translation.y -= Gravity * (Percent - LifeSpan.x); // Gravity is in terms of global percent, not particle system percent\n\
+            \n\
+            vec3 prevTranslation = Speed * (SpeedMax * PreviousParticleBurstTiming);\n\
+            prevTranslation.y -= Gravity * (PreviousPercent - LifeSpan.x); // Gravity is in terms of global percent, not particle system percent\n\
+            \n\
+            vec3 blurOffset = translation - prevTranslation; // Blur in direction of velocity\n\
+            \n\
+            // project centerVec onto translationOffset to get direction\n\
+            blurOffset *= (dot(blurOffset, scaleDirectionVec.xyz) >= 0.0 ? 1.0 : -1.0);\n\
+            \n\
+            center.xyz += translation;\n\
+            \n\
+            // SCALE\n\
+            float scalePercent = (1.0-(1.0-realPercent)*(1.0-realPercent));\n\
+            float scaleAdjust = mix(StartScale, Scale, scalePercent);\n\
+            // scale down to zero, unless we're sparkling\n\
+            scaleAdjust *= (ShouldSparkle>0.5 ? 0.25 : 1.0-scalePercent);\n\
+            vec4 position = center + scaleDirectionVec * scaleAdjust;\n\
+            position += vec4(blurOffset,0);\n\
+            \n\
+            // SPARKLE\n\
+            float sparkleOpacity = fract(realPercent*realPercent * SparklePeriod);\n\
+            sparkleOpacity = smoothstep(0.0, 1.0, sparkleOpacity);\n\
+            \n\
+            // COLOR\n\
+            vec4 color = mix(vec4(1), Color, scalePercent * (ShouldSparkle<0.5 ? 1.0 : 0.5)); // white to color\n\
+            color *= (ShouldSparkle<0.5 ? 1.0 : sparkleOpacity); // apply sparkle opacity\n\
+            color *= (realPercent>=1.0 ? 0.0 : 1.0);\n\
+            v_Color = color;\n\
+            \n\
+            gl_Position = MVPMatrix * position;\n\
+            v_TexCoord = ParticleTexCoord;\n\
+        }\
+        ",
+    fragment: "\
+        \n\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D ParticleTexture;\n\
+        uniform float Opacity;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        //varying float particleTexPercent;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(ParticleTexture, v_TexCoord);\n\
+            \n\
+            texColor *= v_Color * Opacity;\n\
+            //texColor.a *= Opacity;\n\
+            \n\
+            //texColor = vec4(v_TexCoord, 0, 1);\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.fireworkstrails = {
+    attribNames: [ "Position", "TexCoord"],
+    uniformNames: ["Texture", "Opacity", "NoiseAmount", "NoiseSeed", "NoiseMax", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  TexCoord;\n\
+        \n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            gl_Position = MVPMatrix * vec4(Position, 0,1);\n\
+            v_TexCoord = TexCoord;\n\
+        }\
+        ",
+    fragment: "\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D Texture;\n\
+        uniform float Opacity;\n\
+        uniform float NoiseAmount;\n\
+        uniform vec2 NoiseSeed;\n\
+        uniform float NoiseMax;\n\
+        \n\
+        //varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        //varying float particleTexPercent;\n\
+        \n\
+        float rand(vec2 co){\n\
+            return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);\n\
+        }\n\
+        \n\
+        float inverseSquare(float a) {\n\
+            return 1.0-(1.0-a)*(1.0-a);\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(Texture, v_TexCoord);\n\
+            \n\
+            //texColor = bloom(texColor);\n\
+            \n\
+            // Dither transparency to add noise\n\
+            float randomNoise = NoiseMax*rand(v_TexCoord*NoiseSeed);\n\
+            float randomAmount = NoiseAmount * 1.5*max(0.0, texColor.a-0.3333);\n\
+            \n\
+            float thisOpacity = Opacity * mix(1.0, randomNoise, randomAmount);\n\
+            texColor *= thisOpacity;\n\
+            \n\
+            //texColor = vec4(v_TexCoord, 0, 1);\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};
+
+KNWebGLShader.horizontalGaussianBlur = {
+    attribNames: [ "Position"],
+    uniformNames: ["Texture", "TextureSize", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        \n\
+        attribute vec2  Position;\n\
+        \n\
+        void main()\n\
+        {\n\
+            gl_Position = MVPMatrix * vec4(Position, 0, 1);\n\
+        }\
+        ",
+    fragment: "\
+        precision highp float;\n\
+        \n\
+        uniform sampler2D Texture;\n\
+        uniform vec2 TextureSize;\n\
+        \n\
+        const vec2 offset1 = vec2(1.3846153846, 0);\n\
+        const vec2 offset2 = vec2(3.2307692308, 0);\n\
+        const float weight0 = 0.2270270270;\n\
+        const float weight1 = 0.3162162162;\n\
+        const float weight2 = 0.0702702703;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 color = texture2D(Texture, gl_FragCoord.xy*TextureSize) * weight0;\n\
+            \n\
+            color += texture2D(Texture, (gl_FragCoord.xy + offset1)*TextureSize) * weight1;\n\
+            color += texture2D(Texture, (gl_FragCoord.xy - offset1)*TextureSize) * weight1;\n\
+            \n\
+            color += texture2D(Texture, (gl_FragCoord.xy + offset2)*TextureSize) * weight2;\n\
+            color += texture2D(Texture, (gl_FragCoord.xy - offset2)*TextureSize) * weight2;\n\
+            \n\
+            gl_FragColor = color;\n\
+        }\
+        "
+};
+
+KNWebGLShader.verticalGaussianBlur = {
+    attribNames: [ "Position"],
+    uniformNames: ["Texture", "TextureSize", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        \n\
+        attribute vec2  Position;\n\
+        \n\
+        void main()\n\
+        {\n\
+            gl_Position = MVPMatrix * vec4(Position, 0, 1);\n\
+        }\
+        ",
+    fragment: "\
+        precision highp float;\n\
+        \n\
+        uniform sampler2D Texture;\n\
+        uniform vec2 TextureSize;\n\
+        \n\
+        const vec2 offset1 = vec2(0, 1.3846153846);\n\
+        const vec2 offset2 = vec2(0, 3.2307692308);\n\
+        const float weight0 = 0.2270270270;\n\
+        const float weight1 = 0.3162162162;\n\
+        const float weight2 = 0.0702702703;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 color = texture2D(Texture, gl_FragCoord.xy*TextureSize) * weight0;\n\
+            \n\
+            color += texture2D(Texture, (gl_FragCoord.xy + offset1)*TextureSize) * weight1;\n\
+            color += texture2D(Texture, (gl_FragCoord.xy - offset1)*TextureSize) * weight1;\n\
+            \n\
+            color += texture2D(Texture, (gl_FragCoord.xy + offset2)*TextureSize) * weight2;\n\
+            color += texture2D(Texture, (gl_FragCoord.xy - offset2)*TextureSize) * weight2;\n\
+            \n\
+            gl_FragColor = color;\n\
+        }\
+        "
+};
+
+KNWebGLShader.bloom = {
+    attribNames: [ "Position", "TexCoord"],
+    uniformNames: ["Texture", "BlurTexture", "BloomAmount", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  TexCoord;\n\
+        \n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            v_TexCoord = TexCoord;\n\
+            gl_Position = MVPMatrix * vec4(Position, 0, 1);\n\
+        }\
+        ",
+    fragment: "\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D Texture;\n\
+        uniform sampler2D BlurTexture;\n\
+        uniform float BloomAmount;\n\
+        \n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 color = texture2D(Texture, v_TexCoord);\n\
+            vec4 blurColor = texture2D(BlurTexture, v_TexCoord);\n\
+            \n\
+            color += (blurColor + color) * BloomAmount;\n\
+            gl_FragColor = color;\n\
+        }\
+        "
+};
+
+KNWebGLShader.shimmerObject = {
+    attribNames: [ "Position", "Center", "TexCoord", "Color", "Speed"],
+    uniformNames: ["Percent", "Opacity", "RotationMatrix", "SpeedMax", "Texture", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4 MVPMatrix;\n\
+        uniform float   Percent;\n\
+        uniform float   Opacity;\n\
+        \n\
+        uniform mat3  RotationMatrix;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        attribute vec2  TexCoord;\n\
+        attribute vec4  Color;\n\
+        \n\
+        attribute vec3    Speed;\n\
+        uniform float    SpeedMax;\n\
+        \n\
+        varying vec4    v_Color;\n\
+        varying vec2    v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            float thisPercent = Percent;\n\
+            float invPercent = 1.0-thisPercent;\n\
+            float thisPercent2 = thisPercent*thisPercent;\n\
+            \n\
+            /* CENTER */\n\
+            vec3 scaleDirectionVec = vec3((Position.x-Center.x),(Position.y-Center.y),0);\n\
+            \n\
+            /* ROTATE */\n\
+            vec3 rotatedVec = RotationMatrix * scaleDirectionVec.xyz;\n\
+            \n\
+            /* SCALE */\n\
+            float scale = invPercent;\n\
+            vec4 position = vec4(Center.xy,0,1) + vec4(rotatedVec,0) * scale;\n\
+            \n\
+            vec3 thisSpeed = Speed * SpeedMax;\n\
+            position.xyz += thisSpeed * thisPercent*(3.0 + mix(thisPercent2*thisPercent, 1.0-invPercent*invPercent, thisPercent2));\n\
+            \n\
+            vec4 outColor = Color;\n\
+            outColor = vec4(Opacity);\n\
+            \n\
+            /* output */\n\
+            gl_Position = MVPMatrix * position;\n\
+            v_Color = outColor;\n\
+            v_TexCoord = TexCoord;\n\
+        }\n\
+        ",
+    fragment: "\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D Texture;\n\
+        \n\
+        varying vec4 v_Color;\n\
+		varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 color = texture2D(Texture, v_TexCoord);\n\
+            \n\
+            color *= v_Color;\n\
+            \n\
+            gl_FragColor = color;\n\
+        }\
+        "
+};
+
+KNWebGLShader.shimmerParticle = {
+    attribNames: [ "Position", "Center", "ParticleTexCoord", "Color", "LifeSpan", "Speed", "Scale"],
+    uniformNames: ["Percent", "Opacity", "ParticleScalePercent", "RotationMatrix", "SpeedMax", "ParticleTexture", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4    MVPMatrix;\n\
+        uniform float   Percent;\n\
+        uniform float   Opacity;\n\
+        \n\
+        uniform float   ParticleScalePercent;\n\
+        uniform mat3    RotationMatrix;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        attribute vec2  ParticleTexCoord;\n\
+        attribute vec4  Color;\n\
+        attribute vec2  LifeSpan;\n\
+        \n\
+        attribute vec3  Speed;\n\
+        uniform float   SpeedMax;\n\
+        attribute float Scale;\n\
+        \n\
+        varying vec4    v_Color;\n\
+        varying vec2    v_TexCoord;\n\
+        \n\
+        float scaleUpDown(float x) {\n\
+            float result = 1.0 - abs(2.0*(x-0.5));\n\
+            result *= result;\n\
+            return result;\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            /* LIFESPAN */\n\
+            float realPercent = (Percent-LifeSpan.x)/LifeSpan.y;\n\
+            float doDiscard = (realPercent > 1.0 || realPercent < 0.0) ? 0.0 : 1.0;\n\
+            realPercent = clamp(realPercent, 0.0,1.0);\n\
+            float realPercent2 = realPercent*realPercent;\n\
+            float invPercent2 = 1.0-realPercent;\n\
+            invPercent2 *= invPercent2;\n\
+            \n\
+            vec3 scaleDirectionVec = vec3((Position.x-Center.x),(Position.y-Center.y),0);\n\
+            \n\
+            /* ROTATE */\n\
+            vec3 rotatedVec = RotationMatrix * scaleDirectionVec.xyz;\n\
+            \n\
+            /* SCALE */\n\
+            float scalePercent = (LifeSpan.x <= 0.001 ? ParticleScalePercent : scaleUpDown(realPercent));\n\
+            float scale = scalePercent * Scale * doDiscard;\n\
+            vec4 position = vec4(Center,0,1) + vec4(rotatedVec,0) * scale;\n\
+            \n\
+            vec3 thisSpeed = Speed * SpeedMax;\n\
+            position.xyz += thisSpeed * realPercent*(3.0 + mix(realPercent*realPercent2, 1.0-invPercent2, realPercent2));\n\
+            \n\
+            // Only adjust opacity on particles that last the duration of the animation\n\
+            float thisOpacity = (LifeSpan.x <= 0.001 ? Opacity : 1.0);\n\
+            vec4 color = vec4(Color.rgb, 1) * thisOpacity;\n\
+            \n\
+	        v_Color = color;\n\
+            v_TexCoord = ParticleTexCoord;\n\
+	        gl_Position = MVPMatrix * position;\n\
+        }\n\
+        ",
+    fragment: "\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D ParticleTexture;\n\
+        \n\
+        varying vec4 v_Color;\n\
+		varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 color = texture2D(ParticleTexture, v_TexCoord);\n\
+            \n\
+            color *= v_Color;\n\
+            \n\
+            gl_FragColor = color;\n\
+        }\
+        "
+};
+
+KNWebGLShader.sparkle = {
+    attribNames: ["Scale", "LifeSpan", "Speed", "ParticleTexCoord", "Center", "Position"],
+    uniformNames: ["Percent", "Opacity", "Color", "SpeedMax", "ParticleTexture", "MVPMatrix"],
+    vertex: "\
+        \n\
+        precision highp float;\n\
+        \n\
+        uniform mat4    MVPMatrix;\n\
+        uniform float   Percent;\n\
+        \n\
+        attribute vec2  Position;\n\
+        attribute vec2  Center;\n\
+        uniform float   Opacity;\n\
+        attribute vec2  ParticleTexCoord;\n\
+        uniform vec4    Color;\n\
+        \n\
+        attribute mediump vec3    Speed;\n\
+        uniform mediump float    SpeedMax;\n\
+        attribute mediump float   Scale;\n\
+        attribute mediump vec2    LifeSpan;\n\
+        \n\
+        varying vec4    v_Color;\n\
+        varying vec2    v_TexCoord;\n\
+        \n\
+        float ReverseSquareOfFloat(float f) {\n\
+            return 1.0 - (1.0-f)*(1.0-f);\n\
+        }\n\
+        \n\
+        void main()\n\
+        {\n\
+            float doDiscard = 0.0;\n\
+            float realPercent = (Percent-LifeSpan.x)/LifeSpan.y;\n\
+            if (realPercent < 0.0 || realPercent > 1.0) {\n\
+                doDiscard = 1.0;\n\
+                realPercent = 1.0;\n\
+            }\n\
+            \n\
+            vec4 position;\n\
+            vec4 scaleDirectionVec = vec4((Position.x-Center.x),(Position.y-Center.y),0,0);\n\
+            \n\
+            // SCALE\n\
+            float scaleAdjust = realPercent;\n\
+            if (scaleAdjust < 0.1) {\n\
+                scaleAdjust /= 0.1;\n\
+                scaleAdjust = sqrt(scaleAdjust);\n\
+            } else {\n\
+                scaleAdjust = 1.0-(scaleAdjust-0.1)/0.9;\n\
+                scaleAdjust = scaleAdjust*scaleAdjust*scaleAdjust;\n\
+            }\n\
+            scaleAdjust *= (doDiscard==0.0 ? 1.0 : 0.0);\n\
+            position = vec4(Center,0,1) + scaleDirectionVec * scaleAdjust * Scale;\n\
+            \n\
+            // POSITION\n\
+            vec3 thisSpeed = Speed * SpeedMax;\n\
+            position += vec4(thisSpeed, 0) * realPercent;\n\
+            \n\
+            float invPercent = 1.0 - realPercent;\n\
+            vec3 rgbColor = mix(Color.rgb, vec3(1,1,1), invPercent*invPercent*invPercent);\n\
+            \n\
+            /* output */\n\
+            gl_Position = MVPMatrix * position;\n\
+            v_Color = vec4(rgbColor, (1.0-realPercent*realPercent)*Opacity);\n\
+            v_TexCoord = ParticleTexCoord;\n\
+        }\
+        ",
+    fragment: "\
+        \n\
+        precision mediump float;\n\
+        \n\
+        uniform sampler2D ParticleTexture;\n\
+        \n\
+        varying vec4 v_Color;\n\
+        varying vec2 v_TexCoord;\n\
+        \n\
+        void main()\n\
+        {\n\
+            vec4 texColor = texture2D(ParticleTexture, v_TexCoord);\n\
+            \n\
+            texColor *= v_Color;\n\
+            \n\
+            gl_FragColor = texColor;\n\
+        }\
+        "
+};

assets/player/gl/KNWebGLUtil.js

@@ -1,3 +1,1145 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b563c00690b3d7ac19464b5cc6bc01bad1784a739c4e7bf885e95aaec9c0dc24
-size 31880
+/*
+ * KNWebGLUtil.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2016-2018 Apple Inc. All rights reserved.
+ */
+
+var KNWebGLUtil = {};
+
+KNWebGLUtil.setupProgram = function(gl, programName) {
+    var shader = KNWebGLShader[programName];
+    var vertexShader = this.loadShader(gl, gl.VERTEX_SHADER, shader.vertex);
+    var fragmentShader = this.loadShader(gl, gl.FRAGMENT_SHADER, shader.fragment);
+    var shaderProgram = this.createShaderProgram(gl, vertexShader, fragmentShader);
+
+    // creates uniforms and attribs but does not enable attribs.
+    var attribs = {};
+    var uniforms = {};
+
+    for (var i = 0, length = shader.uniformNames.length; i < length; i++) {
+        var uniformName = shader.uniformNames[i];
+        uniforms[uniformName] = gl.getUniformLocation(shaderProgram, uniformName);
+    }
+
+    for (var i = 0, length = shader.attribNames.length; i < length; i++) {
+        var attribName = shader.attribNames[i];
+        attribs[attribName] = gl.getAttribLocation(shaderProgram, attribName);
+    }
+
+    // create a program object
+    var program = {
+        shaderProgram: shaderProgram,
+        uniforms: uniforms,
+        attribs: attribs
+    };
+
+    // use this program for rendering
+    gl.useProgram(shaderProgram);
+
+    return program;
+};
+
+KNWebGLUtil.loadShader = function(gl, type, shaderSource) {
+    var shader = gl.createShader(type);
+    gl.shaderSource(shader, shaderSource);
+    gl.compileShader(shader);
+
+    // Check the compile status
+    var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
+    if (!compiled) {
+        // error during compilation
+        var error = gl.getShaderInfoLog(shader);
+        console.log("*** Error compiling shader '" + shader + "':" + error);
+        gl.deleteShader(shader);
+        return null;
+    }
+
+    return shader;
+};
+
+KNWebGLUtil.createShaderProgram = function(gl, vertexShader, fragmentShader) {
+    // create shader program
+    var shaderProgram = gl.createProgram();
+
+    // Attach the shaders to the program
+    gl.attachShader(shaderProgram, vertexShader);
+    gl.attachShader(shaderProgram, fragmentShader);
+
+    // Link the program
+    gl.linkProgram(shaderProgram);
+
+    var linked = gl.getProgramParameter(shaderProgram, gl.LINK_STATUS);
+    if (!linked) {
+        var error = gl.getProgramInfoLog(shaderProgram);
+        console.log("Error in program linking:" + error);
+        gl.deleteProgram(shaderProgram);
+    }
+
+    return shaderProgram;
+};
+
+KNWebGLUtil.createTexture = function(gl, image) {
+    var texture = gl.createTexture();
+
+    // bind WebGLTexture object to gl.TEXTURE_2D target
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+
+    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
+
+    // upload texture data to GPU
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+
+    return texture;
+};
+
+KNWebGLUtil.bindTextureWithImage = function(gl, image) {
+    var texture = gl.createTexture();
+
+    // bind WebGLTexture object to gl.TEXTURE_2D target
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+
+    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
+
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+
+    return texture;
+};
+
+KNWebGLUtil.bindDynamicBufferWithData = function(gl, attribLoc, buffer, data, size) {
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.DYNAMIC_DRAW);
+
+    // we need to enable attrib loc to work with data buffer
+    gl.enableVertexAttribArray(attribLoc);
+    gl.vertexAttribPointer(attribLoc, size, gl.FLOAT, false, 0, 0);
+};
+
+KNWebGLUtil.bindBufferWithData = function(gl, attribLoc, buffer, data, size, bufferUsage) {
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), bufferUsage);
+
+    // we need to enable attrib loc to work with data buffer
+    gl.enableVertexAttribArray(attribLoc);
+    gl.vertexAttribPointer(attribLoc, size, gl.FLOAT, false, 0, 0);
+};
+
+//attribute buffer insertion
+KNWebGLUtil.setPoint2DAtIndexForAttribute = function(point, index, attribute) {
+    //attribute cannot become an object. we need to create an object where we can place this. BUMMER
+    attribute[index*2] = point.x;
+    attribute[index*2+1] = point.y;
+    attribute.size = 2;
+};
+
+KNWebGLUtil.setPoint3DAtIndexForAttribute = function(point, index, attribute) {
+    attribute[index*3] = point.x;
+    attribute[index*3+1] = point.y;
+    attribute[index*3+2] = point.z;
+    attribute.size = 3;
+};
+
+KNWebGLUtil.setPoint4DAtIndexForAttribute = function(point, index, attribute) {
+    attribute[index*4] = point.x;
+    attribute[index*4+1] = point.y;
+    attribute[index*4+2] = point.z;
+    attribute[index*4+3] = point.w;
+    attribute.size = 4;
+};
+
+KNWebGLUtil.setFloatAtIndexForAttribute = function(f, index, attribute) {
+    attribute[index] = f;
+};
+
+KNWebGLUtil.getPoint2DForArrayAtIndex = function(attrib, index) {
+    var point = {};
+    point.x = attrib[index*2];
+    point.y = attrib[index*2 + 1];
+    return point;
+};
+
+KNWebGLUtil.getPoint3DForArrayAtIndex = function(attrib, index) {
+    var point = {};
+    point.x = attrib[index*3];
+    point.y = attrib[index*3 + 1];
+    point.z = attrib[index*3 + 2];
+    return point;
+};
+
+KNWebGLUtil.getPoint4DForArrayAtIndex = function(attrib, index) {
+    var point = {};
+    point.x = attrib[index*4];
+    point.y = attrib[index*4 + 1];
+    point.z = attrib[index*4 + 2];
+    point.w = attrib[index*4 + 3];
+    return point;
+};
+
+KNWebGLUtil.bindAllAvailableAttributesToBuffers = function(gl, attribs, bufferdata, size, buffer, bufferUsage) {
+    for (var obj in attribs) {
+        var attribute = attribs[obj];
+        if (buffer[obj] == undefined) {
+            buffer[obj] = gl.createBuffer();
+        }
+
+        KNWebGLUtil.bindBufferWithData(gl, attribute, buffer[obj], bufferdata[obj], size[obj], bufferUsage);
+    }
+};
+
+// We need to enable attribs before binding.
+// This also sets the program to the given program.
+// This never needs to be called in single program animations
+KNWebGLUtil.enableAttribs = function(gl, program) {
+    var attribs = program.attribs;
+    gl.useProgram(program.shaderProgram);
+    for (var obj in attribs) {
+        gl.enableVertexAttribArray(attribs[obj]);
+    }
+};
+
+/*
+* WebGraphics is not a container for any data. It should only computer and return values.
+*
+* makePoint(x, y): returns a object with .x and .y properties attached
+*
+* randomBetween(a, b): returns a random number between a (lower bound) and b (upper bound)
+*
+* mix(x, y, a): returns a linear intern between x and y using a as a weight between them
+*
+* clamp(x, minVal, maxVal) : clamps x between a min and max value
+*/
+var WebGraphics = {};
+
+WebGraphics.makePoint = function(x, y) {
+    var obj = {};
+    obj.x = x;
+    obj.y = y;
+    return obj;
+};
+
+WebGraphics.makePoint3D = function(x, y, z) {
+    var obj = {};
+    obj.x = x;
+    obj.y = y;
+    obj.z = z;
+    return obj;
+};
+
+WebGraphics.makePoint4D = function(x, y, z, w) {
+    var obj = {};
+    obj.x = x;
+    obj.y = y;
+    obj.z = z;
+    obj.w = w;
+    return obj;
+};
+
+WebGraphics.makeRect = function(x,y, width, height) {
+    var obj = {};
+    obj.x = x;
+    obj.y = y;
+    obj.width = width;
+    obj.height = height;
+    return obj;
+};
+
+WebGraphics.makeSize = function(width, height) {
+    var obj = {};
+    obj.width = width;
+    obj.height = height;
+    return obj;
+};
+
+WebGraphics.setOrigin = function(obj, point) {
+    obj.x = point.x;
+    obj.y = point.y;
+    return obj;
+};
+
+WebGraphics.multiplyPoint3DByScalar = function(point, scalar) {
+    var obj = {};
+    obj.x = point.x * scalar;
+    obj.y = point.y * scalar;
+    obj.z = point.z * scalar;
+    return obj;
+};
+
+WebGraphics.multiplyPoint4DByScalar = function(point, scalar) {
+    var obj = {};
+    obj.x = point.x * scalar;
+    obj.y = point.y * scalar;
+    obj.z = point.z * scalar;
+    obj.w = point.w * scalar;
+    return obj;
+};
+
+WebGraphics.addPoint3DToPoint3D = function(a, b) {
+    var obj = {};
+    obj.x = a.x + b.x;
+    obj.y = a.y + b.y;
+    obj.z = a.z + b.z;
+    return obj;
+};
+
+WebGraphics.point3DNormalize = function(pt3d) {
+    var length = Math.sqrt(pt3d.x * pt3d.x + pt3d.y * pt3d.y + pt3d.z * pt3d.z);
+    var obj = {};
+    obj.z = pt3d.z / length;
+    obj.y = pt3d.y / length;
+    obj.x = pt3d.x / length;
+    return obj;
+};
+
+WebGraphics.randomBetween = function(min, max) {
+    var x = Math.random();
+    x *= (max - min);
+    x += min;
+    return x;
+};
+
+WebGraphics.doubleBetween = function(randMin, randMax) {
+    var result = 0;
+
+    var bottom, top;
+    if (randMin < randMax) {
+        bottom = randMin;
+        top = randMax;
+    } else {
+        bottom = randMax;
+        top = randMin;
+    }
+
+    // rnd: random in range [0.0 -> 1.0)
+    // RandBetween(bottom, top) = ((top - bottom) * rnd) + bottom
+
+    // To avoid overflows, distribute the multiplication:
+    // = top*rand - bottom*rand + bottom
+
+    var rnd = Math.random();
+    var topMult = top * rnd;
+    var bottomMult = bottom * rnd;
+
+    if ((bottom >= 0.0) == (top >= 0.0)) {
+        // Both are the same sign, do the subtraction first to avoid overflow.
+        result = topMult - bottomMult;
+        result = result + bottom;
+    } else {
+        // The signs differ, add bottom in first to avoid overflow.
+        result = topMult + bottom;
+        result = result - bottomMult;
+    }
+
+    return result;
+}
+
+WebGraphics.mix = function(x, y, a) {
+    return x * (1 - a) + (y * a);
+};
+
+WebGraphics.clamp = function(x, minVal, maxVal) {
+    return Math.min(Math.max(x, minVal), maxVal);
+};
+
+WebGraphics.sineMap = function(x) {
+    return (Math.sin(x * Math.PI - (Math.PI / 2)) + 1) * 0.5;
+};
+
+WebGraphics.createMatrix4 = function() {
+    //creates and identity matrix, column-major matrix library, it is not necessary to use this to get an ortho matrix
+    var obj = new Float32Array(16);
+    obj[0] = 1;
+    obj[1] = 0;
+    obj[2] = 0;
+    obj[3] = 0;
+    obj[4] = 0;
+    obj[5] = 1;
+    obj[6] = 0;
+    obj[7] = 0;
+    obj[8] = 0;
+    obj[9] = 0;
+    obj[10] = 1;
+    obj[11] = 0;
+    obj[12] = 0;
+    obj[13] = 0;
+    obj[14] = 0;
+    obj[15] = 1;
+    return obj;
+};
+
+WebGraphics.makeIdentityMatrix4 = function() {
+    return WebGraphics.createMatrix4();
+};
+
+WebGraphics.makeOrthoMatrix4 = function(left, right, bottom, top, near, far) {
+    var matrix = new Float32Array(16);
+    var rl = right - left;
+    var tb = top - bottom;
+    var fn = far - near;
+    matrix[0] = 2 / rl;
+    matrix[1] = 0;
+    matrix[2] = 0;
+    matrix[3] = 0;
+    matrix[4] = 0;
+    matrix[5] = 2 / tb;
+    matrix[6] = 0;
+    matrix[7] = 0;
+    matrix[8] = 0;
+    matrix[9] = 0;
+    matrix[10] = -2 /fn;
+    matrix[11] = 0;
+    matrix[12] = -(right + left) / rl;
+    matrix[13] = -(top - bottom) / tb;
+    matrix[14] = -(far + near) / fn;
+    matrix[15] = 1;
+    return matrix;
+};
+
+WebGraphics.makeFrustumMatrix4 = function(left, right, bottom, top, near, far) {
+    var rl = right - left;
+    var tb = top - bottom;
+    var fn = far - near;
+    var m = new Float32Array(16);
+    m[0] = (near * 2) / rl; //11
+    m[1] = 0; //21
+    m[2] = 0; //31
+    m[3] = 0; //41
+    m[4] = 0; //12
+    m[5] = (near * 2) / tb; //22
+    m[6] = 0; //32
+    m[7] = 0; //42
+    m[8] = (right + left) / rl;
+    m[9] = (top + bottom) / tb;
+    m[10] = -(far + near) / fn;
+    m[11] = -1;
+    m[12] = 0;
+    m[13] = 0;
+    m[14] = (-2 * far * near) / fn;
+    m[15] = 0;
+    return m;
+};
+
+WebGraphics.makePerspectiveMatrix4 = function(fovy, aspect, near, far) {
+    var top = near * Math.tan(fovy * Math.PI / 360.0);
+    var right = top * aspect;
+    return WebGraphics.makeFrustumMatrix4(-right, right, -top, top, near, far);
+};
+
+WebGraphics.multiplyMatrix4 = function(a, b) {
+    //a*b
+    var m = new Float32Array(16);
+    var a11 = a[0], a12 = a[4], a13 = a[8], a14 = a[12], a21 = a[1], a22 = a[5], a23 = a[9], a24 = a[13],
+        a31 = a[2], a32 = a[6], a33 = a[10], a34 = a[14], a41 = a[3], a42 = a[7], a43 = a[11], a44 = a[15];
+    var b11 = b[0], b12 = b[4], b13 = b[8], b14 = b[12], b21 = b[1], b22 = b[5], b23 = b[9], b24 = b[13],
+        b31 = b[2], b32 = b[6], b33 = b[10], b34 = b[14], b41 = b[3], b42 = b[7], b43 = b[11], b44 = b[15];
+    m[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
+    m[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
+    m[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
+    m[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
+    m[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
+    m[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
+    m[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
+    m[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
+    m[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
+    m[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
+    m[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
+    m[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
+    m[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
+    m[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
+    m[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
+    m[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
+    return m;
+};
+WebGraphics.scaleMatrix4 = function(m4, sx, sy, sz) {
+    var m = WebGraphics.createMatrix4();
+    m[0] = sx;
+    m[5] = sy;
+    m[10] = sz;
+    return WebGraphics.multiplyMatrix4(m4, m);
+};
+
+WebGraphics.translateMatrix4 = function(m4, tx, ty, tz) {
+    var m = WebGraphics.createMatrix4();
+    m[12] = tx;
+    m[13] = ty;
+    m[14] = tz;
+    return WebGraphics.multiplyMatrix4(m4, m);
+};
+
+WebGraphics.rotateMatrix4AboutXYZ = function(m4, theta, x, y, z) {
+    var point3d = WebGraphics.makePoint3D(x, y, z);
+    point3d = WebGraphics.point3DNormalize(point3d);
+    var ux = point3d.x;
+    var uy = point3d.y;
+    var uz = point3d.z;
+    var cos = Math.cos(theta);
+    var oneMinusCos = 1 - cos;
+    var sin = Math.sin(theta);
+    var m = WebGraphics.createMatrix4();
+    m[0] = cos + (ux * ux) * oneMinusCos;
+    m[1] = ux * uy * oneMinusCos + (uz * sin);
+    m[2] = uz * ux * oneMinusCos - uy * sin;
+    m[4] = ux * uy * oneMinusCos - uz * sin;
+    m[5] = cos + (uy * uy) * oneMinusCos;
+    m[6] = uz * uy * oneMinusCos + ux * sin;
+    m[8] = ux * uy * oneMinusCos + uy * sin;
+    m[9] = uy * uz * oneMinusCos - ux * sin;
+    m[10] = cos + (uz * uz) * oneMinusCos;
+    return WebGraphics.multiplyMatrix4(m4, m);
+};
+
+WebGraphics.colorWithHSBA = function(hue, saturation, brightness, alpha) {
+    var hueTimesSix, frac, p1, p2, p3, red, blue, green;
+    var obj = {"hue": hue, "saturation": saturation, "brightness": brightness, "alpha": alpha};
+    if (hue == 1.0) {
+        hue = 0.0;
+    }
+    hueTimesSix = hue * 6.0;
+    frac = hueTimesSix - Math.floor(hueTimesSix);
+    p1 = brightness * (1-saturation);
+    p2 = brightness * (1.0 - (saturation * frac));
+    p3 = brightness * (1.0 - (saturation * (1.0 - frac)));
+    switch (parseInt(hueTimesSix)) {
+        case 0:
+            red = brightness;
+            green = p3;
+            blue = p1;
+            break;
+        case 1:
+            red = p2;
+            green = brightness;
+            blue = p1;
+            break;
+        case 2:
+            red = p1;
+            green = brightness;
+            blue = p3;
+            break;
+        case 3:
+            red = p1;
+            green = p2;
+            blue = brightness;
+            break;
+        case 4:
+            red = p3;
+            green = p1;
+            blue = brightness;
+            break;
+        case 5:
+            red = brightness;
+            green = p1;
+            blue = p2;
+            break;
+    }
+    obj.red = red;
+    obj.blue = blue;
+    obj.green = green;
+    return obj;
+};
+
+WebGraphics.makeMat3WithAffineTransform = function(affineTransform) {
+    var obj = new Float32Array(9);
+    obj[0] = affineTransform[0];
+    obj[1] = affineTransform[1];
+    obj[2] = 0;
+    obj[3] = affineTransform[2];
+    obj[4] = affineTransform[3];
+    obj[5] = 0;
+    obj[6] = affineTransform[4];
+    obj[7] = affineTransform[5];
+    obj[8] = 1;
+    return obj;
+};
+
+/*
+ * High performance vector container for math
+ * Copyright (c) 2011 Apple, Inc
+ */
+vector3 = function(vec) {
+    this.create(vec);
+};
+
+vector3.prototype = {
+    create: function(vec) {
+        var m = this.$matrix = {};
+        if (!vec) {
+            m.m11 = 0;
+            m.m12 = 0;
+            m.m13 = 0;
+        } else {
+            m.m11 = vec[0];
+            m.m12 = vec[1];
+            m.m13 = vec[2];
+        }
+    },
+
+    subtract: function(vec) {
+        var m = this.$matrix;
+        var mm = vec.$matrix;
+        m.m11 -= mm.m11;
+        m.m12 -= mm.m12;
+        m.m13 -= mm.m13;
+    },
+
+    add: function(vec) {
+        var m = this.$matrix;
+        var mm = vec.$matrix;
+        m.m11 += mm.m11;
+        m.m12 += mm.m12;
+        m.m13 += mm.m13;
+    },
+
+    normalize: function() {
+        var m = this.$matrix;
+        var length = Math.sqrt((m.m11 * m.m11) + (m.m12 * m.m12) + (m.m13 * m.m13));
+        if (length > 0) {
+            m.m11 /= length;
+            m.m12 /= length;
+            m.m13 /= length;
+        }
+    },
+
+    scale: function(scalar) {
+        var m = this.$matrix;
+        m.m11 *= scalar;
+        m.m12 *= scalar;
+        m.m13 *= scalar;
+    },
+
+    cross: function(vec) {
+        var m = this.$matrix;
+        var mm = vec.$matrix;
+        var a1 = mm.m11, a2 = mm.m12, a3 = mm.m13;
+        var m1 = m.m11, m2 = m.m12, m3 = m.m13;
+        m.m11 = m2 * a3 - m3 * a2;
+        m.m12 = m3 * a1 - m1 * a3;
+        m.m13 = m1 * a2 - m2 * a1;
+    },
+
+    getArray: function() {
+        var m = this.$matrix;
+
+        return [m.m11, m.m12, m.m13];
+    }
+};
+
+// Matrix3, 3x3 Matrix Class
+// Matrix3 stores row-major order, simply transverse to get a webGL acceptable array
+Matrix3 = function() {
+    this.identity();
+};
+
+Matrix3.prototype = {
+    identity: function() {
+        this.$matrix = {
+            m11: 1, m12: 0, m13: 0,
+            m21: 0, m22: 1, m23: 0,
+            m31: 0, m32: 0, m33: 1
+        };
+    },
+
+    affineScale: function(sx, sy) {
+        var m = this.$matrix;
+        m.m11 = sx;
+        m.m22 = sy;
+    },
+
+    affineTranslate: function(tx, ty) {
+        var m = this.$matrix;
+        m.m13 = tx;
+        m.m23 = ty;
+    },
+
+    transformTranslate: function(tx, ty) {
+        var matrix = new Matrix3();
+        matrix.affineTranslate(tx, ty);
+        this.multiply(matrix.getArray());
+    },
+
+    multiply: function(mat) {
+        var m = this.$matrix;
+        var m0 = m.m11, m1 = m.m12, m2 = m.m13, m3 = m.m21, m4 = m.m22, m5 = m.m23, m6 = m.m31, m7 = m.m32, m8 = m.m33;
+        m.m11 = m0 * mat[0] + m1 * mat[3] + m2 * mat[6];
+        m.m12 = m0 * mat[1] + m1 * mat[4] + m2 * mat[7];
+        m.m13 = m0 * mat[2] + m1 * mat[5] + m2 * mat[8];
+        m.m21 = m3 * mat[0] + m4 * mat[3] + m5 * mat[6];
+        m.m22 = m3 * mat[1] + m4 * mat[4] + m5 * mat[7];
+        m.m23 = m3 * mat[2] + m4 * mat[5] + m5 * mat[8];
+        m.m31 = m6 * mat[0] + m7 * mat[3] + m8 * mat[6];
+        m.m32 = m6 * mat[1] + m7 * mat[4] + m8 * mat[7];
+        m.m33 = m6 * mat[2] + m7 * mat[5] + m8 * mat[8];
+    },
+
+    getArray: function() {
+        // this is row major order, for WebGL you'll need to transverse this
+        var m = this.$matrix;
+
+        return [m.m11, m.m12, m.m13, m.m21, m.m22, m.m23, m.m31, m.m32, m.m33];
+    },
+
+    getFloat32Array: function() {
+        return new Float32Array(this.getArray());
+    },
+
+    getColumnMajorArray: function() {
+        // this is row major order, for WebGL you'll need to transverse this
+        var m = this.$matrix;
+
+        return [m.m11, m.m21, m.m31, m.m12, m.m22, m.m32, m.m13, m.m23, m.m33 ];
+    },
+
+    getColumnMajorFloat32Array: function() {
+        return new Float32Array(this.getColumnMajorArray());
+    }
+
+};
+
+Matrix4 = function() {
+    this.identity();
+};
+
+Matrix4.prototype = {
+    identity: function() {
+        this.$matrix = {
+            m11: 1, m12: 0, m13: 0, m14: 0,
+            m21: 0, m22: 1, m23: 0, m24: 0,
+            m31: 0, m32: 0, m33: 1, m34: 0,
+            m41: 0, m42: 0, m43: 0, m44: 1
+        };
+    },
+
+    translate: function(x, y, z) {
+        var matrix = new Matrix4();
+        var m = matrix.$matrix;
+        m.m14 = x;
+        m.m24 = y;
+        m.m34 = z;
+        this.multiply(matrix);
+        /*
+         * this.$matrix.m41 = this.$matrix.m11*x + this.$matrix.m21*y +
+         * this.$matrix.m31*z + this.$matrix.m41; this.$matrix.m42 =
+         * this.$matrix.m12*x + this.$matrix.m22*y + this.$matrix.m32*z +
+         * this.$matrix.m42; this.$matrix.m43 = this.$matrix.m13*x +
+         * this.$matrix.m23*y + this.$matrix.m33*z + this.$matrix.m43;
+         * this.$matrix.m44 = this.$matrix.m14*x + this.$matrix.m24*y +
+         * this.$matrix.m34*z + this.$matrix.m44;
+         */
+    },
+
+    scale: function(x, y, z) {
+        var matrix = new Matrix4();
+        var m = matrix.$matrix;
+        m.m11 = x;
+        m.m22 = y;
+        m.m33 = z;
+        this.multiply(matrix);
+    },
+
+    multiply: function(mat) {
+        var m = this.$matrix;
+        var mm = mat.$matrix;
+        var m11 = (mm.m11 * m.m11 + mm.m21 * m.m12 + mm.m31 * m.m13 + mm.m41 * m.m14);
+        var m12 = (mm.m12 * m.m11 + mm.m22 * m.m12 + mm.m32 * m.m13 + mm.m42 * m.m14);
+        var m13 = (mm.m13 * m.m11 + mm.m23 * m.m12 + mm.m33 * m.m13 + mm.m43 * m.m14);
+        var m14 = (mm.m14 * m.m11 + mm.m24 * m.m12 + mm.m34 * m.m13 + mm.m44 * m.m14);
+
+        var m21 = (mm.m11 * m.m21 + mm.m21 * m.m22 + mm.m31 * m.m23 + mm.m41 * m.m24);
+        var m22 = (mm.m12 * m.m21 + mm.m22 * m.m22 + mm.m32 * m.m23 + mm.m42 * m.m24);
+        var m23 = (mm.m13 * m.m21 + mm.m23 * m.m22 + mm.m33 * m.m23 + mm.m43 * m.m24);
+        var m24 = (mm.m14 * m.m21 + mm.m24 * m.m22 + mm.m34 * m.m23 + mm.m44 * m.m24);
+
+        var m31 = (mm.m11 * m.m31 + mm.m21 * m.m32 + mm.m31 * m.m33 + mm.m41 * m.m34);
+        var m32 = (mm.m12 * m.m31 + mm.m22 * m.m32 + mm.m32 * m.m33 + mm.m42 * m.m34);
+        var m33 = (mm.m13 * m.m31 + mm.m23 * m.m32 + mm.m33 * m.m33 + mm.m43 * m.m34);
+        var m34 = (mm.m14 * m.m31 + mm.m24 * m.m32 + mm.m34 * m.m33 + mm.m44 * m.m34);
+
+        var m41 = (mm.m11 * m.m41 + mm.m21 * m.m42 + mm.m31 * m.m43 + mm.m41 * m.m44);
+        var m42 = (mm.m12 * m.m41 + mm.m22 * m.m42 + mm.m32 * m.m43 + mm.m42 * m.m44);
+        var m43 = (mm.m13 * m.m41 + mm.m23 * m.m42 + mm.m33 * m.m43 + mm.m43 * m.m44);
+        var m44 = (mm.m14 * m.m41 + mm.m24 * m.m42 + mm.m34 * m.m43 + mm.m44 * m.m44);
+
+        m.m11 = m11;
+        m.m12 = m12;
+        m.m13 = m13;
+        m.m14 = m14;
+
+        m.m21 = m21;
+        m.m22 = m22;
+        m.m23 = m23;
+        m.m24 = m24;
+
+        m.m31 = m31;
+        m.m32 = m32;
+        m.m33 = m33;
+        m.m34 = m34;
+
+        m.m41 = m41;
+        m.m42 = m42;
+        m.m43 = m43;
+        m.m44 = m44;
+    },
+
+    perspective: function(fovy, aspect, near, far) {
+        var top = near * Math.tan(fovy * Math.PI / 360.0);
+        var right = top * aspect;
+        return this.frustum(-right, right, -top, top, near, far);
+    },
+
+    ortho: function(left, right, bottom, top, near, far) {
+        var rl = right - left;
+        var tb = top - bottom;
+        var fn = far - near;
+        var m = this.$matrix;
+        m.m11 = 2 / rl;
+        m.m12 = 0;
+        m.m13 = 0;
+        m.m14 = -(right + left) / rl;
+        m.m21 = 0;
+        m.m22 = 2 / tb;
+        m.m23 = 0;
+        m.m24 = -(top + bottom) / tb;
+        m.m31 = 0;
+        m.m32 = 0;
+        m.m33 = -2 / fn;
+        m.m34 = -(far + near) / fn;
+        m.m41 = 0;
+        m.m42 = 0;
+        m.m43 = 0;
+        m.m44 = 1;
+    },
+
+    frustum: function(left, right, bottom, top, near, far) {
+        var rl = right - left;
+        var tb = top - bottom;
+        var fn = far - near;
+        var m = this.$matrix;
+        m.m11 = (near * 2) / rl;
+        m.m12 = 0;
+        m.m13 = (right + left) / rl;
+        m.m14 = 0;
+        m.m21 = 0;
+        m.m22 = (near * 2) / tb;
+        m.m23 = (top + bottom) / tb;
+        m.m24 = 0;
+        m.m31 = 0;
+        m.m32 = 0;
+        m.m33 = -(far + near) / fn;
+        m.m34 = (-2 * far * near) / fn;
+        m.m41 = 0;
+        m.m42 = 0;
+        m.m43 = -1;
+        m.m44 = 0;
+    },
+
+    getArray: function() {
+        // this is row major order, for WebGL you'll need to transverse this
+        var m = this.$matrix;
+
+        return [m.m11, m.m12, m.m13, m.m14,
+                m.m21, m.m22, m.m23, m.m24,
+                m.m31, m.m32, m.m33, m.m34,
+                m.m41, m.m42, m.m43, m.m44];
+    },
+
+    getFloat32Array: function() {
+        return new Float32Array(this.getArray());
+    },
+
+    getColumnMajorArray: function() {
+        // this is row major order, for WebGL you'll need to transverse this
+        var m = this.$matrix;
+
+        return [m.m11, m.m21, m.m31, m.m41,
+                m.m12, m.m22, m.m32, m.m42,
+                m.m13, m.m23, m.m33, m.m43,
+                m.m14, m.m24, m.m34, m.m44];
+    },
+
+    getColumnMajorFloat32Array: function() {
+        return new Float32Array(this.getColumnMajorArray());
+    }
+};
+
+function TSUMix(a, b, x) {
+    return a + (b - a) * x;
+}
+
+//sinusoidal timing function
+function TSUSineMap(x) {
+    return (Math.sin(x * Math.PI - (Math.PI / 2)) + 1) * 0.5;
+}
+
+//function for Twist sizing
+function TwistFX(location, percent) {
+    var twist = 4.0 / 10.25;
+    var x = (1 + twist) * percent - twist * location;
+    if (x < 0) {
+        return 0;
+    }
+    else if (x > 1) {
+        return 1;
+    }
+    else {
+        return TSUSineMap(x);
+    }
+}
+
+//CGAffineTransformMakeRotation
+function CGAffineTransformMakeRotation(angle) {
+    var sine, consine;
+
+    sine = Math.sin(angle);
+    cosine = Math.cos(angle);
+
+    return [cosine, sine, -sine, cosine, 0, 0];
+}
+
+//CGAffineTransformEqualToTransform
+function CGAffineTransformEqualToTransform(t1, t2) {
+    return t1.a === t2.a && t1.b === t2.b && t1.c === t2.c && t1.d === t2.d && t1.tx === t2.tx && t1.ty === t2.ty;
+}
+
+//CATransform3DEqualToTransform
+function CATransform3DEqualToTransform(a, b) {
+    var result = a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8] && a[9] === b[9] && a[10] === b[10] && a[11] === b[11] && a[12] === b[12] && a[13] === b[13] && a[14] === b[14] && a[15] === b[15];
+
+    return result;
+}
+
+//CGPointMake
+function CGPointMake(x, y) {
+    var p = {
+        x: x,
+        y: y
+    };
+
+    return p;
+}
+
+//CGRectIntersection
+function CGRectIntersection(r1, r2) {
+    var r = {
+        "origin": {
+            "x": 0,
+            "y": 0
+        },
+        "size": {
+            "width": 0,
+            "height": 0
+        }
+    };
+
+    var x1, x2, y1, y2;
+
+    x1 = Math.max(r1.origin.x, r2.origin.x);
+    x2 = Math.min(r1.origin.x + r1.size.width, r2.origin.x + r2.size.width);
+
+    if (x1 > x2) {
+        return r;
+    }
+
+    y1 = Math.max(r1.origin.y, r2.origin.y);
+    y2 = Math.min(r1.origin.y + r1.size.height, r2.origin.y + r2.size.height);
+
+    if (y1 > y2) {
+        return r;
+    }
+
+    r.origin.x = x1;
+    r.size.width = x2 - x1;
+    r.origin.y = y1;
+    r.size.height = y2 - y1;
+
+    return r;
+}
+
+// CGRectIntegral
+function CGRectIntegral(rect) {
+    var r = {
+        "origin": {
+            "x": 0,
+            "y": 0
+        },
+        "size": {
+            "width": 0,
+            "height": 0
+        }
+    };
+
+    r.origin.x = Math.floor(rect.origin.x);
+    r.origin.y = Math.floor(rect.origin.y);
+    r.size.width = Math.ceil(rect.origin.x + rect.size.width) - r.origin.x;
+    r.size.height = Math.ceil(rect.origin.y + rect.size.height) - r.origin.y;
+    return r;
+}
+
+// CGRectGetMinX
+function CGRectGetMinX(rect) {
+    return rect.origin.x;
+}
+
+// CGRectGetMinY
+function CGRectGetMinY(rect) {
+    return rect.origin.y;
+}
+
+// CGRectGetMidX
+function CGRectGetMidX(rect) {
+    return rect.origin.x + rect.size.width / 2;
+}
+
+// CGRectGetMidY
+function CGRectGetMidY(rect) {
+    return rect.origin.y + rect.size.height / 2;
+}
+
+// CGRectGetMaxX
+function CGRectGetMaxX(rect) {
+    return rect.origin.x + rect.size.width;
+}
+
+// CGRectGetMaxY
+function CGRectGetMaxY(rect) {
+    return rect.origin.y + rect.size.height;
+}
+
+// CGRectEqualToRect
+function CGRectEqualToRect(rect1, rect2) {
+    return (rect1.origin.x == rect2.origin.x) && (rect1.origin.y == rect2.origin.y) && (rect1.size.width == rect2.size.width) && (rect1.size.height == rect2.size.height);
+}
+
+// CGRectMake
+function CGRectMake(x, y, width, height) {
+    var r = {
+        "origin": {
+            "x": x,
+            "y": y
+        },
+        "size": {
+            "width": width,
+            "height": height
+        }
+    };
+
+    return r;
+}
+
+// CGSizeMake
+function CGSizeMake(width, height) {
+    var sizeOut = {};
+    sizeOut.width = width;
+    sizeOut.height = height;
+
+    return sizeOut;
+}
+
+// CGSizeEqualToSize
+function CGSizeEqualToSize (size1, size2) {
+    return size1.width === size2.width && size1.height === size2.height;
+}
+
+// CGSizeZero
+var CGSizeZero = {
+    "width": 0,
+    "height": 0
+};
+
+// CGRectZero
+var CGRectZero = {
+    "origin": {
+        "x": 0,
+        "y": 0
+    },
+    "size": {
+        "width": 0,
+        "height": 0
+    }
+};
+
+// TSDRectUnit
+var TSDRectUnit = {
+    "origin": {
+        "x": 0,
+        "y": 0
+    },
+    "size": {
+        "width": 1,
+        "height": 1
+    }
+};
+
+//TSDMixFloats
+function TSDMixFloats(a, b, fraction) {
+    return a * (1.0 - fraction) + b * fraction;
+}
+
+// TSDCenterOfRect
+function TSDCenterOfRect(rect) {
+    return WebGraphics.makePoint(CGRectGetMidX(rect), CGRectGetMidY(rect));
+}
+
+// TSDPointFromNormalizedRect
+function TSDPointFromNormalizedRect(pt, rect) {
+    return WebGraphics.makePoint(rect.origin.x + pt.x * rect.size.width, rect.origin.y + pt.y * rect.size.height);
+}
+
+// TSDRectWithPoints
+function TSDRectWithPoints(a, b) {
+	// smallest rect enclosing two points
+    var minX = Math.min(a.x, b.x);
+    var maxX = Math.max(a.x, b.x);
+    var minY = Math.min(a.y, b.y);
+    var maxY = Math.max(a.y, b.y);
+
+    return CGRectMake(minX, minY, maxX - minX, maxY - minY);
+}
+
+function TSDGLColor(r, g, b, a) {
+    var color = {
+        r: r,
+        g: g,
+        b: b,
+        a: a
+    };
+
+    return color;
+}
+
+var TSD8bitColorDenominator  = 0.003906402593851;
+
+/// Creates a TSDGLColor4f from a 32-bit BGRA-encoded unsigned int
+function TSDGLColor4fMakeWithUInt(anInt) {
+    var color = WebGraphics.makePoint4D(
+        ((anInt & 0x00ff0000) >> 16) * TSD8bitColorDenominator,
+        ((anInt & 0x0000ff00) >> 8) * TSD8bitColorDenominator,
+        ((anInt & 0x000000ff)) * TSD8bitColorDenominator,
+        ((anInt & 0xff000000) >> 24) * TSD8bitColorDenominator
+    );
+
+    return color;
+}
+
+// TSUReverseSquare
+function TSUReverseSquare(x) {
+    var reverse = 1.0 - x;
+    return 1.0 - reverse * reverse;
+}
+
+window.requestAnimFrame = (function() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame
+        || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback, element) {
+            window.setTimeout(callback, 1000 / 60);
+        };
+})();

assets/player/gl/ParameterGroup.js

@@ -1,3 +1,153 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:650870f0913c488aa958682f77399948ccc9cfa242ada934a531680b15de2111
-size 4014
+/*
+ * ParameterGroup.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2018 Apple Inc. All rights reserved.
+ */
+
+var KNAnimParameterGroup = Class.create({
+    initialize: function(name) {
+        this.parameterGroup = ParameterGroup[name];
+
+        this.animationCurves = {};
+    },
+
+    doubleForKey: function(key) {
+        var result =  this.parameterGroup[key].dblValue;
+
+        if (!result) {
+            result = this.parameterGroup[key];
+        }
+
+        return result;
+    },
+
+    boolForKey: function(key) {
+        var result = this.parameterGroup[key].dblValue;
+
+        if (!result) {
+            result = this.parameterGroup[key];
+        }
+
+        return result > 0;
+    },
+
+    doubleForAnimationCurve: function(key, percent) {
+        var path = this.pathForAnimationCurve(key);
+        var result = path.yValueFromXValue(percent);
+
+        return result;
+    },
+
+    pathForAnimationCurve: function(key) {
+        var bezierCurve = this.animationCurves[key];
+
+        if (!bezierCurve) {
+            var parameter = this.parameterGroup[key];
+            bezierCurve = new CubicBezierPath(parameter.controlPoints[0], parameter.controlPoints[1]);
+
+            this.animationCurves[key] = bezierCurve;
+        }
+
+        return bezierCurve;
+    }
+});
+
+// Bezier Curve with Newton's method for solving
+var CubicBezierPath = Class.create({
+    initialize: function(p1, p2) {
+        var cx = this.cx = 3 * p1.x;
+        var bx = this.bx = 3 * (p2.x - p1.x) - cx;
+        var ax = this.ax = 1 - cx - bx;
+
+        var cy = this.cy = 3 * p1.y;
+        var by = this.by = 3 * (p2.y - p1.y) - cy;
+        var ay = this.ay = 1 - cy - by;
+
+        // loop 5 times maximum
+        this.iteration = 5;
+
+        // the tolerance accepted
+        this.epsilon = 1e-4;
+    },
+
+    bezierCurveX: function(t) {
+        return t * (this.cx + t * (this.bx + t * this.ax));
+    },
+
+    bezierCurveY: function(t) {
+        return t * (this.cy + t * (this.by + t * this.ay));
+    },
+
+    bezierCurveDerivativeX: function(t) {
+        return this.cx + t * (2 * this.bx + 3 * this.ax * t);
+    },
+
+    solveXForT: function(t) {
+        var epsilon = this.epsilon;
+        var x0 = t;
+        var x1;
+
+        for (var i = 0, length = this.iteration; i < length; i++) {
+            x1 = this.bezierCurveX(x0) - t;
+
+            if (Math.abs(x1) < epsilon) {
+                break;
+            }
+
+            x0 = x0 - (x1 / this.bezierCurveDerivativeX(x0));
+        }
+
+        return x0;
+    },
+
+    yValueFromXValue: function(xValue) {
+        return this.bezierCurveY(this.solveXForT(xValue));
+    }
+
+});
+
+var ParameterGroup = {
+    "Fireworks": {
+        "FireworkSizeMax": 0.3,
+        "FireworkDurationMax": 2,
+        "ParticleTrailsDitherMax": 2,
+        "SparkleStartTime": 0.5,
+        "TextOpacityEndTime": 0.6,
+        "ParticleTransparency": {
+            "dblValue": 0,
+            "controlPoints": [{"x": 1, "y": 0}, {"x": 0.718446, "y": 1}]
+        },
+        "TextOpacityTiming": {
+            "dblValue": 0,
+            "controlPoints": [{"x": 1, "y": 0}, {"x": 0.825627, "y": 1}]
+        },
+        "BloomBlurScale":4,
+        "Gravity": 20,
+        "ParticleBurstTiming": {
+            "dblValue": 0,
+            "controlPoints": [{"x": 0, "y": 1}, {"x": 0.551894, "y": 0.993738}]
+        },
+        "ParticleSizeStart": 0.5,
+        "ParticleTrailsDitherAmount": 0.5,
+        "CenterBurstOpacity": 1,
+        "BloomPower": 3,
+        "ParticleSizeMax": 0.5,
+        "ParticleSizeMin": 3,
+        "CenterBurstScaleMin": 0.15,
+        "TrailsFadeOutMax": 0.1,
+        "CenterBurstScaleMax": 0.3,
+        "TrailsFadeOutMin": 0.03,
+        "TextOpacityBeginTime": 0.1,
+        "ParticleCount": 200,
+        "SparklePeriod": 13,
+        "ParticleColorRandomness": 0.09,
+        "FireworkSpeedMax": 1,
+        "FireworkDurationMin": 1,
+        "FireworkSizeMin": 0.15,
+        "ParticleLifeSpanMinDuration": 0.5,
+        "FireworkSpeedMin": 0.8,
+        "FireworksCount": 2
+    }
+};

assets/player/gl/TSDGLBloomEffect.js

@@ -1,3 +1,170 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ea5fc578fe5d6b58736f3b69bb2176600a5249d6390ec23cefc4b654fa5e9e93
-size 6726
+/*
+ * TSDGLBloomEffect.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2018 Apple Inc. All rights reserved.
+ */
+
+var kShaderUniformBloomAmount = "BloomAmount";
+var kShaderUniformBlurTexture = "BlurTexture";
+
+var TSDGLBloomEffect = Class.create({
+    initialize: function(gl) {
+        this.gl = gl;
+    },
+
+    initWithEffectSize: function(effectSize, blurScale) {
+        this._effectSize = effectSize;
+
+        // blurScale must be >= 1.0
+        this._blurBufferSize = CGSizeMake(Math.max(16, Math.ceil(effectSize.width / blurScale)), Math.max(16, Math.ceil(effectSize.height / blurScale)));;
+
+        this.p_setupShaders();
+        this.p_setupBuffers();
+    },
+
+    p_setupShaders: function() {
+        var gl = this.gl;
+        var _blurBufferSize = this._blurBufferSize;
+
+        var blurTextureSize = WebGraphics.makePoint(1.0 / _blurBufferSize.width, 1.0 / _blurBufferSize.height);
+        var blurTransform = WebGraphics.makeOrthoMatrix4(0, _blurBufferSize.width, 0, _blurBufferSize.height, -1, +1);
+
+        // shader 1: horizontal blur shader
+        var _blurHorizontalShader = this._blurHorizontalShader = new TSDGLShader(gl);
+        _blurHorizontalShader.initWithDefaultHorizontalBlurShader();
+        _blurHorizontalShader.setMat4WithTransform3D(blurTransform, kTSDGLShaderUniformMVPMatrix);
+        _blurHorizontalShader.setPoint2D(blurTextureSize, kTSDGLShaderUniformTextureSize);
+
+        // shader 2: vertical blur shader
+        var _blurVerticalShader = this._blurVerticalShader = new TSDGLShader(gl);
+        _blurVerticalShader.initWithDefaultVerticalBlurShader();
+        _blurVerticalShader.setMat4WithTransform3D(blurTransform, kTSDGLShaderUniformMVPMatrix);
+        _blurVerticalShader.setPoint2D(blurTextureSize, kTSDGLShaderUniformTextureSize);
+
+        // shader 3: transfer shader
+        var _fboTransferShader = this._fboTransferShader = new TSDGLShader(gl);
+        _fboTransferShader.initWithDefaultTextureShader();
+        _fboTransferShader.setMat4WithTransform3D(blurTransform, kTSDGLShaderUniformMVPMatrix);
+
+        // shader 4: bloom effect shader
+        var _bloomShader = this._bloomShader = new TSDGLShader(gl);
+        _bloomShader.initWithShaderFileNames("bloom", "bloom");
+        _bloomShader.setGLint(0, kTSDGLShaderUniformTexture);
+        _bloomShader.setGLint(1, kShaderUniformBlurTexture);
+    },
+
+    p_setupBuffers: function() {
+        var gl = this.gl;
+        var _effectSize = this._effectSize;
+        var _blurBufferSize = this._blurBufferSize;
+        var meshSize = CGSizeMake(2, 2);
+        var effectRect = CGRectMake(0, 0, _effectSize.width, _effectSize.height);
+        var blurBufferRect = CGRectMake(0, 0, _blurBufferSize.width, _blurBufferSize.height);
+
+        // buffer 1: bloom effect
+        var _dataBuffer = this._dataBuffer = new TSDGLDataBuffer(gl);
+        _dataBuffer.initWithVertexRect(effectRect, TSDRectUnit, meshSize, false, false);
+
+        // buffer 2: blur buffer
+        var _blurDataBuffer = this._blurDataBuffer = new TSDGLDataBuffer(gl);
+        _blurDataBuffer.initWithVertexRect(blurBufferRect, CGRectZero, meshSize, true, false);
+
+        // buffer 3: transfer buffer
+        var _blurTransferDataBuffer = this._blurTransferDataBuffer = new TSDGLDataBuffer(gl);
+        _blurTransferDataBuffer.initWithVertexRect(blurBufferRect, TSDRectUnit, meshSize, false, false);
+
+        // initialize color framebuffer with one texture for storing incoming rendering
+        this._colorFramebuffer = new TSDGLFrameBuffer(gl, _effectSize, 1);
+
+        // initialize blur framebuffer with two textures for blurring operations
+        this._blurFramebuffer = new TSDGLFrameBuffer(gl, _blurBufferSize, 2);
+    },
+
+    bindFramebuffer: function() {
+        this._colorFramebuffer.bindFramebuffer();
+    },
+
+    unbindFramebufferAndBindGLFramebuffer: function(previousFramebuffer) {
+        this._colorFramebuffer.unbindFramebufferAndBindGLFramebuffer(previousFramebuffer);
+    },
+
+    p_blurColorBufferWithPreviousFramebuffer: function(previousFramebuffer) {
+        var gl = this.gl;
+        var _blurFramebuffer = this._blurFramebuffer;
+        var _blurBufferSize = this._blurBufferSize;
+
+        _blurFramebuffer.bindFramebuffer();
+
+        gl.clear(gl.COLOR_BUFFER_BIT);
+
+        gl.viewport(0, 0, _blurBufferSize.width, _blurBufferSize.height);
+
+        // Step 1: Transfer color to blur buffer
+
+        gl.bindTexture(gl.TEXTURE_2D, this._colorFramebuffer.currentGLTexture());
+
+        this._blurTransferDataBuffer.drawWithShader(this._fboTransferShader, true);
+
+        // Step 2: Blur horizontally
+
+        var blurTexture = _blurFramebuffer.currentGLTexture();
+        _blurFramebuffer.setCurrentTextureToNext();
+
+        gl.clear(gl.COLOR_BUFFER_BIT);
+
+        gl.bindTexture(gl.TEXTURE_2D, blurTexture);
+
+        this._blurDataBuffer.drawWithShader(this._blurHorizontalShader, true);
+
+        // Step 3: Blur Vertically
+
+        gl.bindTexture(gl.TEXTURE_2D, null);
+
+        blurTexture = _blurFramebuffer.currentGLTexture();
+        _blurFramebuffer.setCurrentTextureToNext();
+
+        gl.clear(gl.COLOR_BUFFER_BIT);
+
+        gl.bindTexture(gl.TEXTURE_2D, blurTexture);
+
+        this._blurDataBuffer.drawWithShader(this._blurVerticalShader, true);
+
+        _blurFramebuffer.unbindFramebufferAndBindGLFramebuffer(previousFramebuffer);
+
+        gl.bindTexture(gl.TEXTURE_2D, null);
+    },
+
+    drawBloomEffectWithMVPMatrix: function(MVPMatrix, bloomAmount, currentGLFramebuffer) {
+        var gl = this.gl;
+        var _effectSize = this._effectSize;
+        var oldViewportRect = gl.getParameter(gl.VIEWPORT);
+
+        // Blur color buffer into blur FBO
+        this.p_blurColorBufferWithPreviousFramebuffer(currentGLFramebuffer);
+
+        // change viewport back to effect size
+        gl.viewport(0, 0, _effectSize.width, _effectSize.height);
+
+        // Draw Bloom
+        gl.activeTexture(gl.TEXTURE1);
+        gl.bindTexture(gl.TEXTURE_2D, this._blurFramebuffer.currentGLTexture());
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, this._colorFramebuffer.currentGLTexture());
+
+        var _bloomShader = this._bloomShader;
+        _bloomShader.setMat4WithTransform3D(MVPMatrix, kTSDGLShaderUniformMVPMatrix);
+        _bloomShader.setGLFloat(bloomAmount, kShaderUniformBloomAmount);
+
+        this._dataBuffer.drawWithShader(_bloomShader, true);
+
+        gl.activeTexture(gl.TEXTURE1);
+        gl.bindTexture(gl.TEXTURE_2D, null);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, null);
+
+        // change viewport back to original size
+        gl.viewport(oldViewportRect[0], oldViewportRect[1], oldViewportRect[2], oldViewportRect[3]);
+    }
+});

assets/player/gl/TSDGLDataBuffer.js

@@ -1,3 +1,823 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ed75ed02475d747fc5d8bf38d62998ac7ff9794c95ea2a0ed30e489c1de2dec4
-size 26073
+/*
+ * TSDGLDataBuffer.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2018 Apple Inc. All rights reserved.
+ */
+
+var CHAR_MAX = 127;
+var UCHAR_MAX = 255;
+var SHRT_MAX = 32767;
+var USHRT_MAX = 65535;
+
+/* Boolean */
+var GL_FALSE = 0;
+var GL_TRUE = 1;
+
+/* BeginMode */
+var GL_POINTS = 0x0000;
+var GL_LINES = 0x0001;
+var GL_LINE_LOOP = 0x0002;
+var GL_LINE_STRIP = 0x0003;
+var GL_TRIANGLES = 0x0004;
+var GL_TRIANGLE_STRIP = 0x0005;
+var GL_TRIANGLE_FAN = 0x0006;
+
+/* DataType */
+var GL_BYTE = 0x1400;
+var GL_UNSIGNED_BYTE = 0x1401;
+var GL_SHORT = 0x1402;
+var GL_UNSIGNED_SHORT = 0x1403;
+var GL_INT = 0x1404;
+var GL_UNSIGNED_INT = 0x1405;
+var GL_FLOAT = 0x1406;
+var GL_DOUBLE = 0x140A;
+
+var GL_STREAM_DRAW = 0x88E0;
+var GL_STATIC_DRAW = 0x88E4;
+var GL_DYNAMIC_DRAW = 0x88E8;
+
+var GL_FLOAT_VEC2 = 0x8B50;
+var GL_FLOAT_VEC3 = 0x8B51;
+var GL_FLOAT_VEC4 = 0x8B52;
+var GL_INT_VEC2 = 0x8B53;
+var GL_INT_VEC3 = 0x8B54;
+var GL_INT_VEC4 = 0x8B55;
+var GL_BOOL = 0x8B56;
+var GL_BOOL_VEC2 = 0x8B57;
+var GL_BOOL_VEC3 = 0x8B58;
+var GL_BOOL_VEC4 = 0x8B59;
+var GL_FLOAT_MAT2 = 0x8B5A;
+var GL_FLOAT_MAT3 = 0x8B5B;
+var GL_FLOAT_MAT4 = 0x8B5C;
+var GL_SAMPLER_1D = 0x8B5D;
+var GL_SAMPLER_2D = 0x8B5E;
+var GL_SAMPLER_3D = 0x8B5F;
+var GL_SAMPLER_CUBE = 0x8B60;
+
+var TSDGLDataBufferDataTypeUnknown = 0;
+var TSDGLDataBufferDataTypeByte = GL_BYTE;
+var TSDGLDataBufferDataTypeUnsignedByte = GL_UNSIGNED_BYTE;
+var TSDGLDataBufferDataTypeShort = GL_SHORT;
+var TSDGLDataBufferDataTypeUnsignedShort = GL_UNSIGNED_SHORT;
+var TSDGLDataBufferDataTypeFloat = GL_FLOAT;
+
+function TSDGLDataBufferDataTypeAsGLEnum(dataType) {
+    var result = 0;
+    switch (dataType) {
+        case TSDGLDataBufferDataTypeByte:
+            result = GL_BYTE;
+            break;
+        case TSDGLDataBufferDataTypeUnsignedByte:
+            result = GL_UNSIGNED_BYTE;
+            break;
+        case TSDGLDataBufferDataTypeUnsignedShort:
+            result = GL_UNSIGNED_SHORT;
+            break;
+        case TSDGLDataBufferDataTypeShort:
+            result = GL_SHORT;
+            break;
+        case TSDGLDataBufferDataTypeFloat:
+            result = GL_FLOAT;
+            break;
+        case TSDGLDataBufferDataTypeUnknown:
+            console.log("Unknown TSDGLdataBufferDataType!");
+            break;
+    }
+
+    return result;
+}
+
+function TSDGLDataBufferDataTypeSize(dataType) {
+    var result = 0;
+    switch (dataType) {
+        case GL_BYTE:
+            result = 1;
+            break;
+        case GL_UNSIGNED_BYTE:
+            result = 1;
+            break;
+        case GL_SHORT:
+            result = 2;
+            break;
+        case GL_UNSIGNED_SHORT:
+            result = 2;
+            break;
+        case GL_FLOAT:
+            result = 4;
+            break;
+        default:
+            break;
+    }
+
+    return result;
+}
+
+function TSDGLPoint2DByteFromPoint2D(aPoint, isNormalized) {
+    var x = TSDGLbyteFromFloat(aPoint.x, isNormalized);
+    var y = TSDGLbyteFromFloat(aPoint.y, isNormalized);
+
+    var p = new Int8Array(2);
+    p.set([x, y], 0);
+
+    return p;
+}
+
+function TSDGLbyteFromFloat(aFloat, isNormalized) {
+    if (isNormalized) {
+        aFloat *= CHAR_MAX;
+    }
+
+    return aFloat;
+}
+
+function TSDGLPoint2DUnsignedByteFromPoint2D(aPoint, isNormalized) {
+    var x = TSDGLubyteFromFloat(aPoint.x, isNormalized);
+    var y = TSDGLubyteFromFloat(aPoint.y, isNormalized);
+
+    var p = new Uint8Array(2);
+
+    p.set([x, y], 0);
+
+    return p;
+}
+
+function TSDGLubyteFromFloat(aFloat, isNormalized) {
+    if (isNormalized) {
+        aFloat *= UCHAR_MAX;
+    }
+
+    return aFloat;
+}
+
+function TSDGLPoint2DShortFromPoint2D(aPoint, isNormalized) {
+    var x = TSDGLshortFromFloat(aPoint.x, isNormalized);
+    var y = TSDGLshortFromFloat(aPoint.y, isNormalized);
+
+    var p = new Int16Array(4);
+    p.set([x, y], 0);
+
+    return p;
+}
+
+function TSDGLshortFromFloat(aFloat, isNormalized) {
+    if (isNormalized) {
+        aFloat *= SHRT_MAX;
+    }
+
+    return aFloat;
+}
+
+function TSDGLPoint2DUnsignedShortFromPoint2D(aPoint, isNormalized) {
+    var x = TSDGLushortFromFloat(aPoint.x, isNormalized);
+    var y = TSDGLushortFromFloat(aPoint.y, isNormalized);
+
+    var p = new Uint16Array(4);
+    p.set([x, y], 0);
+
+    return p;
+}
+
+function TSDGLushortFromFloat(aFloat, isNormalized) {
+    if (isNormalized) {
+        aFloat *= USHRT_MAX;
+    }
+    return aFloat;
+}
+
+function TSDGLDataBufferSetGLPoint2DWithDataType(mGLData, bufferOffset, dataType, isNormalized, aPoint2D) {
+    switch (dataType) {
+        case TSDGLDataBufferDataTypeByte:
+            var value = TSDGLPoint2DByteFromPoint2D(aPoint2D, isNormalized);
+            var typedArray = new Int8Array(mGLData);
+            typedArray.set(value, bufferOffset);
+
+            break;
+
+        case TSDGLDataBufferDataTypeUnsignedByte:
+            var value = TSDGLPoint2DUnsignedByteFromPoint2D(aPoint2D, isNormalized);
+            var typedArray = new Uint8Array(mGLData);
+            typedArray.set(value, bufferOffset);
+
+            break;
+
+        case TSDGLDataBufferDataTypeShort:
+            var value = TSDGLPoint2DShortFromPoint2D(aPoint2D, isNormalized);
+            var typedArray = new Int16Array(mGLData);
+            typedArray.set(value, bufferOffset/2);
+
+            break;
+
+        case TSDGLDataBufferDataTypeUnsignedShort:
+            var value = TSDGLPoint2DUnsignedShortFromPoint2D(aPoint2D, isNormalized);
+            var typedArray = new Uint16Array(mGLData);
+            typedArray.set(value, bufferOffset/2);
+
+            break;
+
+        case TSDGLDataBufferDataTypeFloat:
+            var typedArray = new Float32Array(mGLData);
+            typedArray.set([aPoint2D.x, aPoint2D.y], bufferOffset/4);
+
+            break;
+        case TSDGLDataBufferDataTypeUnknown:
+            console.log("Unknown data type!");
+            break;
+    }
+}
+
+var TSDGLDataBufferAttribute = Class.create({
+    initialize: function(name, bufferUsage, dataType, normalized, componentCount) {
+        this.locationInShader = -1;
+        this.bufferOffset = null;
+        this.dataArrayBuffer = null;
+        this.dataBuffer = null;
+
+        this.initWithName(name, bufferUsage, dataType, normalized, componentCount);
+    },
+
+    initWithName: function(attributeName, bufferUsage, dataType, isNormalized, componentCount) {
+        this.name = attributeName;
+        this.bufferUsage = bufferUsage;
+        this.dataType = dataType;
+
+        if (this.dataType === GL_SHORT) {
+            this.dataType = GL_FLOAT;
+        }
+
+        this.componentCount = componentCount;
+        this.isNormalized = isNormalized;
+
+        this.locationInShader = -1;
+    }
+});
+
+var TSDGLDataArrayBuffer = Class.create({
+    initialize: function(gl) {
+        this.gl = gl;
+
+        this._vertexAttributes = null;
+        this.mVertexCount = 0;
+
+        // data type size in bytes
+        this._dataTypeSizeInBytes = 0;
+
+        // GL_STATIC_DRAW, GL_STREAM_DRAW, etc
+        this._bufferUsage = 0;
+
+        this.mNeedsUpdateFirstIndex = [];
+        this.mNeedsUpdateLastIndex = [];
+
+        this.mGLData = null;
+
+        // GL vertex data buffer
+        this.mGLDataBufferHasBeenSetup = false;
+
+        this.mGLDataBuffers = [];
+
+        this.mAttributeOffsetsDictionary = null;
+
+        this.GLDataBufferEntrySize = 0;
+
+        // for double-buffering
+        this.bufferCount = 1;
+        this.currentBufferIndex = 0;
+    },
+
+    initWithVertexAttributes: function(attributes, vertexCount, bufferCount) {
+        this._vertexAttributes = attributes.slice();
+        this.mVertexCount = vertexCount;
+        this.mAttributeOffsetsDictionary = {};
+
+        // Sort the attributes into buffers by buffer usage type
+        var bufferSizeIfFloats = 0;
+
+        var bufferOffset = 0;
+
+        for (var i = 0, length = this._vertexAttributes.length; i < length; i++) {
+            var attribute = this._vertexAttributes[i];
+
+            // Assign data array buffer to attribute
+            attribute.dataArrayBuffer = this;
+
+            var dataTypeSizeInBytes = TSDGLDataBufferDataTypeSize(attribute.dataType);
+
+            if (this._bufferUsage === 0) {
+                this._bufferUsage = attribute.bufferUsage;
+            }
+
+            // Assign buffer offset
+            attribute.bufferOffset = bufferOffset;
+
+            var paddedSize = attribute.componentCount * dataTypeSizeInBytes;
+
+            paddedSize = (paddedSize + 3) & ~3;
+
+            bufferOffset += paddedSize;
+
+            bufferSizeIfFloats += attribute.componentCount * 4;
+        }
+
+        // Create the buffer data (if necessary)
+        this.GLDataBufferEntrySize = bufferOffset;
+
+        // We need to give the arraybuffer a size
+        if (this.GLDataBufferEntrySize > 0) {
+            this.mGLData = new ArrayBuffer(this.mVertexCount * this.GLDataBufferEntrySize);
+        }
+
+        this.bufferCount = bufferCount;
+
+        this.mNeedsUpdateFirstIndex = [];
+        this.mNeedsUpdateLastIndex = [];
+
+        for (var i = 0; i < bufferCount; i++) {
+            this.mNeedsUpdateFirstIndex[i] = -1;
+            this.mNeedsUpdateLastIndex[i] = -1;
+        }
+    },
+
+    p_setupGLDataBufferIfNecessary: function() {
+        var gl = this.gl;
+
+        // Sets up GL buffers
+        if (this.mGLDataBufferHasBeenSetup) {
+            return;
+        }
+
+        for (var i = 0; i < this.bufferCount; i++) {
+            this.mGLDataBuffers[i] = gl.createBuffer();
+
+            gl.bindBuffer(gl.ARRAY_BUFFER, this.mGLDataBuffers[i]);
+
+            gl.bufferData(gl.ARRAY_BUFFER, this.mGLData, this._bufferUsage);
+
+            this.mNeedsUpdateFirstIndex[i] = -1;
+            this.mNeedsUpdateLastIndex[i] = -1;
+        }
+
+        this.mGLDataBufferHasBeenSetup = true;
+    },
+
+    updateDataBufferIfNecessary: function() {
+        this.p_setupGLDataBufferIfNecessary();
+
+        if (!this.hasUpdatedData()) {
+            // Nothing needs to be updated!
+            return;
+        }
+
+        if (this._bufferUsage == GL_STATIC_DRAW) {
+            console.log("We're GL_STATIC_DRAW but trying (and FAILING) to update the array after initial setup!");
+            return;
+        }
+
+        var gl = this.gl;
+        // Combine all buffer's updated ranges, in case they're not the same...
+        var firstIndex = Number.MAX_SAFE_INTEGER;
+        var lastIndex = -1;
+
+        for (var i = 0; i < this.bufferCount; i++) {
+            var thisFirstIndex = this.mNeedsUpdateFirstIndex[i];
+            if (thisFirstIndex !== -1) {
+                firstIndex = Math.min(firstIndex, thisFirstIndex);
+            }
+            var thisLastIndex = this.mNeedsUpdateLastIndex[i];
+            if (thisLastIndex !== -1) {
+                lastIndex = Math.max(lastIndex, this.mNeedsUpdateLastIndex[i]);
+            }
+        }
+
+        var offset = firstIndex;
+        var size = lastIndex + 1 - firstIndex;
+        offset *= this.GLDataBufferEntrySize;
+        size *= this.GLDataBufferEntrySize;
+
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.mGLDataBuffers[this.currentBufferIndex]);
+        gl.bufferSubData(gl.ARRAY_BUFFER, offset, this.mGLData);
+
+        this.mNeedsUpdateFirstIndex[this.currentBufferIndex] = -1;
+        this.mNeedsUpdateLastIndex[this.currentBufferIndex] = -1;
+    },
+
+    p_bufferOffsetOfAttribute: function(attribute, index, component) {
+        var bufferOffset = index * this.GLDataBufferEntrySize;
+
+        bufferOffset += attribute.bufferOffset;
+
+        if (component !== 0) {
+            bufferOffset += TSDGLDataBufferDataTypeSize(attribute.dataType) * component;
+        }
+
+        return bufferOffset;
+    },
+
+    setGLPoint2D: function(aPoint2D, attribute, index) {
+        var bufferOffset = this.p_bufferOffsetOfAttribute(attribute, index, 0);
+        TSDGLDataBufferSetGLPoint2DWithDataType(this.mGLData, bufferOffset, attribute.dataType, attribute.isNormalized, aPoint2D);
+
+        this.addIndexNeedsUpdate(index);
+    },
+
+    enableVertexAttributeArrayBuffersWithShader: function(shader) {
+        var gl = this.gl;
+
+        this.updateDataBufferIfNecessary();
+
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.mGLDataBuffers[this.currentBufferIndex]);
+
+        for (var i = 0, length = this._vertexAttributes.length; i < length; i++) {
+            var attribute = this._vertexAttributes[i];
+            var locationInShader = attribute.locationInShader;
+
+            if (locationInShader === -1) {
+                locationInShader = shader.locationForAttribute(attribute.name);
+
+                if (locationInShader === -1) {
+                   console.log("Could not find attribute " + attribute.name + "in shader!");
+                }
+
+                attribute.locationInShader = locationInShader;
+            }
+
+            var stride = 0;
+
+            if (this._vertexAttributes.length > 1) {
+                // we're not tight-packed, so need to specify how many elements to skip when iterating
+                stride = this.GLDataBufferEntrySize;
+            }
+
+            var dataType = TSDGLDataBufferDataTypeAsGLEnum(attribute.dataType);
+
+            gl.enableVertexAttribArray(locationInShader);
+            gl.vertexAttribPointer(locationInShader, attribute.componentCount, dataType, attribute.isNormalized ? GL_TRUE : GL_FALSE, stride, attribute.bufferOffset);
+        }
+    },
+
+    disableVertexAttributeArrayBuffersWithShader: function(shader) {
+        var gl = this.gl;
+
+        for (var i = 0, length = this._vertexAttributes.length; i < length; i++) {
+            var attribute = this._vertexAttributes[i];
+            gl.disableVertexAttribArray(attribute.locationInShader);
+        }
+
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    },
+
+    hasUpdatedData: function() {
+        for (var i = 0; i < this.bufferCount; i++) {
+            if (this.mNeedsUpdateFirstIndex[i] !== -1) {
+                return true;
+            }
+        }
+        return false;
+    },
+
+    addIndexNeedsUpdate: function(index) {
+        var currentBufferIndex = this.currentBufferIndex;
+        var mNeedsUpdateFirstIndex = this.mNeedsUpdateFirstIndex;
+        var mNeedsUpdateLastIndex = this.mNeedsUpdateLastIndex;
+
+        mNeedsUpdateFirstIndex[currentBufferIndex] = (mNeedsUpdateFirstIndex[currentBufferIndex] == -1) ? index : Math.min(mNeedsUpdateFirstIndex[currentBufferIndex], index);
+        mNeedsUpdateLastIndex[currentBufferIndex] = (mNeedsUpdateLastIndex[currentBufferIndex] == -1) ? index : Math.max(mNeedsUpdateLastIndex[currentBufferIndex], index);
+    }
+
+});
+
+var TSDGLDataBuffer = Class.create({
+    initialize: function(gl) {
+        this.gl = gl;
+
+        this.mCurrentBufferIndex = 0;
+        this.mArrayBuffers = [];
+        this.mAttributeToArrayBuffersDictionary = {};
+
+        // Element array buffer
+        this.mElementArrayCount = 0;
+        this.mGLElementData = null;
+        this.mGLElementDataBufferWasSetup = false;
+        this.mGLElementDataBuffer = null;
+
+        this.mGLElementMeshSize = {
+            width: 0,
+            height: 0
+        }
+
+        this.mGLElementQuadParticleCount = 0;
+    },
+
+    p_setupGLElementArrayBufferIfNecessary: function() {
+        var gl = this.gl;
+
+        if (this.mGLElementDataBufferWasSetup) {
+            return;
+        }
+
+        if (!this.mGLElementData) {
+            this.mGLElementDataBufferWasSetup = true;
+            return;
+        }
+
+        var useIndexCounter = false;
+        var indexCounter = 0;
+
+        if (!CGSizeEqualToSize(this.mGLElementMeshSize, CGSizeZero)) {
+            useIndexCounter = true;
+
+            // set up grid-based element array data
+            for (var y = 0; y < this.mGLElementMeshSize.height - 1; ++y) {
+                for (var x = 0; x < this.mGLElementMeshSize.width; ++x) {
+                    this.setGLushort((y + 0) * this.mGLElementMeshSize.width + x, indexCounter++);
+                    this.setGLushort((y + 1) * this.mGLElementMeshSize.width + x, indexCounter++);
+                }
+            }
+        } else if (this.mGLElementQuadParticleCount != 0) {
+            useIndexCounter = true;
+            this.drawMode = GL_TRIANGLES;
+
+            // set up quad particle-based element array data
+            for (var i = 0; i < this.mGLElementQuadParticleCount; ++i) {
+                // First triangle
+                this.setGLushort((4 * i + 0), indexCounter++);
+                this.setGLushort((4 * i + 1), indexCounter++);
+                this.setGLushort((4 * i + 2), indexCounter++);
+
+                // Second triangle
+                this.setGLushort((4 * i + 0), indexCounter++);
+                this.setGLushort((4 * i + 2), indexCounter++);
+                this.setGLushort((4 * i + 3), indexCounter++);
+            }
+        }
+
+        this.mGLElementDataBuffer = gl.createBuffer();
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.mGLElementDataBuffer);
+
+        this.mGLElementDataBufferWasSetup = true;
+    },
+
+    newDataBufferWithVertexAttributes: function(attributes, meshSize, isDoubleBuffered) {
+        var vertexCount = meshSize.width * meshSize.height;
+        var indexCount = meshSize.width * 2 * (meshSize.height - 1);
+
+        this.initWithVertexAttributesDesignated(attributes, vertexCount, indexCount, isDoubleBuffered);
+
+        this.mGLElementMeshSize = meshSize;
+    },
+
+    initWithVertexAttributes: function(attributes, meshSize) {
+        var vertexCount = meshSize.width * meshSize.height;
+        var indexCount = meshSize.width * 2 * (meshSize.height - 1);
+
+        this.initWithVertexAttributesDesignated(attributes, vertexCount, indexCount, false);
+
+        this.mGLElementMeshSize = meshSize;
+    },
+
+    initWithVertexAttributesDesignated: function(attributes, vertexCount, indexElementCount, isDoubleBuffered) {
+        this._doubleBuffered = isDoubleBuffered;
+        this.drawMode = GL_TRIANGLE_STRIP;
+        this._vertexAttributes = attributes;
+        this._vertexCount = vertexCount;
+
+        this.mArrayBuffers = [];
+        this.mAttributeToArrayBuffersDictionary = {};
+
+        var attributesToArrange = attributes.slice();
+
+        while (attributesToArrange.length > 0) {
+            var thisAttribute = attributesToArrange[0];
+            var currentAttributes = [];
+
+            for (var i = 0, length = attributesToArrange.length; i < length; i++) {
+                var attribute = attributesToArrange[i];
+
+                if (attribute.bufferUsage == thisAttribute.bufferUsage) {
+                    currentAttributes.push(attribute);
+                }
+            }
+
+            var bufferCount = ((isDoubleBuffered && thisAttribute.bufferUsage !== GL_STATIC_DRAW) ? 2 : 1);
+
+            var arrayBuffer = new TSDGLDataArrayBuffer(this.gl);
+
+            arrayBuffer.initWithVertexAttributes(currentAttributes, vertexCount, bufferCount);
+
+            for (var i = 0, length = currentAttributes.length; i < length; i++) {
+                var attribute = currentAttributes[i];
+
+                // this will cause circular reference
+                attribute.dataBuffer = this;
+                this.mAttributeToArrayBuffersDictionary[attribute.name] = arrayBuffer;
+            }
+
+            this.mArrayBuffers.push(arrayBuffer);
+
+            for (var i = 0, length = currentAttributes.length; i < length; i++) {
+                var element = currentAttributes[i];
+                attributesToArrange.splice(attributesToArrange.indexOf(element), 1);
+            }
+        }
+
+        if (indexElementCount > 0) {
+            this.mElementArrayCount = indexElementCount;
+
+            this.mGLElementData = new ArrayBuffer(this.mElementArrayCount * 2);
+        }
+
+
+    },
+
+    initWithVertexRect: function(vertexRect, textureRect, meshSize, isTextureFlipped, includeCenterAttribute) {
+        var gl = this.gl;
+
+        var shouldSetupTexCoords = !CGRectEqualToRect(textureRect, CGRectZero);
+
+        var quadAttributes = [];
+        var positionAttribute = new TSDGLDataBufferAttribute("Position", GL_STATIC_DRAW, GL_FLOAT, false, 2);
+
+        quadAttributes.push(positionAttribute);
+
+        var texCoordAttribute;
+        if (shouldSetupTexCoords) {
+            var dataType = GL_SHORT;
+
+            if (CGRectEqualToRect(textureRect, CGRectMake(0, 0, 1, 1)) && CGSizeEqualToSize(meshSize, CGSizeMake(2, 2))) {
+                // If we're just passing in the unit rectangle, we can use lower precision texcoords!
+                dataType = GL_UNSIGNED_BYTE;
+            }
+
+            texCoordAttribute = new TSDGLDataBufferAttribute("TexCoord", GL_STATIC_DRAW, dataType, true, 2);
+
+            quadAttributes.push(texCoordAttribute);
+        }
+
+        var centerAttribute;
+        if (includeCenterAttribute) {
+            centerAttribute = new TSDGLDataBufferAttribute("Center", GL_STATIC_DRAW, GL_FLOAT, false, 2);
+
+            quadAttributes.push(centerAttribute);
+        }
+
+        this.initWithVertexAttributes(quadAttributes, meshSize);
+
+        var index = 0;
+
+        // This is TSDGLPoint2D in native which is a struct of float type
+        var center = TSDCenterOfRect(vertexRect);
+
+        var verticesWide = parseInt(meshSize.width - 1);
+        var verticesHigh = parseInt(meshSize.height - 1);
+
+        for (var row = 0; row <= verticesHigh; ++row) {
+            for (var col = 0; col <= verticesWide; ++col) {
+                var point = WebGraphics.makePoint(col / verticesWide, row / verticesHigh);
+
+                // This is TSDGLPoint2D in native which is a struct of float type
+                var vertex = TSDPointFromNormalizedRect(point, vertexRect);
+
+                this.setGLPoint2D(vertex, positionAttribute, index);
+
+                if (shouldSetupTexCoords) {
+                    var texCoord = TSDPointFromNormalizedRect(point, textureRect);
+                    if (isTextureFlipped) {
+                        texCoord = WebGraphics.makePoint(texCoord.x, 1.0 - texCoord.y);
+                    }
+                    this.setGLPoint2D(texCoord, texCoordAttribute, index);
+                }
+                if (includeCenterAttribute) {
+                    this.setGLPoint2D(center, centerAttribute, index);
+                }
+
+                index++;
+            }
+        }
+
+    },
+
+    setGLPoint2D: function(aPoint2D, attribute, index) {
+        attribute.dataArrayBuffer.setGLPoint2D(aPoint2D, attribute, index);
+    },
+
+    setGLushort: function(aShort, index) {
+        var bufferOffset = index;
+        var typedArray = new Uint16Array(this.mGLElementData);
+
+        typedArray.set([aShort], bufferOffset);
+    },
+
+    enableElementArrayBuffer: function() {
+        var gl = this.gl;
+
+        this.p_setupGLElementArrayBufferIfNecessary();
+
+        if (this.mGLElementDataBufferWasSetup) {
+            gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.mGLElementDataBuffer);
+        }
+    },
+
+    disableElementArrayBuffer: function() {
+        var gl = this.gl;
+
+        if (this.mGLElementDataBufferWasSetup) {
+            gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null);
+        }
+    },
+
+    enableDataBufferWithShader: function(shader) {
+        // Vertex Array Object is an expension in WebGL and currently not implemented in Safari
+        if (!shader.isActive) {
+            shader.activate();
+        }
+
+        for (var i = 0, length = this.mArrayBuffers.length; i < length; i++) {
+            var buffer = this.mArrayBuffers[i];
+            buffer.enableVertexAttributeArrayBuffersWithShader(shader);
+        }
+
+        this.enableElementArrayBuffer();
+
+        this._enabledShader = shader;
+        this._isEnabled = true;
+    },
+
+    disableDataBufferWithShader: function(shader) {
+        if (!this._isEnabled) {
+            return;
+        }
+
+        this.disableElementArrayBuffer();
+
+        for (var i = 0, length = this.mArrayBuffers.length; i < length; i++) {
+            var buffer = this.mArrayBuffers[i];
+            buffer.disableVertexAttributeArrayBuffersWithShader(shader);
+        }
+
+        this._enabledShader = null;
+        this._isEnabled = false;
+
+    },
+
+    drawWithShader: function(shader, shouldDeactivateShader) {
+        var gl = this.gl;
+        var range = {
+            location: 0,
+            length: this.mElementArrayCount > 0 ? this.mElementArrayCount : this._vertexCount
+        };
+
+        this.enableDataBufferWithShader(shader);
+
+        if (this.mGLElementDataBufferWasSetup && this.mElementArrayCount > 0) {
+            // we need to send element data to element array buffer, e.g. [0, 2, 1, 3]
+            gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this.mGLElementData, gl.STATIC_DRAW);
+
+            if (!CGSizeEqualToSize(this.mGLElementMeshSize, CGSizeZero)) {
+                // Draw mesh by rows
+                var width = this.mGLElementMeshSize.width;
+
+                for (var y = 0; y < this.mGLElementMeshSize.height - 1; ++y) {
+                    // location is vertex location, so need to multiply by two to get index location
+                    gl.drawElements(this.drawMode, width * 2, gl.UNSIGNED_SHORT, 2 * y * width * 2);
+                }
+            } else {
+                // just draw everything
+                gl.drawElements(this.drawMode, range.length, gl.UNSIGNED_SHORT, 2 * range.location);
+            }
+        } else {
+            // No element data; just pass vertices straight down
+            gl.drawArrays(this.drawMode, range.location, range.length);
+        }
+
+        this.disableDataBufferWithShader(shader);
+
+        // Swap buffers
+        if (this.isDoubleBuffered) {
+            this.mCurrentBufferIndex = (this.mCurrentBufferIndex + 1) % 2;
+
+           for (var i = 0, length = this.mArrayBuffers.length; i < length; i++) {
+                var buffer = this.mArrayBuffers[i];
+
+                if (buffer.bufferCount != 1) {
+                    buffer.currentBufferIndex = this.mCurrentBufferIndex;
+                }
+            }
+        }
+
+        if (shouldDeactivateShader) {
+            shader.deactivate();
+        }
+    },
+
+    vertexAttributeNamed: function(attributeName) {
+        for (var attrib in this._vertexAttributes) {
+            var attribute = this._vertexAttributes[attrib];
+
+            if (attribute.name === attributeName) {
+                return attribute;
+            }
+        }
+
+        return null;
+    }
+});

assets/player/gl/TSDGLFrameBuffer.js

@@ -1,3 +1,116 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:acf866fde829c8c3c9b847cb8e0d8f36201d10ab157b707edd9491b41ad5654f
-size 3660
+/*
+ * TSDGLFrameBuffer.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2018 Apple Inc. All rights reserved.
+ */
+
+var TSDGLFrameBuffer = Class.create({
+    initialize: function(gl, size, textureCount) {
+        this.gl = gl;
+
+        // framebuffer size
+        this.size = size;
+
+        // number of framebuffer-attachable texture images
+        this.textureCount = textureCount;
+
+        // current texture index
+        this.currentTextureIndex = 0;
+
+        // create framebuffer-attachable texture images
+        this.setupFramebuffer(gl, size, textureCount);
+    },
+
+    setupFramebuffer: function(gl, size, textureCount) {
+        // create and bind frame buffer object
+        var buffer = this.buffer = gl.createFramebuffer();
+
+        gl.bindFramebuffer(gl.FRAMEBUFFER, buffer);
+
+        var textures = this.textures = [];
+
+        // set up framebuffer texture(s)
+        for (var i = 0; i < textureCount; i++) {
+            var texture = gl.createTexture();
+
+            // bind texture
+            gl.bindTexture(gl.TEXTURE_2D, texture);
+
+            gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+            gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
+
+            // setup texture parameters
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+
+            // specify the texture size for memory allocation
+            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, size.width, size.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+
+            // unbind texture
+            gl.bindTexture(gl.TEXTURE_2D, null);
+
+            textures.push(texture);
+        }
+
+        // bind current texture to the framebuffer
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, textures[this.currentTextureIndex], 0);
+
+        // unbind framebuffer
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    },
+
+    currentGLTexture: function() {
+        var texture = this.textures[this.currentTextureIndex];
+
+        return texture;
+    },
+
+    setCurrentTextureToNext: function() {
+        var textureCount = this.textureCount;
+
+        if (this.textureCount > 0) {
+            var currentTextureIndex = this.currentTextureIndex;
+            var nextTextureIndex = (currentTextureIndex + 1) % textureCount;
+
+            this.currentTextureIndex = nextTextureIndex;
+
+            // bind the framebuffer to the next texture
+            this.bindFramebuffer();
+        }
+    },
+
+    bindFramebuffer: function() {
+        var gl = this.gl;
+
+        //bind framebuffer
+        gl.bindFramebuffer(gl.FRAMEBUFFER, this.buffer);
+
+        // bind current texture
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.textures[this.currentTextureIndex], 0);
+    },
+
+    currentGLFramebuffer: function() {
+        var gl = this.gl;
+        var framebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
+
+        return framebuffer;
+    },
+
+    unbindFramebufferAndBindGLFramebuffer: function(currentGLFramebuffer) {
+        var gl = this.gl;
+        gl.bindFramebuffer(gl.FRAMEBUFFER, currentGLFramebuffer);
+    }
+
+});
+
+TSDGLFrameBuffer.currentGLFramebuffer = function(gl) {
+	// use getParameter in WebGL as there is no getIntegerv implementation
+    var framebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
+
+    // this will return null if drawing buffer is the display default
+    return framebuffer;
+};

assets/player/gl/TSDGLShader.js

@@ -1,3 +1,520 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:86412f8c4bd4b24540f8c0cd2e3ed97f914db6da890d0e20af823aa3643fe8c1
-size 17763
+/*
+ * TSDGLShader.js
+ * Keynote HTML Player
+ *
+ * Created by Tungwei Cheng
+ * Copyright (c) 2018 Apple Inc. All rights reserved.
+ */
+
+// Uniforms
+var kTSDGLShaderUniformColor = "Color";
+var kTSDGLShaderUniformDuration = "Duration";
+var kTSDGLShaderUniformMotionBlurVector = "MotionBlurVector";
+var kTSDGLShaderUniformMVPMatrix = "MVPMatrix";
+var kTSDGLShaderUniformOpacity = "Opacity";
+var kTSDGLShaderUniformParticleTexture = "ParticleTexture";
+var kTSDGLShaderUniformPercent = "Percent";
+var kTSDGLShaderUniformPreviousMVPMatrix = "PreviousMVPMatrix";
+var kTSDGLShaderUniformTexture = "Texture";
+var kTSDGLShaderUniformTextureMatrix = "TextureMatrix";
+var kTSDGLShaderUniformTextureSize = "TextureSize";
+var kTSDGLShaderUniformTexture2 = "Texture2";
+var kTSDGLShaderUniformTexture2Matrix = "Texture2Matrix";
+var kTSDGLShaderUniformTexture2Size = "Texture2Size";
+var kTSDGLShaderUniformVelocityScale = "VelocityScale";
+var kTSDGLShaderUniformVelocityTexture = "VelocityTexture";
+
+// Attributes
+var kTSDGLShaderAttributeCenter = "Center"; // center point of this particle
+var kTSDGLShaderAttributeColor = "Color";
+var kTSDGLShaderAttributeLifeSpan = "LifeSpan";
+var kTSDGLShaderAttributeNormal = "Normal";
+var kTSDGLShaderAttributeParticleTexCoord = "ParticleTexCoord";
+var kTSDGLShaderAttributePosition = "Position";
+var kTSDGLShaderAttributePreviousPosition = "PreviousPosition";
+var kTSDGLShaderAttributeRotation = "Rotation";
+var kTSDGLShaderAttributeScale = "Scale";
+var kTSDGLShaderAttributeSpeed = "Speed";
+var kTSDGLShaderAttributeTexCoord = "TexCoord";
+var kTSDGLShaderUniformRotationMax = "RotationMax";
+var kTSDGLShaderUniformSpeedMax = "SpeedMax";
+
+var TSDGLShaderQualifierType = {
+    Unknown: 0, ///< ERROR
+    Int: 1, // < GLSL type "int"
+    Float: 2, // < GLSL type "float"
+    Vec2: 3, // < GLSL type "vec2"
+    Vec3: 4, // < GLSL type "vec3"
+    Vec4: 5, // < GLSL type "vec4"
+    Mat3: 6, // < GLSL type "mat3"
+    Mat4: 7 // < GLSL type "mat4"
+};
+
+function TSDGLShaderQualifierTypeFromGLenum(type) {
+    var result = TSDGLShaderQualifierType.Unknown;
+
+    switch (type) {
+        case GL_FLOAT:
+            result = TSDGLShaderQualifierType.Float;
+            break;
+        case GL_FLOAT_VEC2:
+            result = TSDGLShaderQualifierType.Vec2;
+            break;
+        case GL_FLOAT_VEC3:
+            result = TSDGLShaderQualifierType.Vec3;
+            break;
+        case GL_FLOAT_VEC4:
+            result = TSDGLShaderQualifierType.Vec4;
+            break;
+        case GL_BOOL:
+        case GL_SAMPLER_2D:
+        case GL_INT:
+            result = TSDGLShaderQualifierType.Int;
+            break;
+        case GL_FLOAT_MAT3:
+            result = TSDGLShaderQualifierType.Mat3;
+            break;
+        case GL_FLOAT_MAT4:
+            result = TSDGLShaderQualifierType.Mat4;
+            break;
+
+        case GL_INT_VEC2:
+        case GL_INT_VEC3:
+        case GL_INT_VEC4:
+        case GL_BOOL_VEC2:
+        case GL_BOOL_VEC3:
+        case GL_BOOL_VEC4:
+        case GL_FLOAT_MAT2:
+        case GL_SAMPLER_CUBE:
+        default:
+            console.log("Unimplemented GLenum type " + type);
+            break;
+    }
+
+    return result;
+}
+
+var TSDGLShader = Class.create({
+    initialize: function(gl) {
+        this.gl = gl;
+
+        this._uniforms = {};
+        this.name = "";
+        this.programObject = null;
+        this.isActive = false;
+
+        this._uniformsNeedingUpdate = [];
+    },
+
+    initWithDefaultTextureShader: function() {
+        this.initWithShaderFileNames("defaultTexture", "defaultTexture");
+        this.setGLint(0, kTSDGLShaderUniformTexture);
+    },
+
+    initWithDefaultTextureAndOpacityShader: function() {
+        this.initWithShaderFileNames("defaultTexture", "defaultTextureAndOpacity");
+    },
+
+    initWithDefaultHorizontalBlurShader: function() {
+        this.initWithShaderFileNames("horizontalGaussianBlur", "horizontalGaussianBlur");
+        this.setGLint(0, kTSDGLShaderUniformTexture);
+    },
+
+    initWithDefaultVerticalBlurShader: function() {
+        this.initWithShaderFileNames("verticalGaussianBlur", "verticalGaussianBlur");
+        this.setGLint(0, kTSDGLShaderUniformTexture);
+    },
+
+    initWithContentsShader: function() {
+        this.initWithShaderFileNames("contents", "contents");
+    },
+
+    initWithShaderFileNames: function(vertexShaderFileName, fragmentShaderFileName) {
+        var vertexString = KNWebGLShader[vertexShaderFileName].vertex;
+        var fragmentString = KNWebGLShader[fragmentShaderFileName].fragment;
+
+        this.initWithShaders(vertexString, fragmentString);
+    },
+
+    initWithShaders: function(vertexString, fragmentString) {
+        var gl = this.gl;
+
+        var vertexShader = KNWebGLUtil.loadShader(gl, gl.VERTEX_SHADER, vertexString);
+        var fragmentShader = KNWebGLUtil.loadShader(gl, gl.FRAGMENT_SHADER, fragmentString);
+
+        this.programObject = KNWebGLUtil.createShaderProgram(gl, vertexShader, fragmentShader);
+
+        this.p_updateUniformsAndAttributesFromShader();
+    },
+
+    p_updateUniformsAndAttributesFromShader: function() {
+        var gl = this.gl;
+        var programObject = this.programObject;
+        var uniformsCount = -1;
+
+        uniformsCount = gl.getProgramParameter(programObject, gl.ACTIVE_UNIFORMS);
+
+        for (var i = 0; i < uniformsCount; i++) {
+            var activeInfo = gl.getActiveUniform(programObject, i);
+            var name = activeInfo.name;
+            var type = activeInfo.type;
+            var size = activeInfo.size;
+
+            // Add uniform to cache
+            var qualifierType = TSDGLShaderQualifierTypeFromGLenum(type);
+            this.shaderQualifierForUniform(name, qualifierType);
+        }
+
+        // Update attributes
+        var attributesCount = -1;
+
+        attributesCount = gl.getProgramParameter(programObject, gl.ACTIVE_ATTRIBUTES);
+
+        for (var i = 0; i < attributesCount; i++) {
+            var activeInfo = gl.getActiveAttrib(programObject, i);
+            var name = activeInfo.name;
+            var type = activeInfo.type;
+            var size = activeInfo.size;
+
+            // Add attribute location to cache
+            this.locationForAttribute(name);
+        }
+    },
+
+    shaderQualifierForUniform: function(uniform, qualifierType) {
+        var gl = this.gl;
+        var qualifier = this._uniforms[uniform];
+
+        if (!qualifier) {
+            switch (qualifierType) {
+                case TSDGLShaderQualifierType.Unknown:
+                    console.log("Unknown Shader Qualifier Type!");
+                    break;
+                case TSDGLShaderQualifierType.Int:
+                    qualifier = new TSDGLShaderQualifierInt(gl, uniform);
+                    break;
+                 case TSDGLShaderQualifierType.Float:
+                    qualifier = new TSDGLShaderQualifierFloat(gl, uniform);
+                    break;
+                case TSDGLShaderQualifierType.Vec2:
+                    qualifier = new TSDGLShaderQualifierPoint2D(gl, uniform);
+                    break;
+                case TSDGLShaderQualifierType.Vec3:
+                    qualifier = new TSDGLShaderQualifierPoint3D(gl, uniform);
+                    break;
+                case TSDGLShaderQualifierType.Vec4:
+                    qualifier = new TSDGLShaderQualifierPoint4D(gl, uniform);
+                    break;
+                case TSDGLShaderQualifierType.Mat3:
+                    qualifier = new TSDGLShaderQualifierMat3(gl, uniform);
+                    break;
+                case TSDGLShaderQualifierType.Mat4:
+                    qualifier = new TSDGLShaderQualifierMat4(gl, uniform);
+                    break;
+            }
+
+            qualifier.updateUniformLocationWithShaderProgramObject(this.programObject);
+            this._uniforms[uniform] = qualifier;
+        }
+
+        return qualifier;
+    },
+
+    setGLint: function(newInt, uniform) {
+        var qualifier = this.shaderQualifierForUniform(uniform, TSDGLShaderQualifierType.Int);
+
+        qualifier.setProposedGLintValue(newInt);
+
+        if (qualifier._needsUpdate) {
+            this._uniformsNeedingUpdate.push(qualifier);
+        }
+
+        this.p_setQualifiersIfNecessary();
+    },
+
+    setGLFloat: function(newFloat, uniform) {
+        var qualifier = this.shaderQualifierForUniform(uniform, TSDGLShaderQualifierType.Float);
+
+        qualifier.setProposedGLfloatValue(newFloat);
+
+        if (qualifier._needsUpdate) {
+            this._uniformsNeedingUpdate.push(qualifier);
+        }
+
+        this.p_setQualifiersIfNecessary();
+    },
+
+    setPoint2D: function(newPoint2D, uniform) {
+        var qualifier = this.shaderQualifierForUniform(uniform, TSDGLShaderQualifierType.Vec2);
+
+        qualifier.setProposedGLPoint2DValue(newPoint2D);
+
+        if (qualifier._needsUpdate) {
+            this._uniformsNeedingUpdate.push(qualifier);
+        }
+
+        this.p_setQualifiersIfNecessary();
+    },
+
+    setMat4WithTransform3D: function(aTransform3D, uniform) {
+        var qualifier = this.shaderQualifierForUniform(uniform, TSDGLShaderQualifierType.Mat4);
+
+        qualifier.setProposedTransform3D(aTransform3D);
+
+        if (qualifier._needsUpdate) {
+            this._uniformsNeedingUpdate.push(qualifier);
+        }
+
+        this.p_setQualifiersIfNecessary();
+    },
+
+    locationForUniform: function(uniform) {
+        var location;
+        var shaderQualifier = this._uniforms[uniform];
+
+        if (shaderQualifier) {
+            location = shaderQualifier._uniformLocation;
+        }
+
+        if (!location) {
+            location = this.gl.getUniformLocation(this.programObject, uniform);
+        }
+
+        return location;
+    },
+
+    locationForAttribute: function(attribute) {
+        if (!this._attributeLocations) {
+             this._attributeLocations = {};
+        }
+
+        var location = this._attributeLocations[attribute];
+
+        if (location === undefined) {
+            location = -1;
+        }
+
+        if (location < 0) {
+            location = this.gl.getAttribLocation(this.programObject, attribute);
+            this._attributeLocations[attribute] = location;
+        }
+
+        return location;
+    },
+
+    p_setQualifiersIfNecessary: function() {
+        if (!this.isActive) {
+            return;
+        }
+        if (this._uniformsNeedingUpdate.length === 0) {
+            return;
+        }
+
+        // Look through all the newly-set qualifiers
+        for (var i = 0, length = this._uniformsNeedingUpdate.length; i < length; i++) {
+            var proposedQualifier = this._uniformsNeedingUpdate[i];
+
+            if (proposedQualifier._uniformLocation === -1) {
+                proposedQualifier.updateUniformLocationWithShaderProgramObject(this.programObject);
+            }
+
+            proposedQualifier.setGLUniformWithShader(this.gl, this);
+        }
+
+        this._uniformsNeedingUpdate = [];
+    },
+
+    activate: function() {
+        var gl = this.gl;
+
+        if (!this.isActive) {
+            gl.useProgram(this.programObject);
+            this.isActive = true;
+        }
+
+        this.p_setQualifiersIfNecessary();
+    },
+
+    deactivate: function() {
+        if (this.isActive) {
+            //gl.useProgram(0);
+            this.isActive = false;
+        }
+    }
+
+});
+
+var TSDGLShaderQualifier = Class.create({
+    initialize: function(gl, qualifierName) {
+        this.gl = gl;
+        this._uniformLocation = -1;
+        this._needsUpdate = true;
+        this._name = qualifierName;
+    },
+
+    updateUniformLocationWithShaderProgramObject: function(shaderProgramObject) {
+        if (this._uniformLocation === -1) {
+            this._uniformLocation = this.gl.getUniformLocation(shaderProgramObject, this._name);
+        }
+    }
+});
+
+var TSDGLShaderQualifierInt = Class.create(TSDGLShaderQualifier, {
+    initialize: function($super, gl, qualifierName) {
+        this._GLintValue = 0;
+        this._proposedGLintValue = 0;
+
+        $super(gl, qualifierName);
+    },
+
+    setProposedGLintValue: function(proposedGLintValue) {
+        if (this._proposedGLintValue !== proposedGLintValue) {
+            this._proposedGLintValue = proposedGLintValue;
+            this._needsUpdate = true;
+        }
+    },
+
+    setGLUniformWithShader: function(gl, shader) {
+        gl.uniform1i(this._uniformLocation, this._proposedGLintValue);
+        this._GLintValue = this._proposedGLintValue;
+        this._needsUpdate = false;
+    }
+});
+
+var TSDGLShaderQualifierFloat = Class.create(TSDGLShaderQualifier, {
+    initialize: function($super, gl, qualifierName) {
+        this._GLfloatValue = 0;
+        this._proposedGLfloatValue = 0;
+
+        $super(gl, qualifierName);
+    },
+
+    setProposedGLfloatValue: function(proposedGLfloatValue) {
+        if (this._proposedGLfloatValue !== proposedGLfloatValue) {
+            this._proposedGLfloatValue = proposedGLfloatValue;
+            this._needsUpdate = true;
+        }
+    },
+
+    setGLUniformWithShader: function(gl, shader) {
+        gl.uniform1f(this._uniformLocation, this._proposedGLfloatValue);
+        this._GLfloatValue = this._proposedGLfloatValue;
+        this._needsUpdate = false;
+    }
+});
+
+var TSDGLShaderQualifierPoint2D = Class.create(TSDGLShaderQualifier, {
+    initialize: function($super, gl, qualifierName) {
+        this._GLPoint2DValue = {};
+        this._proposedGLPoint2DValue = {};
+
+        $super(gl, qualifierName);
+    },
+
+    setProposedGLPoint2DValue: function(proposedGLPoint2DValue) {
+        if (!(this._proposedGLPoint2DValue.x === proposedGLPoint2DValue.x && this._proposedGLPoint2DValue.y === proposedGLPoint2DValue.y)) {
+            this._proposedGLPoint2DValue = proposedGLPoint2DValue;
+            this._needsUpdate = true;
+        }
+    },
+
+    setGLUniformWithShader: function(gl, shader) {
+        gl.uniform2fv(this._uniformLocation, [this._proposedGLPoint2DValue.x, this._proposedGLPoint2DValue.y]);
+        this._GLPoint2DValue = this._proposedGLPoint2DValue;
+        this._needsUpdate = false;
+    }
+});
+
+var TSDGLShaderQualifierPoint3D = Class.create(TSDGLShaderQualifier, {
+    initialize: function($super, gl, qualifierName) {
+        this._GLPoint3DValue = {};
+        this._proposedGLPoint3DValue = {};
+
+        $super(gl, qualifierName);
+    },
+
+    setProposedGLPoint3DValue: function(proposedGLPoint3DValue) {
+        if (!(this._proposedGLPoint3DValue.x === proposedGLPoint3DValue.x && this._proposedGLPoint3DValue.y === proposedGLPoint3DValue.y && this._proposedGLPoint3DValue.z === proposedGLPoint3DValue.z)) {
+            this._proposedGLPoint3DValue = proposedGLPoint3DValue;
+            this._needsUpdate = true;
+        }
+    },
+
+    setGLUniformWithShader: function(gl, shader) {
+        gl.uniform3fv(this._uniformLocation, [this._proposedGLPoint3DValue.x, this._proposedGLPoint3DValue.y, this._proposedGLPoint3DValue.z]);
+        this._GLPoint3DValue = this._proposedGLPoint3DValue;
+        this._needsUpdate = false;
+    }
+});
+
+var TSDGLShaderQualifierPoint4D = Class.create(TSDGLShaderQualifier, {
+    initialize: function($super, gl, qualifierName) {
+        this._GLPoint4DValue = {};
+        this._proposedGLPoint4DValue = {};
+
+        $super(gl, qualifierName);
+    },
+
+    setProposedGLPoint4DValue: function(proposedGLPoint4DValue) {
+        if (!(this._proposedGLPoint4DValue.x === proposedGLPoint4DValue.x && this._proposedGLPoint4DValue.y === proposedGLPoint4DValue.y && this._proposedGLPoint4DValue.z === proposedGLPoint4DValue.z && this._proposedGLPoint4DValue.w === proposedGLPoint4DValue.w)) {
+            this._proposedGLPoint4DValue = proposedGLPoint4DValue;
+            this._needsUpdate = true;
+        }
+    },
+
+    setGLUniformWithShader: function(gl, shader) {
+        gl.uniform4fv(this._uniformLocation, [this._proposedGLPoint4DValue.x, this._proposedGLPoint4DValue.y, this._proposedGLPoint4DValue.z, this._proposedGLPoint4DValue.w]);
+        this._GLPoint4DValue = this._proposedGLPoint4DValue;
+        this._needsUpdate = false;
+    }
+});
+
+var TSDGLShaderQualifierMat3 = Class.create(TSDGLShaderQualifier, {
+    initialize: function($super, gl, qualifierName) {
+        this._affineTransform = new Float32Array(9) ;
+        this._proposedAffineTransform = new Float32Array(9);
+
+        $super(gl, qualifierName);
+    },
+
+    setProposedAffineTransform: function(proposedAffineTransform) {
+        if (!CGAffineTransformEqualToTransform(this._proposedAffineTransform, proposedAffineTransform)) {
+            this._proposedAffineTransform = proposedAffineTransform;
+            this._needsUpdate = true;
+        }
+    },
+
+    setGLUniformWithShader: function(gl, shader) {
+        var mat = [
+            this._proposedAffineTransform.a, this._proposedAffineTransform.b, 0,
+            this._proposedAffineTransform.c, this._proposedAffineTransform.d, 0,
+            this._proposedAffineTransform.tx, this._proposedAffineTransform.ty, 1
+        ];
+
+        gl.uniformMatrix3fv(this._uniformLocation, false, mat);
+        this._affineTransform = this._proposedAffineTransform;
+        this._needsUpdate = false;
+    }
+});
+
+var TSDGLShaderQualifierMat4 = Class.create(TSDGLShaderQualifier, {
+    initialize: function($super, gl, qualifierName) {
+        this._transform3D = new Float32Array(16);
+        this._proposedTransform3D = new Float32Array(16);
+
+        $super(gl, qualifierName);
+    },
+
+    setProposedTransform3D: function(proposedTransform3D) {
+        if (!CATransform3DEqualToTransform(this._proposedTransform3D, proposedTransform3D)) {
+            this._proposedTransform3D = proposedTransform3D;
+            this._needsUpdate = true;
+        }
+    },
+
+    setGLUniformWithShader: function(gl, shader) {
+        gl.uniformMatrix4fv(this._uniformLocation, false, this._proposedTransform3D);
+        this._transform3D = this._proposedTransform3D;
+        this._needsUpdate = false;
+    }
+});

assets/player/pdfjs/web/compatibility.js

@@ -1,3 +1,593 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:1d7d093f5c6b57112514617194614018942d80ab6e0566acc70ab6b53d1c7721
-size 18126
+/* Copyright 2012 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* globals VBArray, PDFJS */
+
+'use strict';
+
+// Initializing PDFJS global object here, it case if we need to change/disable
+// some PDF.js features, e.g. range requests
+if (typeof PDFJS === 'undefined') {
+  (typeof window !== 'undefined' ? window : this).PDFJS = {};
+}
+
+// Checking if the typed arrays are supported
+// Support: iOS<6.0 (subarray), IE<10, Android<4.0
+(function checkTypedArrayCompatibility() {
+  if (typeof Uint8Array !== 'undefined') {
+    // Support: iOS<6.0
+    if (typeof Uint8Array.prototype.subarray === 'undefined') {
+        Uint8Array.prototype.subarray = function subarray(start, end) {
+          return new Uint8Array(this.slice(start, end));
+        };
+        Float32Array.prototype.subarray = function subarray(start, end) {
+          return new Float32Array(this.slice(start, end));
+        };
+    }
+
+    // Support: Android<4.1
+    if (typeof Float64Array === 'undefined') {
+      window.Float64Array = Float32Array;
+    }
+    return;
+  }
+
+  function subarray(start, end) {
+    return new TypedArray(this.slice(start, end));
+  }
+
+  function setArrayOffset(array, offset) {
+    if (arguments.length < 2) {
+      offset = 0;
+    }
+    for (var i = 0, n = array.length; i < n; ++i, ++offset) {
+      this[offset] = array[i] & 0xFF;
+    }
+  }
+
+  function TypedArray(arg1) {
+    var result, i, n;
+    if (typeof arg1 === 'number') {
+      result = [];
+      for (i = 0; i < arg1; ++i) {
+        result[i] = 0;
+      }
+    } else if ('slice' in arg1) {
+      result = arg1.slice(0);
+    } else {
+      result = [];
+      for (i = 0, n = arg1.length; i < n; ++i) {
+        result[i] = arg1[i];
+      }
+    }
+
+    result.subarray = subarray;
+    result.buffer = result;
+    result.byteLength = result.length;
+    result.set = setArrayOffset;
+
+    if (typeof arg1 === 'object' && arg1.buffer) {
+      result.buffer = arg1.buffer;
+    }
+    return result;
+  }
+
+  window.Uint8Array = TypedArray;
+  window.Int8Array = TypedArray;
+
+  // we don't need support for set, byteLength for 32-bit array
+  // so we can use the TypedArray as well
+  window.Uint32Array = TypedArray;
+  window.Int32Array = TypedArray;
+  window.Uint16Array = TypedArray;
+  window.Float32Array = TypedArray;
+  window.Float64Array = TypedArray;
+})();
+
+// URL = URL || webkitURL
+// Support: Safari<7, Android 4.2+
+(function normalizeURLObject() {
+  if (!window.URL) {
+    window.URL = window.webkitURL;
+  }
+})();
+
+// Object.defineProperty()?
+// Support: Android<4.0, Safari<5.1
+(function checkObjectDefinePropertyCompatibility() {
+  if (typeof Object.defineProperty !== 'undefined') {
+    var definePropertyPossible = true;
+    try {
+      // some browsers (e.g. safari) cannot use defineProperty() on DOM objects
+      // and thus the native version is not sufficient
+      Object.defineProperty(new Image(), 'id', { value: 'test' });
+      // ... another test for android gb browser for non-DOM objects
+      var Test = function Test() {};
+      Test.prototype = { get id() { } };
+      Object.defineProperty(new Test(), 'id',
+        { value: '', configurable: true, enumerable: true, writable: false });
+    } catch (e) {
+      definePropertyPossible = false;
+    }
+    if (definePropertyPossible) {
+      return;
+    }
+  }
+
+  Object.defineProperty = function objectDefineProperty(obj, name, def) {
+    delete obj[name];
+    if ('get' in def) {
+      obj.__defineGetter__(name, def['get']);
+    }
+    if ('set' in def) {
+      obj.__defineSetter__(name, def['set']);
+    }
+    if ('value' in def) {
+      obj.__defineSetter__(name, function objectDefinePropertySetter(value) {
+        this.__defineGetter__(name, function objectDefinePropertyGetter() {
+          return value;
+        });
+        return value;
+      });
+      obj[name] = def.value;
+    }
+  };
+})();
+
+
+// No XMLHttpRequest#response?
+// Support: IE<11, Android <4.0
+(function checkXMLHttpRequestResponseCompatibility() {
+  var xhrPrototype = XMLHttpRequest.prototype;
+  var xhr = new XMLHttpRequest();
+  if (!('overrideMimeType' in xhr)) {
+    // IE10 might have response, but not overrideMimeType
+    // Support: IE10
+    Object.defineProperty(xhrPrototype, 'overrideMimeType', {
+      value: function xmlHttpRequestOverrideMimeType(mimeType) {}
+    });
+  }
+  if ('responseType' in xhr) {
+    return;
+  }
+
+  // The worker will be using XHR, so we can save time and disable worker.
+  PDFJS.disableWorker = true;
+
+  Object.defineProperty(xhrPrototype, 'responseType', {
+    get: function xmlHttpRequestGetResponseType() {
+      return this._responseType || 'text';
+    },
+    set: function xmlHttpRequestSetResponseType(value) {
+      if (value === 'text' || value === 'arraybuffer') {
+        this._responseType = value;
+        if (value === 'arraybuffer' &&
+            typeof this.overrideMimeType === 'function') {
+          this.overrideMimeType('text/plain; charset=x-user-defined');
+        }
+      }
+    }
+  });
+
+  // Support: IE9
+  if (typeof VBArray !== 'undefined') {
+    Object.defineProperty(xhrPrototype, 'response', {
+      get: function xmlHttpRequestResponseGet() {
+        if (this.responseType === 'arraybuffer') {
+          return new Uint8Array(new VBArray(this.responseBody).toArray());
+        } else {
+          return this.responseText;
+        }
+      }
+    });
+    return;
+  }
+
+  Object.defineProperty(xhrPrototype, 'response', {
+    get: function xmlHttpRequestResponseGet() {
+      if (this.responseType !== 'arraybuffer') {
+        return this.responseText;
+      }
+      var text = this.responseText;
+      var i, n = text.length;
+      var result = new Uint8Array(n);
+      for (i = 0; i < n; ++i) {
+        result[i] = text.charCodeAt(i) & 0xFF;
+      }
+      return result.buffer;
+    }
+  });
+})();
+
+// window.btoa (base64 encode function) ?
+// Support: IE<10
+(function checkWindowBtoaCompatibility() {
+  if ('btoa' in window) {
+    return;
+  }
+
+  var digits =
+    'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+
+  window.btoa = function windowBtoa(chars) {
+    var buffer = '';
+    var i, n;
+    for (i = 0, n = chars.length; i < n; i += 3) {
+      var b1 = chars.charCodeAt(i) & 0xFF;
+      var b2 = chars.charCodeAt(i + 1) & 0xFF;
+      var b3 = chars.charCodeAt(i + 2) & 0xFF;
+      var d1 = b1 >> 2, d2 = ((b1 & 3) << 4) | (b2 >> 4);
+      var d3 = i + 1 < n ? ((b2 & 0xF) << 2) | (b3 >> 6) : 64;
+      var d4 = i + 2 < n ? (b3 & 0x3F) : 64;
+      buffer += (digits.charAt(d1) + digits.charAt(d2) +
+                 digits.charAt(d3) + digits.charAt(d4));
+    }
+    return buffer;
+  };
+})();
+
+// window.atob (base64 encode function)?
+// Support: IE<10
+(function checkWindowAtobCompatibility() {
+  if ('atob' in window) {
+    return;
+  }
+
+  // https://github.com/davidchambers/Base64.js
+  var digits =
+    'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+  window.atob = function (input) {
+    input = input.replace(/=+$/, '');
+    if (input.length % 4 === 1) {
+      throw new Error('bad atob input');
+    }
+    for (
+      // initialize result and counters
+      var bc = 0, bs, buffer, idx = 0, output = '';
+      // get next character
+      buffer = input.charAt(idx++);
+      // character found in table?
+      // initialize bit storage and add its ascii value
+      ~buffer && (bs = bc % 4 ? bs * 64 + buffer : buffer,
+        // and if not first of each 4 characters,
+        // convert the first 8 bits to one ascii character
+        bc++ % 4) ? output += String.fromCharCode(255 & bs >> (-2 * bc & 6)) : 0
+    ) {
+      // try to find character in table (0-63, not found => -1)
+      buffer = digits.indexOf(buffer);
+    }
+    return output;
+  };
+})();
+
+// Function.prototype.bind?
+// Support: Android<4.0, iOS<6.0
+(function checkFunctionPrototypeBindCompatibility() {
+  if (typeof Function.prototype.bind !== 'undefined') {
+    return;
+  }
+
+  Function.prototype.bind = function functionPrototypeBind(obj) {
+    var fn = this, headArgs = Array.prototype.slice.call(arguments, 1);
+    var bound = function functionPrototypeBindBound() {
+      var args = headArgs.concat(Array.prototype.slice.call(arguments));
+      return fn.apply(obj, args);
+    };
+    return bound;
+  };
+})();
+
+// HTMLElement dataset property
+// Support: IE<11, Safari<5.1, Android<4.0
+(function checkDatasetProperty() {
+  var div = document.createElement('div');
+  if ('dataset' in div) {
+    return; // dataset property exists
+  }
+
+  Object.defineProperty(HTMLElement.prototype, 'dataset', {
+    get: function() {
+      if (this._dataset) {
+        return this._dataset;
+      }
+
+      var dataset = {};
+      for (var j = 0, jj = this.attributes.length; j < jj; j++) {
+        var attribute = this.attributes[j];
+        if (attribute.name.substring(0, 5) !== 'data-') {
+          continue;
+        }
+        var key = attribute.name.substring(5).replace(/\-([a-z])/g,
+          function(all, ch) {
+            return ch.toUpperCase();
+          });
+        dataset[key] = attribute.value;
+      }
+
+      Object.defineProperty(this, '_dataset', {
+        value: dataset,
+        writable: false,
+        enumerable: false
+      });
+      return dataset;
+    },
+    enumerable: true
+  });
+})();
+
+// HTMLElement classList property
+// Support: IE<10, Android<4.0, iOS<5.0
+(function checkClassListProperty() {
+  var div = document.createElement('div');
+  if ('classList' in div) {
+    return; // classList property exists
+  }
+
+  function changeList(element, itemName, add, remove) {
+    var s = element.className || '';
+    var list = s.split(/\s+/g);
+    if (list[0] === '') {
+      list.shift();
+    }
+    var index = list.indexOf(itemName);
+    if (index < 0 && add) {
+      list.push(itemName);
+    }
+    if (index >= 0 && remove) {
+      list.splice(index, 1);
+    }
+    element.className = list.join(' ');
+    return (index >= 0);
+  }
+
+  var classListPrototype = {
+    add: function(name) {
+      changeList(this.element, name, true, false);
+    },
+    contains: function(name) {
+      return changeList(this.element, name, false, false);
+    },
+    remove: function(name) {
+      changeList(this.element, name, false, true);
+    },
+    toggle: function(name) {
+      changeList(this.element, name, true, true);
+    }
+  };
+
+  Object.defineProperty(HTMLElement.prototype, 'classList', {
+    get: function() {
+      if (this._classList) {
+        return this._classList;
+      }
+
+      var classList = Object.create(classListPrototype, {
+        element: {
+          value: this,
+          writable: false,
+          enumerable: true
+        }
+      });
+      Object.defineProperty(this, '_classList', {
+        value: classList,
+        writable: false,
+        enumerable: false
+      });
+      return classList;
+    },
+    enumerable: true
+  });
+})();
+
+// Check console compatibility
+// In older IE versions the console object is not available
+// unless console is open.
+// Support: IE<10
+(function checkConsoleCompatibility() {
+  if (!('console' in window)) {
+    window.console = {
+      log: function() {},
+      error: function() {},
+      warn: function() {}
+    };
+  } else if (!('bind' in console.log)) {
+    // native functions in IE9 might not have bind
+    console.log = (function(fn) {
+      return function(msg) { return fn(msg); };
+    })(console.log);
+    console.error = (function(fn) {
+      return function(msg) { return fn(msg); };
+    })(console.error);
+    console.warn = (function(fn) {
+      return function(msg) { return fn(msg); };
+    })(console.warn);
+  }
+})();
+
+// Check onclick compatibility in Opera
+// Support: Opera<15
+(function checkOnClickCompatibility() {
+  // workaround for reported Opera bug DSK-354448:
+  // onclick fires on disabled buttons with opaque content
+  function ignoreIfTargetDisabled(event) {
+    if (isDisabled(event.target)) {
+      event.stopPropagation();
+    }
+  }
+  function isDisabled(node) {
+    return node.disabled || (node.parentNode && isDisabled(node.parentNode));
+  }
+  if (navigator.userAgent.indexOf('Opera') !== -1) {
+    // use browser detection since we cannot feature-check this bug
+    document.addEventListener('click', ignoreIfTargetDisabled, true);
+  }
+})();
+
+// Checks if possible to use URL.createObjectURL()
+// Support: IE
+(function checkOnBlobSupport() {
+  // sometimes IE loosing the data created with createObjectURL(), see #3977
+  if (navigator.userAgent.indexOf('Trident') >= 0) {
+    PDFJS.disableCreateObjectURL = true;
+  }
+})();
+
+// Checks if navigator.language is supported
+(function checkNavigatorLanguage() {
+  if ('language' in navigator) {
+    return;
+  }
+  PDFJS.locale = navigator.userLanguage || 'en-US';
+})();
+
+(function checkRangeRequests() {
+  // Safari has issues with cached range requests see:
+  // https://github.com/mozilla/pdf.js/issues/3260
+  // Last tested with version 6.0.4.
+  // Support: Safari 6.0+
+  var isSafari = Object.prototype.toString.call(
+                  window.HTMLElement).indexOf('Constructor') > 0;
+
+  // Older versions of Android (pre 3.0) has issues with range requests, see:
+  // https://github.com/mozilla/pdf.js/issues/3381.
+  // Make sure that we only match webkit-based Android browsers,
+  // since Firefox/Fennec works as expected.
+  // Support: Android<3.0
+  var regex = /Android\s[0-2][^\d]/;
+  var isOldAndroid = regex.test(navigator.userAgent);
+
+  // Range requests are broken in Chrome 39 and 40, https://crbug.com/442318
+  var isChromeWithRangeBug = /Chrome\/(39|40)\./.test(navigator.userAgent);
+
+  if (isSafari || isOldAndroid || isChromeWithRangeBug) {
+    PDFJS.disableRange = true;
+    PDFJS.disableStream = true;
+  }
+})();
+
+// Check if the browser supports manipulation of the history.
+// Support: IE<10, Android<4.2
+(function checkHistoryManipulation() {
+  // Android 2.x has so buggy pushState support that it was removed in
+  // Android 3.0 and restored as late as in Android 4.2.
+  // Support: Android 2.x
+  if (!history.pushState || navigator.userAgent.indexOf('Android 2.') >= 0) {
+    PDFJS.disableHistory = true;
+  }
+})();
+
+// Support: IE<11, Chrome<21, Android<4.4, Safari<6
+(function checkSetPresenceInImageData() {
+  // IE < 11 will use window.CanvasPixelArray which lacks set function.
+  if (window.CanvasPixelArray) {
+    if (typeof window.CanvasPixelArray.prototype.set !== 'function') {
+      window.CanvasPixelArray.prototype.set = function(arr) {
+        for (var i = 0, ii = this.length; i < ii; i++) {
+          this[i] = arr[i];
+        }
+      };
+    }
+  } else {
+    // Old Chrome and Android use an inaccessible CanvasPixelArray prototype.
+    // Because we cannot feature detect it, we rely on user agent parsing.
+    var polyfill = false, versionMatch;
+    if (navigator.userAgent.indexOf('Chrom') >= 0) {
+      versionMatch = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
+      // Chrome < 21 lacks the set function.
+      polyfill = versionMatch && parseInt(versionMatch[2]) < 21;
+    } else if (navigator.userAgent.indexOf('Android') >= 0) {
+      // Android < 4.4 lacks the set function.
+      // Android >= 4.4 will contain Chrome in the user agent,
+      // thus pass the Chrome check above and not reach this block.
+      polyfill = /Android\s[0-4][^\d]/g.test(navigator.userAgent);
+    } else if (navigator.userAgent.indexOf('Safari') >= 0) {
+      versionMatch = navigator.userAgent.
+        match(/Version\/([0-9]+)\.([0-9]+)\.([0-9]+) Safari\//);
+      // Safari < 6 lacks the set function.
+      polyfill = versionMatch && parseInt(versionMatch[1]) < 6;
+    }
+
+    if (polyfill) {
+      var contextPrototype = window.CanvasRenderingContext2D.prototype;
+      var createImageData = contextPrototype.createImageData;
+      contextPrototype.createImageData = function(w, h) {
+        var imageData = createImageData.call(this, w, h);
+        imageData.data.set = function(arr) {
+          for (var i = 0, ii = this.length; i < ii; i++) {
+            this[i] = arr[i];
+          }
+        };
+        return imageData;
+      };
+      // this closure will be kept referenced, so clear its vars
+      contextPrototype = null;
+    }
+  }
+})();
+
+// Support: IE<10, Android<4.0, iOS
+(function checkRequestAnimationFrame() {
+  function fakeRequestAnimationFrame(callback) {
+    window.setTimeout(callback, 20);
+  }
+
+  var isIOS = /(iPad|iPhone|iPod)/g.test(navigator.userAgent);
+  if (isIOS) {
+    // requestAnimationFrame on iOS is broken, replacing with fake one.
+    window.requestAnimationFrame = fakeRequestAnimationFrame;
+    return;
+  }
+  if ('requestAnimationFrame' in window) {
+    return;
+  }
+  window.requestAnimationFrame =
+    window.mozRequestAnimationFrame ||
+    window.webkitRequestAnimationFrame ||
+    fakeRequestAnimationFrame;
+})();
+
+(function checkCanvasSizeLimitation() {
+  var isIOS = /(iPad|iPhone|iPod)/g.test(navigator.userAgent);
+  var isAndroid = /Android/g.test(navigator.userAgent);
+  if (isIOS || isAndroid) {
+    // 5MP
+    PDFJS.maxCanvasPixels = 5242880;
+  }
+})();
+
+// Disable fullscreen support for certain problematic configurations.
+// Support: IE11+ (when embedded).
+(function checkFullscreenSupport() {
+  var isEmbeddedIE = (navigator.userAgent.indexOf('Trident') >= 0 &&
+                      window.parent !== window);
+  if (isEmbeddedIE) {
+    PDFJS.disableFullscreen = true;
+  }
+})();
+
+// Provides document.currentScript support
+// Support: IE, Chrome<29.
+(function checkCurrentScript() {
+  if ('currentScript' in document) {
+    return;
+  }
+  Object.defineProperty(document, 'currentScript', {
+    get: function () {
+      var scripts = document.getElementsByTagName('script');
+      return scripts[scripts.length - 1];
+    },
+    enumerable: true,
+    configurable: true
+  });
+})();

assets/player/string.js

@@ -1,3 +1,220 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:65eb706a354740aa2ccac3a879db735667b01766e60f6d9a6327b94faa1327c0
-size 7178
+var SC = SC || {},
+  CoreDocs = CoreDocs || {},
+  NO = false,
+  YES = true;
+
+// ==========================================================================
+// This is copied from CoreDocs to facilitate automatically generating Strings.js files.
+// ==========================================================================
+
+CoreDocs.loc = function(input, comment) {
+  if (comment === undefined)
+  {
+    CoreDocs.error("\"" + input + "\" needs a comment to be picked up for loc.");
+  }
+
+  // When we call SproutCore's loc(), it will replace all %@ parameters, and there is no way to escape them.
+  // In the future, we should get an escaping method into SC, and/or take advantage of their loc's string replacement.
+  // For now, we use @@ instead of %@ as a preliminary parameter marker.
+  input = input.loc(); 
+  input = input.replace(/@@/g, "%@");
+  return input;
+} 
+
+// ==========================================================================
+// This is the necessary subset of sproutcore strings for use in localization.
+// ==========================================================================
+
+// ==========================================================================
+// SproutCore -- JavaScript Application Framework
+// copyright 2006-2008, Sprout Systems, Inc. and contributors.
+// ==========================================================================
+
+// These are basic enhancements to the string class used throughout 
+// SproutCore.
+
+/**
+  @namespace
+  
+  SproutCore implements a variety of enhancements to the built-in String 
+  object that make it easy to perform common substitutions and conversions.
+  
+  Most of the utility methods defined here mirror those found in Prototype
+  1.6.
+  
+  @since SproutCore 1.0
+*/
+SC.String = {
+  
+  // Interpolate string. looks for %@ or %@1; to control the order of params.
+  /**
+    Apply formatting options to the string.  This will look for occurrences
+    of %@ in your string and substitute them with the arguments you pass into
+    this method.  If you want to control the specific order of replacement, 
+    you can add a number after the key as well to indicate which argument 
+    you want to insert.  
+
+    Ordered insertions are most useful when building loc strings where values
+    you need to insert may appear in different orders.
+
+    h3. Examples
+    
+    {{{
+      "Hello %@ %@".fmt('John', 'Doe') => "Hello John Doe"
+      "Hello %@2, %@1".fmt('John', 'Doe') => "Hello Doe, John"
+    }}}
+    
+    @param args {Object...} optional arguments
+    @returns {String} formatted string
+  */
+  fmt: function() {
+    // first, replace any ORDERED replacements.
+    var str = this.gsub(/%@([0-9]+)/, function(m) {
+      return (arguments[parseInt(m[1],0)-1] || '').toString(); 
+    }) ;
+
+    // now, replace any remaining %@ items.  Use this indexOf() method b/c
+    // it is faster than split().
+    var ret = [] ;
+    var idx = -1 ;
+    var loc = 0 ;
+    var argIdx = 0;
+    while((idx = str.indexOf("%@",loc)) >= 0) {
+     // slice off initial part of string and push into ret. update loc.
+     ret.push(str.slice(loc,idx)) ;
+     loc = idx + 2 ; // 2 to skip '%@'.
+     
+     // add in replacement.
+     var value = arguments[argIdx++] ;
+     if (value && value.toString) value = value.toString() ;
+     ret.push(value) ;
+    }
+    
+    // include any remaining bits of the string.
+    if (loc < str.length) {
+      ret.push(str.slice(loc,str.length)) ;
+    }
+    
+    // join return value.
+    return (ret.length > 1) ? ret.join('') : ret[0] ;
+  },
+
+  /**
+    Localizes the string.  This will look up the reciever string as a key 
+    in the current Strings hash.  If the key matches, the loc'd value will be
+    used.  The resulting string will also be passed through fmt() to insert
+    any variables.
+    
+    @param args {Object...} optional arguments to interpolate also
+    @returns {String} the localized and formatted string.
+  */
+  loc: function() {
+    // NB: This could be implemented as a wrapper to locWithDefault() but
+    // it would add some overhead to deal with the arguments and adds stack
+    // frames, so we are keeping the implementation separate.
+    
+    var kit = String[String.currentLanguage()];
+    var str = kit[this] ;
+    if (!str) str = String.English[this] || this ;
+    return str.fmt.apply(str,arguments) ;
+  }
+} ;
+
+// Apply SC.String mixin to built-in String object
+for (var key in SC.String) {
+  String.prototype[key] = SC.String[key];
+}
+
+// Add strings for various languages to this collection.  String.loc()
+// method will try to localize the string passed using the current language.
+// if the language is not available, it will use English.
+Object.extend(String,
+/** @scope String @static */ {
+
+  /**
+    The current browser language as a two letter code.
+  */
+  browserLanguage: ((navigator.language || navigator.browserLanguage).split('-', 1)[0]),
+  
+  /**
+    If YES, localization will favor the detected language instead of the
+    preferred one.
+  */
+  useAutodetectedLanguage: NO,
+  
+  /**
+    This property is set by the build tools to the current build language.
+  */
+  preferredLanguage: null,
+  
+  /**
+    Returns the hash key to use for loc strings.  The default implementation
+    will autodetect the browser language and look for a loc string to 
+    match.  If it can't find one then it will introspect to find loc strings
+    that are defined and use those instead.
+  */
+  currentLanguage: function () {
+    var ret = (this.useAutodetectedLanguage) ? (this.browserLanguage || this.preferredLanguage || 'en') : (this.preferredLanguage || this.browserLanguage || 'en') ;
+
+    // then try a couple of normalized forms...
+    if (!this[ret]) ret = this.normalizedLanguage(ret);
+    return ret ;
+  },
+  
+  /**
+    Returns a normalized language string for the two letter country code.
+  */
+  normalizedLanguage: function(ret) {
+    switch(ret) {
+      case 'fr':
+        ret = 'French'; 
+        break ;
+      case 'de':
+        ret = 'German'; 
+        break ;
+      case 'ja':
+      case 'jp':
+        ret = 'Japanese'; 
+        break ;
+      case 'en':
+        ret = 'English' ;
+        break ;
+      
+      case 'es':
+        ret = 'Spanish' ;
+        break;
+        
+      default:
+        ret = "English";
+        break ;
+    }
+    return ret;
+  },
+  
+  /**
+    Adds loc strings for the named language.  This method takes care of 
+    creating the localized string hash if it does not already exist.
+    The language can be one of the following or any two-letter country code.
+    
+    English, French, German, Japanese, Spanish
+    
+    @param language {String} the language code
+    @param strings {Hash} hash of loc strings.
+    @returns {this}
+  */
+  addStringsFor: function(language, strings) {    
+    // convert language to a normalized name...
+    language = String.normalizedLanguage(language) ;
+    if (!String[language]) String[language] = {} ;
+    Object.extend(String[language], strings || {}); 
+    return this;
+  }
+
+});
+
+String.English  = String.English  || {};
+String.French   = String.French   || {};
+String.German   = String.German   || {};
+String.Japanese = String.Japanese || {};
+String.Spanish  = String.Spanish  || {};
+