今天我突發其想,想到可以用html5來仿照蘋果作業系統做乙個能在web平台執行的ios。
當然,要開發出乙個作業系統,等我再歸山修練一百年再說吧。今天就先娛樂一下,先搞乙個開機介面。
完工後的:
由於lufylegend封裝得的確不錯,本次開發還是用該引擎做的。**不多,感興趣的朋友可以直接看一下。
index.html中的**:
loading......
main.js中的**:
init(50,"mylegend",450,640,main);
lglobal.setdebug(true);
var loaddata = [
, , ];
var datalist = {};
var backlayer,iphonelayer,screenlayer,buttonlayer;
var iosshape;
var bootpage;
function main()
function gameinit(result)
function initlayer()
function addshape()
function addback()
shape.js裡的**:
/*
* shape.js
**/function shape(type,width,height)
shape.prototype._showself = function()
};shape.prototype.getscreenwidth = function();
shape.prototype.getscreenheight = function();
最後是bootpage.js裡的**:
/*
* bootpage.js
**/function bootpage()
bootpage.prototype.addwall***** = function(bitmapdata);
bootpage.prototype.addtime = function()else
}elseelse
} s.datetext.text = date.getmonth() + 1 + "月" + date.getdate() + "日";
})};
bootpage.prototype.addslider = function(bitmapdata));
bar.addeventlistener(lmouseevent.mouse_up,function(event,s)
});s.canmovebar = false;
});s.addchild(bar);
bar.addeventlistener(lmouseevent.mouse_out,function(event,s)
});s.canmovebar = false;
});s.addeventlistener(lmouseevent.mouse_move,function(event)
if(bar.x < 35)
} });
s.addchild(bar);
//畫出滑塊框
barborder.graphics.drawroundrect(2,"#191818",[0,0,250,40,5],true,"black");
barborder.alpha = 0.7;
//畫出滑塊
bar.graphics.drawroundrect(2,"dimgray",[0,0,70,40,5],true,"lightgray");
bar.alpha = 0.7;
};
由於本次是偶自娛自樂,所以**就不多講了,只講一下shape.js和bootpage.js的用途。shape.js是用來繪畫我們iphone手機外殼用的類,而bootpage.js是開機介面的類。兩者的功能不同,相當於shape.js用來處理硬體外觀,bootpage.js用來處理顯示。
引擎api文件:
/api
謝謝大家閱讀本文,支援就是最大的鼓勵。
歡迎繼續關注我的部落格
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
html5實現刮刮卡效果
通過canvas實現的可刮塗層效果.修改img.src時塗層也會自動適應新的尺寸.修改layer函式可更改塗層樣式.塗層 可刮效果 以下是html源 已增加移動裝置支援 12 3456 78910 1112 1314 1516 1718 1920 2122 2324 2526 2728 2930 3...
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...