使用XDK發佈Construct 2專案到Android手機

2,492 views

Published on

本簡報介紹如何使用Intel XDK將Construct 2專案封裝為Android APK檔
last updated: 2016.1.24

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,492
On SlideShare
0
From Embeds
0
Number of Embeds
61
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

使用XDK發佈Construct 2專案到Android手機

  1. 1. 電子工程系應 用 電 子 組 電 腦 遊 戲 設 計 組 使用XDK發佈Construct 2專案到Android手機 吳錫修 Revised 2016.1.23
  2. 2. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  確認Construct 2專案已設定Full screen in browser  File/Export project…,選取Web/HTML website 匯出Construct 2專案 1/4 2
  3. 3. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  設定輸出路徑 匯出Construct 2專案 2/4 3
  4. 4. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  指定樣板 匯出Construct 2專案 3/4 4
  5. 5. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  匯出的專案目錄內容 匯出Construct 2專案 4/4 5
  6. 6. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  下載:http://xdk-software.intel.com/ 安裝Intel XDK 1/7 6
  7. 7. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  執行下載的XDK安裝程式 (例如xdk_web_win_master_2893.exe) 安裝Intel XDK 2/7 7
  8. 8. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  指定安裝路徑,之後按Next按鈕繼續安裝作業 安裝Intel XDK 3/7 8
  9. 9. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  3rd-party元件安裝說明,按Next按鈕繼續安裝作業 安裝Intel XDK 4/7 9
  10. 10. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  確認安裝設定 安裝Intel XDK 5/7 10
  11. 11. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  開始安裝XDK 安裝Intel XDK 6/7 11
  12. 12. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  完成XDK安裝 安裝Intel XDK 7/7 12
  13. 13. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  執行Intel XDK,在起始畫面點選Sign Up建立註冊帳號 註冊XDK用戶帳號 1/3 13
  14. 14. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  個人姓名  Email  所在地  用戶名稱  密碼 註冊XDK用戶帳號 2/3 14
  15. 15. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點選確認信函中的Conform email address連結 註冊XDK用戶帳號 3/3 15
  16. 16. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  手機必須安裝Intel App Preview  手機啟用USB debugging連線  4.2以上版本  設定/⼀般/關於裝置點擊版本號碼7次,進到開發者模式  設定/⼀般/開發人員選項勾選USB偵錯  其它版本  設定/應用程式/開發勾選USB偵錯 手機端準備作業 16
  17. 17. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 登入XDK 17
  18. 18. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  以「Import Your HTML5 Code Base」方式建立新專案 匯入Construct 2專案到XDK 1/5 18
  19. 19. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  設定專案名稱 匯入Construct 2專案到XDK 2/5 19
  20. 20. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  確認專案匯入結果,點擊「Continue」按鈕 匯入Construct 2專案到XDK 3/5 20
  21. 21. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  完成專案匯入作業 匯入Construct 2專案到XDK 4/5 21
  22. 22. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  匯入完成之專案內容 匯入Construct 2專案到XDK 5/5 22
  23. 23. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊「EMULATE」頁籤,使用內建模擬器測試專案 使用XDK模擬測試 23
  24. 24. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊「TEST」頁籤,上傳測試專案到XDK測試伺服器 透過XDK TEST SERVER實機測試 1/3 24
  25. 25. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  用手機掃描QR CODE 透過XDK TEST SERVER實機測試 2/3 25
  26. 26. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  按下確認按鈕即可連線測試 透過XDK TEST SERVER實機測試 3/3 26
  27. 27. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊「DEBUG」頁籤 透過USB連線實機測試 1/4 27
  28. 28. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  以USB連接手機與PC 透過USB連線實機測試 2/4 28
  29. 29. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊 在手機執行專案,點擊 停止執行 透過USB連線實機測試 3/4 29
  30. 30. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊 以除錯模式執行 透過USB連線實機測試 4/4 30
  31. 31. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊「PROFILE」頁籤,可檢測專案在手機運行狀況 檢測Construct 2專案在手機運行狀況 31
  32. 32. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊「BUILD」頁籤,選取執行裝置,之後按下「Build」按鈕 使用XDK建立Construct 2專案APK 1/3 32
  33. 33. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  確認後按下「Build App Now」按鈕 使用XDK建立Construct 2專案APK 2/3 33 Wu, ShyiShiou
  34. 34. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊「Download Build」按鈕,下載封裝完成的APK檔 使用XDK建立Construct 2專案APK 3/3 34 Wu, ShyiShiou
  35. 35. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  要正式發佈APK,必須使用個人的keystore進行簽章  我們可以使用APK Signer建立個人keystore,並對XDK所建立 Construct 2專案APK進行簽章作業  需要先安裝JDK及Android SDK 發佈APK 35
  36. 36. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  https://shatter-box.com/knowledgebase/android-apk-signing- tool-apk-signer/ 下載APK Signer 36
  37. 37. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 使用APK Signer建立個人keystore 1/3 37
  38. 38. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 使用APK Signer建立個人keystore 2/3 38
  39. 39. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  點擊Save as按鈕,指定keystore存檔路徑及檔名 使用APK Signer建立個人keystore 3/3 39
  40. 40. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  指定keystore及XDK封裝完成的APK檔 使用APK Signer簽章APK檔 1/2 40
  41. 41. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  按下「Sign!」按鈕 使用APK Signer簽章APK檔 2/2 41
  42. 42. shapethefuture  將簽章過的APK檔上傳到網站  編輯下載頁面 <html> <p><a href="demo.apk">My Super Game APK</a></p> <p>請先移除先前安裝之程式,再下載安裝</p> </html> 發佈APK到網站 42 Wu, ShyiShiou
  43. 43. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  允許安裝除Play Store以外來源的應用程式  設定/⼀般/安全性勾選未知的來源 手機連線到網站下載安裝 43

×