Html5實現iPhone開機介面

今天我突發其想，想到可以用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實現iPhone開機介面

HTML5實現拖放

html5實現刮刮卡效果

HTML5學習之 HTML 5 拖放

相關推薦