iT邦幫忙

1

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

  • 分享至 

  • xImage

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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
3
小哈片刻
iT邦研究生 5 級 ‧ 2023-09-02 18:08:38

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

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

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

太好了

1
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

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

太好了

1
YC
iT邦研究生 2 級 ‧ 2023-09-04 10:58:09

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

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

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

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

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

我要發表回答

立即登入回答