iT邦幫忙

互動設計相關文章
共有 36 則文章

技術 好書推薦

這是美國有名的Pragmatic Bookshelf的書. 這家出版社的書都是為了要讓軟體工程師的生活更好來設計. 這裏列出的都是正在團購中的英文版eBooks...

鐵人賽 Modern Web DAY 9

技術 色彩運用(2) - 連結的配色

除了親和性的配色外,訊息的傳遞也是很重要的,與平面設計不同的是訊息並非只有圖文的傳遞,還包含了狀態、互動、提示等等訊息,訊息也同時可以用許多不同色彩表示,增加訊...

鐵人賽 自我挑戰組 DAY 2

技術 002 堵到不行的Or展覽專案、開心的紙芝居第一堂課

其實我晚了一天發文,所以...以下的今天其實都是昨天XD 早上紙芝居 c-hub 在炸到不行的行程下,看到仰慕的學姊 大宇人 跟歷史系合開的短期課程還是忍不住要...

鐵人賽 Modern Web DAY 28

技術 第 28 幅 - Canvas 集大成,人生大事邀請函(2)放上小遊戲與設定觸發條件

今天的目標也很簡單,就是拿我們之前做的 Pokemon 小遊戲繼續開發下去,目標就是先讓這個邀請函有個基本的雛形!可以拆成以下幾個步驟,一步步完成。 1. 簡易...

鐵人賽 Software Development DAY 1

技術 Day01 / Unity 遊戲引擎與互動設計

什麼是遊戲引擎?遊戲引擎是 製作遊戲的開發軟體 。以前許多知名遊戲,像是任天堂或一些3A大作等,光是為了製作一個遊戲,就會開發自己的一套引擎。將不同關卡、任務...

鐵人賽 Software Development DAY 2

技術 Day02 / Unity 安裝與建立新專案

安裝指定版本Unity STEP 1 安裝 Unity Hub 根據電腦型號,選擇適合的檔案 ( Mac / Windows ) 下載,並按照指示進行安裝。...

鐵人賽 SideProject30 DAY 26

技術 Day26. 網站開發過程(八) 互動設計、添加微互動

倒數五篇,也是網站開發的最後一篇,今天要來聊聊互動設計、微互動。現在的網站除了RWD是不可或缺的之外,在網站中添加各種互動設計也是重要趨勢,小的可以是文字、區塊...

鐵人賽 Software Development DAY 3

技術 Day03 / Unity 介面與基礎操作

更改 Unity Layout STEP 1 更改主要版面設定 點選右上角 Default ➔ 選擇 Tall,這是我自己習慣的 Layout ,根據用途不同...

鐵人賽 Software Development DAY 10

技術 Day10 / Unity 跟上時代!如何設定 Visual Studio Code 編輯器環境

從 Mono 用到 Visual Studio ,Visual Studio 與 Visual Studio Code 完全是不同的產品,教學上我習慣選擇預設...

鐵人賽 Software Development DAY 13

技術 Day13 / Unity C# 語法練習開始!躲避子彈小遊戲 (二) 靈活的子彈攻擊

STEP 8 製作子彈發射器 建立一個 Cube 並移至牆外,作為子彈發射器 ➔ 再建立一個 Sphere 移至牆外,作為子彈 STEP 9 建立子彈腳本...

鐵人賽 Software Development DAY 6

技術 Day06 / Unity 世界基本元素:Component 練習

綜合練習 試著利用 新增物件 、 新增元件 、 調整攝影機與燈光參數設定 等方式,設計出一個基本的場景 💡古古的小提醒:以下步驟會以課程中製作之「 方塊場景...

鐵人賽 Software Development DAY 4

技術 Day04 / Unity 新增物件與方塊兔

試著運用本週課堂所學,透過 新增物件 、對物件進行 移動、旋轉、縮放 並在最後以新增 材質球 的方式,製作出屬於你的第一個 3D 角色! 📝 古古的小提醒:...

鐵人賽 Software Development DAY 14

技術 Day14 / Unity 可愛的 NewJeans 2D 遊戲 - 建立場景

被 Overload的 Method ◌ 在 C# 語法中, Method 名稱不可以重複使用。◌ 但若是在 同樣名稱 的多個 Method 中分別設定...

鐵人賽 Software Development DAY 5

技術 Day05 / Unity 世界基本元素:GameObject 與 Component

Unity 四大要素 我們可以將製作 Unity 專案想像成拍電影。你是導演,負責導這一場戲,而各個角色可以這樣分工: ✦ Scene( 場景 ) ◌ 拍...

鐵人賽 Software Development DAY 7

技術 Day07 / Unity 世界基本元素:程式腳本 C# 環境設定

新增腳本 STEP 1 建立一個名為 Script 的資料夾 對 Assets 點擊右鍵 ➔ 選擇 Create ➔ 點選 Folder ➔ 命名為 Scr...

