web前端的大部分工作集中在利用現有的主流前端框架（vue / react / angular）及其周邊開源**庫生態組織整個專案的架構並實現業務邏輯**，往往同一種邏輯可以選擇用不同的抽象方式來實現，不同抽象方式的思想和實現差異巨大，如狀態管理的不同實現方式：redux / mobx / rxjs.
h5遊戲的開發工作主要集中在基於遊戲引擎的標準開發流程實現ui設計的動畫效果以及完成遊戲互動邏輯。對於遊戲開發來說，需要利用具象思維能力來組織貼圖等資源完成最終產品，實現的過程相對來說比較固定和模式化（利用選定的遊戲引擎的粒子、骨骼、幀動畫等api）。
web前端在工程化領域日趨成熟，利用框架本身提供的api + ide的完備提示 + webpack等打包工具可以實現「coding - debug - 部署」的一整套成熟的生產流程，同時框架本身往往只提供核心的「資料 - 檢視 - 資料」功能，可以根據專案需求引入不同的設計模式。
在h5遊戲開發領域，由於不同遊戲引擎之間的核心**差異巨大，為了保護核心原始碼以及開發效率等，遊戲引擎廠商往往會高度定製一套服務於該遊戲引擎的開發流程：從ide到**架構到部署。因此，相對來說，h5遊戲開發中，遵守「約定」是很重要的乙個環節，h5遊戲開發在選定了遊戲引擎之後，整個開發流程往往都只能受限於在遊戲引擎的官方推薦中做選擇。
cocos creator 的整合開發環境比較成熟，整套功能都整合在了開箱即用的 cocos creator 客戶端內，除了**邏輯需要用vscode編寫，場景編輯、動態元件設定、資源管理、部署等都可以在單一客戶端內完成操作。
相對來說 egret 的開發環境有些混亂，有 egret launcher / wing3 / egret ui editor / egret pro 等各種開發工具，有些功能彼此涵蓋但又各不相同，產品線混亂，對新手來說並不友好。
在官方文件上，cocos creator 更勝一籌，從基礎的遊戲demo教程到api文件都比egret的質量更高。在社群熱度和市場佔比方面，cocos creator 也比 egret 的討論多一些，所以更容易找到解決方案，對新手更加友好。
cocos creator 官方更推薦在客戶端用gui操作完成大部分場景、圖形、動畫工作，在**層僅編寫業務**以及一些比較複雜抽象的動畫邏輯。
優點：在製作動畫效果和場景時更直觀、方便；egret的視覺化編輯器目前比較簡陋，動畫和業務邏輯都依賴在**層編寫。
優點：開發方式對web開發者更為熟悉；想要從web前端轉而上手h5遊戲開發，首先要加強形象和抽象相互轉換的思維能力，擁有從具體的動畫效果抽象出**控制邏輯的能力會很有優勢。在選定遊戲引擎後，還需要對該引擎的開發流程做充分了解，需要學習的部分：遊戲引擎自研或推薦的ide的使用、視覺化場景編輯器的使用、**架構方式、遊戲引擎api、debug方式、部署方式。
從個人角度來說，cocos creator 有更清晰的產品線和文件、合適的難度曲線，更適合從 web前端轉向遊戲開發。
H5遊戲專案開發總結
今年5月1日公司立項準備開發一款slg的h5遊戲。經過調研決定使用layaair引擎。目前遊戲第一輪測試已經結束。簡單回顧一下 明確要求趕在暑期檔上線，由於之前一直是用cocos2dx lua版本，所以對於h5零基礎的我來說還是不小的挑戰。引擎確定之後，開始著手熟悉api。開發過程期間遇到的相關問題...
滲透H5棋牌遊戲 棋牌遊戲開發
0x01 前言 本來不想發的，涉及太多利益了,這些棋牌遊戲的原始碼最高能賣到幾萬。開發起來不比乙個商場程序難。最近又太忙了，沒時間去做程式碼審計的文章了，但一不小心又搶了個運氣王。0x02 開始 一天做這行的朋友來找我，說幫審計下一套程序，正好這邊的缺一篇文章就順便去看看了。開始看了下目錄，找了幾個...
H5前端開發筆記（一）
用於首頁火柴效果與雲彩效果 經測驗css3的寫法可以完美實現幀動畫，儘管ie8及以下不支援，而使用jquery會有明顯的卡頓。webkit keyframes fire 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 84 88 92 96 100 fi...