基於HTML5 Canvas的引擎
阿新 • • 發佈:2019-02-15
- Laro, 一個基於html5 canvas的用於平面2d或者2.5d遊戲製作的輕量級遊戲引擎,為了簡化使用canvas製作遊戲時的api呼叫。同時提供了一套“有限狀態機”的開發模式,這種模式在對於遊戲這一類的典型的“事件驅動”的模型的開發上。能夠很好的做到模組間的低耦合,利於開發者梳理整個開發邏輯。
- CutJS,為開發者提供了一個類似於DOM樹的資料模型來編寫應用程式,並在內部管理渲染週期和應用繪製,還能處理並向目標樹節點分發滑鼠事件。
- X-Canvas,是一套完全遵循HTML5規範的標準庫,針對目前智慧手機硬體及網路環境特點進行了適配,可以跨平臺使用。X-Canvas使用了OpenGLES硬體加速,從而使手機遊戲應用在畫面渲染、操作互動、執行效能等使用者體驗上有很大提升。
利用canvas繪製一個圓
用canvas畫圓
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext('2d');
ctx.beginPath();//開始路徑
ctx.arc(150,150,100,0,Math.PI*2,true);//繪製
ctx.closePath();//閉合路徑
ctx.strokeStyle = "#4d4e53";//設定輪廓顏色
ctx.fillStyle = "#6a83ff";//設定填充顏色
ctx.stroke();
ctx.fill();