鐵人賽 Software Development DAY 12

技術 Day12 / Unity C# 語法練習開始!躲避子彈小遊戲 (一) 玩家控制

Array( 陣列 ) ✦ 使用方式 ◌ 資料型態 [ ] 陣列名稱 = new 資料型態 [ ] { 變數1, 變數2, 變數3 }◌...

鐵人賽 Software Development DAY 8

技術 Day08 / Unity Asset Store 超強大的遊戲素材商店

Unity Asset Store ✦ 進入方式 ➊ 在 Unity 視窗頂端工具列中點擊 Window ➔ 點擊 Asset Store ➔ 點選 Se...

鐵人賽 Software Development DAY 28

技術 Day28 / Unity 用濾鏡讓畫面美美大提升 Post-processing

場景建立 古古的小提醒:在開始之前,可以先把底下所列舉的課程素材都下載並導入至 Unity,再跟著接下來的步驟進行操作會更好喔~ Realistic T...

鐵人賽 Software Development DAY 21

技術 Day21 / Unity 簡單動畫簡單做-程式寫動畫 DOTween 入門

DOTween 應用 STEP 1 下載並導入 DOTween 前往 Unity Asset Store 搜尋並下載 DOTween (HOTween v2...

鐵人賽 Software Development DAY 9

技術 Day09 / 地形 (terrain) 建置與第一人稱控制套件

地形建立與場景設計 📝 古古的小提醒:在開始之前,記得先把上面所列的課程素材都下載並導入至 Unity,再跟著以下步驟進行操作會比較好喔~ STEP 1...

鐵人賽 Software Development DAY 11

技術 Day11 / Unity 快速補給!C# 程式語言基礎

腳本架構 ✦ using ◌ 代表使用哪些 Library( 函式庫 ),如同使用工具箱的概念。◌ 撰寫方式為 using + 命名空間。 ✦ pu...

鐵人賽 Software Development DAY 27

技術 Day27 / Unity 更美的畫面第一步 — 光線烘焙

場景靜態物件光線烘焙練習 STEP 1 建立一個含有Cube的空間 新增一個 Cube 並 沿 Y 軸縮小,作為地板 ➔ 再新增 四個 Cube 分別作...

鐵人賽 Software Development DAY 19

技術 Day19 / Unity 動畫 Animation

動畫基本概念與類別 ✦ 形變動畫 變形動畫是將物件直接進行變形(縮放、旋轉、位移),並記錄下該物件模型在每一幀畫面下所有點的位置,進而呈現出連貫的動態畫面。...

鐵人賽 Software Development DAY 16

技術 Day16 / Unity 小聊一下專案管理

什麼是專案管理? 專案管理是在有限的 時間 與 成本 下,應付 變動 的管理方法。專案的基本流程大致如下:洽談 → 需求 → 報價 → 簽約 → 執行 → 驗...

鐵人賽 Software Development DAY 17

技術 Day17 / Unity 可愛的 NewJeans 2D 遊戲 - UI 篇

UI介面製作與切換 STEP 1 建立一個 UI Button 於 Hierarchy 介面中 點擊右鍵 ➔ 選擇 UI ➔ 點選 Button-TextM...

鐵人賽 Software Development DAY 22

技術 Day22 / Unity 可愛的 NewJeans 2D 遊戲 - 遊戲主流程控制

場景切換與地形變化 STEP 1 將開始畫面獨立成一個新的場景 複製一個 SuperNewJeans 場景,並重新命名為 SuperNewJeans-Ho...

鐵人賽 Software Development DAY 15

技術 Day15 / Unity 可愛的 NewJeans 2D 遊戲 - 遊戲機制

STEP 6 控制 Block 不斷向遊戲畫面左側移動 建立一個名為 BlockManager 的腳本,並拖曳至 Block 群組物件 上 ➔ 開啟 Blo...

鐵人賽 Software Development DAY 23

技術 Day23 / Unity 可愛的 NewJeans 2D 遊戲 - 計分與結算分數

STEP 1 重新調整遊戲首頁的腳本控制 開啟 SuperNewJeans-Home 場景,並建立一個名為 HomeManager 的腳本 ➔ 開啟 Hom...

鐵人賽 Software Development DAY 26

技術 Day26 / Unity 可愛的 NewJeans 2D 遊戲 - 輸出遊戲到網頁

STEP 1 更換背景圖片 下載並導入 Pixel Skies DEMO Background pack 素材 ➔ 從 Pixel Skies DEMO 資...

鐵人賽 Software Development DAY 29

技術 Day29 / Unity VFX Graph(上) - Render Pipeline

PipeLine ✦ HDRP v.s URP v.s SRP 全名 特點 SRP Scriptable Render Pipeline 可...