archive-gh-me/Hilo
1
0
Fork 0
mirror of https://github.com/hiloteam/Hilo.git synced 2026-02-01 17:47:05 +00:00
Code Issues Projects Releases Wiki Activity

chore: add flash render mode examples

Browse Source
This commit is contained in:
06wj 2017-01-17 15:00:19 +08:00
parent 24cb13b43b
commit b5c724a709
4 changed files with 47 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
examples/Ease.html
View File

@ -85,6 +85,9 @@
stage.tick();
stage.tick();
setInterval(function(){
stage.tick();
}, 1000);
}
</script>
</body>

2
examples/align.html
View File

@ -11,7 +11,7 @@
<body onload="init();">
<header>
<h1>View.align</h1>
<p>View.align可指定可视对象相对于父容器的对齐方式。取值可查看Hilo.align枚举对象。</p>
<p>View.align可指定可视对象相对于父容器的对齐方式。取值可查看Hilo.align枚举对象。（仅canvas模式支持，后续会删除）</p>
</header>
<div id="game-container"></div>
<script src="js/demo.js"></script>

28
examples/index.html
View File

@ -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;

49
examples/js/demo.js
View File

@ -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 = '<input type="radio" data-type="{type}">{type}</input>'.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 = '<input type="radio" data-type="{type}">{type}</input>'.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);
}
};