在前面幾篇的介紹之後，這裡要做一個比較完整的DEMO，利用Unity的Physics屬性來產生碰撞跟移動的效果，其實在上一篇中使用程式去改變物體坐標位置也是可以的，不過WYSIWYG - 所見即所得的操作還是比較親民一些，動作也比較流暢。另外也會使用Animation來做簡單的2D動畫(連續換圖？)，現在我們就開始吧。 遊戲製作 放入素材 新增一個「2D專案」後，將遊戲中所需要的圖片拉到專案中，相對的位置調整好，在這裡比較要注意的是，物件是有「先後順序」關係的，所以有時候在畫面上看不到，可以去調Order in layer的大小，數字越大的越前面(越晚畫)。 There should have been a video here …

Read More

在前面幾篇的介紹之後，現在我們要來做一個簡單的小遊戲 - 貓貓躲，一些IDE使用上的細節就不多說了，在此帶入Prefab的使用，用來預製(Prefabricated)來複製大量重複使用的模板，另外還加上「鍵盤 / 按鈕」的使用，讓我們繼續看下去吧。 做一個長這樣子的Game吧 There should have been a video here but your browser does not seem to support it. 遊戲製作 放入素材 新增一個「2D專案」後，將遊戲中所需要的圖片拉到專案中，相對的位置調整好，在這裡比較要注意的是，物件是有「先後順序」關係的，所以有時候在畫面上看不到，可以去調Order in …

Read More

在上一篇轉盤小遊戲的介紹之後，總感覺好像少了什麼東西？對了，就是「聲音」，沒有了聲音，遊戲沒有靈魂，沒有臨場感，現在我們就來加上聲音吧。Unity支援的「聲音格式」可以自己查看一下 (其實也不多啦)。 做一個長這樣子的Game吧 There should have been a video here but your browser does not seem to support it. 遊戲製作 放入素材 新增一個「2D專案」後，將遊戲中所需要的圖片拉到專案中，相對的位置調整好，然後RunRun看 (目前是不會動的)，這邊就不多說了。 There should have been a video here but your …

Read More

相信在上一篇的Unity介紹之後，大家都很想試試看，自己來做個game吧，這裡我們就來做個簡單的轉盤吧，然後在macOS / iOS / Android上安裝，話不多說，馬上行動。 做一個長這樣子的Game吧 There should have been a video here but your browser does not seem to support it. 遊戲製作 新增專案 首先新增加一個「2D」的專案，雖然說Unity是做3D的，但只要沒有Z軸就變2D了嘛 There should have been a video here but your browser does not seem to support …

Read More

相信大家多少都有聽過Firebase是個JSON格式的資料庫吧？但是其實它還有一些其它的功能，比如說今天要介紹的這個Functoins的功能，就是拿來寫WebAPI用的，可以直接去讀取Firebase資料庫，相當的方便，它有支援iOS / Android / JavaScript / C++ / Unity的Framework - onCall()，但個人是要把它做成HTTP的形式 - onRequest()，為什麼呢？一方面是因為並不是每一個語言都有Firebase的支援，另一方面是比較容易看到輸出的結果。現在我們就來試試看吧。 安裝過程 Functions在哪裡？ 首先，我們先來看看Functions到底在哪裡呢？登入 …

Read More

這篇應該算應該也是個『極短篇』吧？主要是因為有看到這一篇文章介紹的APP - Grid Wallpaper，原本以為還滿好做的(其實是想省錢啦)，不過實際上試了之後發現問題不是在程式好不好寫，而是不知道要怎麼去排版，因為沒有iPhone桌面上的相關尺寸資訊(還是我找不到呢？)，所以是使用馬克鰻 - MarkMan去量的，沒錯，用量的，話不多說，讓我們看下去吧。 首先呢，做一個長這樣的APP There should have been a video here but your browser does not seem to support it. 製作過程 UICollectionView 首先，先讓 …

Read More

話說，版主1111光棍節已經過到不想過了，早就從魔法師轉生成大魔導士了，所以本魯今年的願望這是脫單，利用高級打字工的優勢，利用AR.js / A-Frame.js做一張令心儀的人會喔喔喔喔的生日小卡片吧，相信版主一定會成功的，話不多說，做就對了。 做一個長這樣的網頁 There should have been a video here but your browser does not seem to support it. 製作過程 新增專案 新增一個等一下要放網頁的專案APP，至於heroku CLI的安裝過程就不再贅述。 There should have been a video here but your browser …

Read More

話說iPhone創新總是讓人耳目一新，尤其是「指紋辨識 - Touch ID」跟「臉部辨識 - Face ID」可以算是Android手機們「模仿」的對象之一，但是Android手機圖形解鎖反而在iPhone沒有，這真的是很讓人奇怪的地方，或許是「生物辨識」的安全性比圖形密碼來的高吧？在這裡呢，我們要仿製一個簡單圖形鎖，話不多說，我們就來試試看吧。 圖形解鎖 成果展示 首先，我們要做一個長得像這樣的圖形鎖 There should have been a video here but your browser does not seem to support it. 畫面結構 畫面結構如下，我們要利用UICollectionView …

Read More

NativeScript是一套跨平台的framework，聽名字就知道，它是用來寫Native程式的，說到跨平台比較紅的還有使用dart語言的Flutter、使用javascript語言的React Native，之所以會選擇它也是因為TypeScript越來越紅了，很想學一學，如果與Angular或Vue.js結合，就可以開發手機平臺的程式，聽起來是不是很不錯啊？如果要看看它與其它跨平台開發的工具比較，可以看看這一篇文章。那為什麼會選擇Vue.js v2.x呢？因為它下一版以TypeScript改寫，加上它有中文文件，所以對於英文不好的我是最佳的選擇，接下來我們就開始吧。 環境安裝 基本環境安裝 其實跟安裝Flutter環境的方向 …

Read More

在Android的一般教科書上，一定會說到findViewById()這個函式，但是到了kotlin成為官方語言之後，還多了其它幾個方式去做處理，讓程式越來越好維護，語意越來越清晰，現在我們就來看看有那些方式吧。 畫面 這裡就拉個Button跟EditView來做說明 There should have been a video here but your browser does not seem to support it. findViewById()的四種方式 主程式 import kotlinx.android.synthetic.main.activity_main.* class MainActivity : …

Read More