大家常使用哪種引擎套件開發html的canvas？

html canvas

rosef35 2023-09-02 08:25:48 ‧ 2058 瀏覽

分享至

末學想學canvas的應用，
使用javascript，
由於原生的api對我太複雜了，
前輩們能不能推薦你們常用的canvas引擎套件給我，
謝謝。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

小哈片刻

iT邦研究生 4 級 ‧ 2023-09-02 18:08:38

你運氣真好，剛好我新寫了一本 Pixi.js 讓新手也能寫出好遊戲
似乎是國內第一本以Pixi.js為主題的從零開始系列

Pixi.js用起來就像十年前的Flash ActionScript一樣，是2D繪圖函式庫的標準，可以試試。

回應 1
分享
檢舉

rosef35 iT邦新手 4 級 ‧ 2023-09-04 08:10:20 檢舉

太好了

登入發表回應

Samuel

iT邦好手 1 級 ‧ 2023-09-02 19:41:55

有寫了一個基礎筆記稍微分享
HTML5_canvas_API使用方法
https://coolmandiary.blogspot.com/2016/01/html5canvasapi.html

HTML5_利用canvas_API_製作精美時鐘方法(旋轉/縮放/移動/畫線)_part1
https://coolmandiary.blogspot.com/2016/02/html5canvasapi.html

HTML5_利用canvas_API_製作精美時鐘方法(日期對象)_part2
https://coolmandiary.blogspot.com/2016/02/html5canvasapipart2.html

HTML5_利用canvas_API_製作精美時鐘方法(整合)_part3
https://coolmandiary.blogspot.com/2016/02/html5canvasapipart3.html

回應 1
分享
檢舉

rosef35 iT邦新手 4 級 ‧ 2023-09-04 08:10:33 檢舉

太好了

登入發表回應

iT邦好手 1 級 ‧ 2023-09-04 10:58:09

如果是要3D的話，我是建議

A-Frame基於 three.js 開發出的 webVR 框架。中文教學
three.js 基於WebGL 開發出的Javascript 函式庫
WebGL利用硬體加速，在 HTML 的 canvas 元素中實現二維及三維渲染。

我個人是先玩 A-Frame，然後覺得有需要再學 three.js，然後再學 WebGL。

回應 1
分享
檢舉

rosef35 iT邦新手 4 級 ‧ 2023-09-06 07:56:37 檢舉

題外話我見到有應用2D/3D的專案多是遊戲，且是放展場的人機互動機，全是unity的天下。

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