iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0
Modern Web

PixiJS青銅玩家系列 第 1

【LV. 1】PixiJS青銅玩家:前言

  • 分享至 

  • xImage
  •  

▉ 打排位之前要先練等啊

系統提示:「好的開始是成功的一半」,PixiJS青銅玩家進入遊戲。

JS都還沒學會,就踏入PixiJS的領域,在什麼都不懂的情況下,只能把官方的教程先一步步跟著看完,不懂的就上網查攻略,然後再把他們整理成筆記紀錄下來,將這過程轉化為經驗,透過30天努力升等。

▉ 為什麼選擇PixiJS

這都得從畢業專題說起,打從一開始就想以網頁作為畢專的主題,但是看過往學長姐幾乎都以Unity,或者系上某實驗室開發的DIVE平台作為工具,所以一直沒定下要用什麼做開發。

  • Unity

    無論3D或2D都能完成,而且UI界面讓人容易上手,教學資源也非常多,但是因為沒使用過,無從比較差異性。

  • Dive

    大一課堂期末專題曾經使用過,界面式的操控語法,對初學者來說非常方便、簡單就能完成一個小遊戲,但bug有點多,操作上有些不直覺,另外,也許他能幫助初學程式者有個邏輯概念,但若依賴這樣的平台,會覺得很難有成長,所以不決定使用它完成畢業專題。

雖然原本也很猶豫是不是該暫時拋下用網頁開發遊戲的想法,不過看見了Cross CodeUnlight(似乎破產沒運作了)、Google Doodle冠軍島運動會奔跑吧台北全能古蹟燒毀王等等的遊戲,一下子就被燃起來了。

於是開始尋找以及詢問用網頁做遊戲的一些關鍵字。

例如最常見的PixiJS渲染引擎、基於PixiJS完成的遊戲框架Phaser、做3D網站的Three.js、Cross Code使用的遊戲引擎impact.js,又或者Google冠軍島運動會運用到的Cannon.js以及Create.js,還有很多很多......。

但因為沒打算碰3D,加上未來想往Web走,以及希望成品是一項不需要下載安裝即能使用的遊戲,所以就決定了2D、網路上資源較多,甚至還有活躍論壇的PixiJS(也有一大部分受到奔跑吧台北的影響)。

▉ 那就開始吧

畢專發表大致在12月舉辦,而目前畢業專題的進度只完成了遊戲腳本的部份,至於技術與美術部份仍在卡關,因此期望在接下來的30天,好好的把PixiJS學習歷程紀錄下,並且能成為10/15鐵人賽結束後的養分,那就開始吧!


下一篇
【LV. 2】PixiJS青銅玩家:安裝PixiJS
系列文
PixiJS青銅玩家30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
Vic
iT邦新手 3 級 ‧ 2022-09-16 22:05:22

加油。

NoZ iT邦新手 4 級 ‧ 2022-09-18 13:31:25 檢舉

一起加油~/images/emoticon/emoticon08.gif

1
Chris
iT邦新手 3 級 ‧ 2022-09-17 14:37:32

希望可以試玩到你做的遊戲。到時再來看看你寫的 code

NoZ iT邦新手 4 級 ‧ 2022-09-18 13:32:57 檢舉

好的!我會努力生出來/images/emoticon/emoticon69.gif

0
安揪拉
iT邦新手 4 級 ‧ 2022-09-22 13:59:15

好酷!希望上線後有機會玩到!

NoZ iT邦新手 4 級 ‧ 2022-09-23 13:52:23 檢舉

我會努力讓它上線的!/images/emoticon/emoticon37.gif

我要留言

立即登入留言