今年基本都淡出了cocos2d-js的開發，更多集中在普通h5應用上，還有自己的fanvas元件（做canvas動畫。
不過，最近回頭一看webgl的訊息，發現兩個大好事。
乙個呢，就是隨著大家有錢起來，街上用iphone 6、6s的人越來越多了，ios 9的覆蓋率也越來越高。ios 9代表什麼呢？代表強有力的支援webgl啊。
另外，android方面也有好訊息。android在h5這一塊一直跟不上時代，或者準確說是跟不上時代的國內android手機廠商，遲遲不公升級android 5、6，基本都是4.x的版本。而4.x實際不是google的親兒子，裡邊的webview對h5支援非常爛，當然就包括不支援webgl了。做前端開發的同學應該深受其害，當然包括我自己。
今天，跟總監交流一下，聽說qq瀏覽器6.2已經加入了blink的chromium核心（可能說法不準確），支援webgl了。這個是大事啊！在android 4.x的系統中安裝，也可以支援webgl，雖然不說這執行效率非常高，但至少比canvas動畫要高效乙個檔次。
最後，上幾張圖，慶祝一下。
1、小公尺3，android 4.4.4，執行3d的場景。
2、使用webgl和canvas 2d兩種情況的渲染效率對比。（上圖是canvas 2d，下圖是webgl，幀頻明顯高一檔次，粒子系統效果也更好）
Html5遊戲之KiwiJs（3） 按鍵 動畫
建立左右按鍵控制npc行走並釋放技能動畫。先準備一張npc連播動畫圖和一張技能連播圖 kiwi.js中建立npc動畫是通過animationmanager的 方法來實現 建立背景 this.bgsprite new kiwi.gameobjects.staticimage this,this.tex...
html5中的2D和動畫
2d旋轉指的是讓元素在2維平面內順時針旋轉或者逆時針旋轉 使用步驟 給元素新增轉換屬性transform 屬性值為rotate 角度 如transform rotate 30deg 順時針方向旋轉30度 div transform origin x y 重要知識點 2d轉換之scale scale的...
基於HTML5的齒輪動畫特效
這是乙個基於html5的齒輪動畫特效，我們將齒輪轉動的物理學原理，轉換為html5 在網頁上實現了模擬齒輪轉動的動畫效果。該齒輪動畫的最大特點是它由好多個齒輪組成，這對齒輪傳動的演算法要求就大大提高了，而且我們並沒有用j ascript，而是純css3實現的。html xml html code複製...