diff --git a/examples/Ease.html b/examples/Ease.html index a67ac9fd..6200d056 100644 --- a/examples/Ease.html +++ b/examples/Ease.html @@ -85,6 +85,9 @@ stage.tick(); stage.tick(); + setInterval(function(){ + stage.tick(); + }, 1000); } diff --git a/examples/align.html b/examples/align.html index e05189bf..8e982421 100644 --- a/examples/align.html +++ b/examples/align.html @@ -11,7 +11,7 @@

View.align

-

View.align可指定可视对象相对于父容器的对齐方式。取值可查看Hilo.align枚举对象。

+

View.align可指定可视对象相对于父容器的对齐方式。取值可查看Hilo.align枚举对象。（仅canvas模式支持，后续会删除）

diff --git a/examples/index.html b/examples/index.html index 6a4235c1..e41ce9c0 100644 --- a/examples/index.html +++ b/examples/index.html @@ -90,19 +90,21 @@ } var examplesDict = {}; - examples.forEach(function(originName, i){ - var name = getExampleName(originName); - var elem = document.createElement('li'); - examplesDict[name] = { - elem:elem, - originName:originName - }; - elem.innerHTML = name; - listElem.appendChild(elem); - elem.onclick = function(){ - setDemo(originName); - }; - }); + for(var i = 0;i < examples.length;i ++){ + (function(originName, i){ + var name = getExampleName(originName); + var elem = document.createElement('li'); + examplesDict[name] = { + elem:elem, + originName:originName + }; + elem.innerHTML = name; + listElem.appendChild(elem); + elem.onclick = function(){ + setDemo(originName); + }; + })(examples[i], i); + } iframeElem.width = innerWidth - 220; iframeElem.height = innerHeight - 20; diff --git a/examples/js/demo.js b/examples/js/demo.js index ff0ed00c..fccf568e 100644 --- a/examples/js/demo.js +++ b/examples/js/demo.js @@ -1,11 +1,12 @@ -var renderTypes = { - 'canvas':1, - 'dom':1, - 'webgl':1 +var renderTypeDict = { + 'canvas':'canvas', + 'dom':'dom', + 'webgl':'webgl', + 'forceFlash':'flash' }; var renderType = location.search.slice(1); -if(!renderTypes[renderType]){ +if(!renderTypeDict[renderType]){ renderType = 'canvas'; } @@ -17,23 +18,24 @@ if(location.search.indexOf('noHeader') < 0){ headerElem.style.display = 'block'; var renderTypeElem = document.createElement('div'); headerElem.appendChild(renderTypeElem); - var renderTypes = ['canvas', 'dom', 'webgl']; - renderTypes.forEach(function(type){ - var typeElem = document.createElement('div'); - typeElem.innerHTML = '{type}'.replace(/{type}/g, type); - typeElem.setAttribute('data-type', type); - typeElem.style.cssText = 'display:inline;margin-left:10px;line-height:20px;cursor:pointer;height:40px;'; - typeElem.input = typeElem.children[0]; - renderTypeElem.appendChild(typeElem); - if(type === renderType){ - typeElem.input.checked = true; - } - typeElem.onclick = function(){ - if(renderType !== type){ - location.search = type; + for(var type in renderTypeDict){ + (function(type){ + var typeElem = document.createElement('div'); + typeElem.innerHTML = '{type}'.replace(/{type}/g, renderTypeDict[type]); + typeElem.setAttribute('data-type', type); + typeElem.style.cssText = 'display:inline;margin-left:10px;line-height:20px;cursor:pointer;height:40px;'; + typeElem.input = typeElem.children[0]; + renderTypeElem.appendChild(typeElem); + if(type === renderType){ + typeElem.input.checked = true; } - } - }); + typeElem.onclick = function(){ + if(renderType !== type){ + location.search = type; + } + } + })(type); + } renderTypeElem.style.cssText = 'position:absolute;right:5px;top:5px;'; } else{ @@ -48,6 +50,11 @@ gameContainer.style.height = stageHeight + 'px'; gameContainer.style.width = stageWidth + 'px'; window.console = window.console||{log:function(){}}; +Array.prototype.forEach = Array.prototype.each = Array.prototype.forEach || function(callback){ + for(var i = 0;i < this.length;i ++){ + callback(this[i], i, this); + } +};