包含pixijs導出canvas的詞條

本文目錄一覽：

• 1、canvas怎麼設置鼠標事件
• 2、pixi.js支持canvas嗎
• 3、PIXI的canvas的顏色為什麼始終都是黑色的
• 4、egret運行界面左上角為什麼有60fps webgl

canvas怎麼設置鼠標事件

canvas內容是沒有事件的 有事件的只有canvas本身

通過鼠標在canvas上面移動獲取鼠標位置以此來改變點擊事件可以

比如 一個長方形或者正方形

計算長方形 200px*100px 根據中心點x 鼠標位置x 距離中心點 100 and y和鼠標y距離50

或者一個圓的半徑為10px 計算方式就是

var X = 鼠標位置 X – 圓中心位置 X;

var Y = 鼠標位置 Y- 圓中心位置 Y;

Math.pow((X *X + Y * Y), 0.5)10;

在往其他的一些不規則圖形就比較麻煩了需要很高的數學功底

如果不會計算何以試試一些插件

pixi 或者Phase之類 除了基本點擊還帶一些物理效果

pixi.js支持canvas嗎

需要在本地搭建一個服務器。搭建好通過網頁訪問根目錄下的index.html就可以開始學習了。參考官方的寫法。

PIXI的canvas的顏色為什麼始終都是黑色的

橡皮擦不可能擦出顏色，只會擦出透明區域出來，除非你擦的圖層下面的圖層是黑色，或者當前圖層被鎖定了透明度（擦出來是背景色，前景色背景色你知道吧），或者有蒙版。

egret運行界面左上角為什麼有60fps webgl

而Egret現階段只是模仿flash的架構，而flash架構本身就不是一個遊戲引擎架構，只是一個渲染引擎，而純渲染引擎在國外也有更成熟的pixi.js，webgl canvas都支持。框架上egret更單薄，說白了也就是個對canvas的包裝，比如針對低效率設備遊戲最常用的tilemap都沒有，只是整合了幾個現有的開源件，比如龍骨p2.js，他們首要目標好像也不是增加開源引擎的功能，而是對周邊工具的閉源投入非常多，連visual studio插件都做了，這是其他引擎在這個階段時所沒有的。

那問題來了，為什麼剛剛起步的Egret會受到這麼大的關注呢？ 以至於樓主以為html5遊戲前景和egret遊戲呢？

走中國特色的html5遊戲引擎路線，優先中國開發者市場，學習cocos2dx先進經驗。想在html5上再火一把。

與前邊提到的悶聲做技術的引擎不同，Egret 有錢！

你是怎麼知道Egret的？是在github上嗎？不是。他們不是在github上有名而讓其他人知道的，他們走的是在其他渠道推廣，求網友到github加star的路線

他們每發佈一個版本都會發統一的公關文到各大站點。一個神經貓+egret傳奇的軟文，你知道得花多少錢推廣才能人人都知道嗎？現在已經html5夢工廠的田愛娜也被挖了過去，基本上以後國內的任何html5開發者大會，你都會看到egret的宣傳講座了。

當然egret也有優勢，他們更了解的中國開發者，中國開發者不會在乎各種閉源工具是怎麼回事，構建工具為啥要自己寫而不基於grunt.js或gulp.js，他們需要的是你能一鍵發佈，然後就適配各種小米鎚子手機了。