h5游戲制作


前言:

  好久沒更新博客了,以前很多都不會,所以常常寫博客總結,倒是現在有點點經驗了就懶了。在過去的幾個月里,在canvas游戲框架方面,擼過了CreateJS,玩得了Egret,又學過PIXI.js。在移動前端方面,尤其是小游戲開始有一點點小經驗了。但只是小經驗,為什么說是小經驗?

  首先,深度不足,雖然用得最熟最多的白鷺,可是習慣了JavaScript,對TypeScript的OOP編程掌握得還不夠;其次,對Egret等游戲框架了解的廣度還不夠,還有相當部分用法沒用到。雖然能夠應付朋友圈里傳播的大多數的H5小游戲,可是還有很大的進步空間。尤其是欠缺重度游戲以及性能方面的處理。所以,不論是一般的Web前端方面,還是H5游戲方面,我都要繼續努力學習了。不足錯漏之處,懇請大家多多指點。

布局的時候,如果一個元素你想讓他的寬高保持一定比例,而不隨屏幕變化,寬高設置的時候,使用同一個單位
都是CSS3的單位,低版本不兼容

2.兼容性:蘋果設備微信強制使用的是os的瀏覽器safar,頁面訪問的體驗遠大於安卓;安卓情況比較亂套:知乎上有人說是微信6.0.2以上是強制使用的QQ的X5瀏覽器,但是實際情況來看(公司范圍),一部分手機如(魅族,小米,一加,三星,LG等)使用的是X5內核,另一部分如(nexus,國靖的小米)使用的是chrome的內核, 由此來看,安卓上的訪問情況大部分不容樂觀,會不支持某些屬性和出現一些異常。

3.經驗之談:UI給出的設計圖越來越美觀了,但是對於前端的要求就變高了,寫頁面之前,良好的頁面結構設計可以極大地豐富了兼容性和擴展性,這個東西沒有對錯之分,只有好和更好。

4.移動端的動畫:這次我使用的是jquery.animate,出現情況,ios上各個設備均正常,但是安卓方面X5內核的動畫卡頓嚴重。查閱資料,移動端的動畫大部分使用CSS3和zepto.js,盡量不使用jquery的,對於移動端的游戲動畫,流行canvas。

5.touch事件:安卓支持click事件,但是ios不支持,推薦使用touch事件;

touch事件基本類型:touchstart,touchmove,touchend,
對於之前需求中的判定向上滑動,向左滑動,向右滑動等推薦使用以下代碼進行處理

給大家聯系方式 :Zhang__qwr weixin


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM