遊戲中學習Scratch運算思維與程式設計 (1版)

類似書籍推薦給您

【簡介】 ※本書特色 免費且易學：Scratch由MIT開發，免費使用。 圖形化介面：以積木堆疊方式簡化程式設計，無需寫代碼。 全方位功能：詳盡說明舞台背景、角色造型、腳本流程、聲音編輯等。 激發創意：透過互動式故事、動畫、遊戲等培養邏輯思考與創意。 16章精心規劃：從基礎入門到進階應用，共14個範例逐步引導。 Scratch是美國麻省理工學院（MIT）所開發的程式語言，此軟體的主要特色就是利用堆疊與鑲嵌等方式，將各種類型的程式積木組合在一起，只要程式積木之間可以互相嵌接，就可以按下綠旗讓畫面動起來。本書筆者規劃了16個章節的內容，除了認識Scratch的視窗環境外，開宗明義就先將舞台背景與角色造型的新增／編修技巧、腳本流程的規劃、程式堆疊技巧、聲音的插入與編輯等功能做全方位的說明，接著就是依照軟體的難易程度，分別規劃成14個範例，其內容與重點說明如下： ● 動態賀卡的吸睛創意――基礎動畫應用 ● 超萌寶寶的魔法變裝秀――動畫故事的串接 ● 泰國旅遊的實境體驗――單一角色多造型應用 ● 夢幻海底世界的私房創意――反彈與隨機運算 ● 幼兒字卡練習器――廣播與收到訊息的應用 ● 百變髮型設計懶人包――等待滑鼠被點擊 ● 風景相片魅惑萬花筒――縮圖按鈕的應用 ● 歡樂同學錄的製作錦囊――按鈕連結顯示 ● 驚奇屋歷險特效攻略――滑鼠游標的應用 ● 筆畫心情塗鴉板――筆畫效果應用 ● 打造音樂演奏饗宴――樂器與琴鍵的應用 ● 發財金幣不求人――左右按鍵控制 ● 老實樹遊戲攻心密技――詢問與回答的應用 ● 地表最好玩的乒乓球PK賽――座標與角色控制 【目錄】 第一章　運算思維與Scratch程式設計 1-1 認識運算思維 1-2 下載及安裝Scratch 1-3 全新的工作環境 1-4 專案的儲存 第二章　馬上就會基本操作功能 2-1 新增角色 2-2 編輯角色與造型 2-3 新增舞台背景 2-4 堆疊程式積木 2-5 聲音的魔力 第三章　動態賀卡的吸睛創意 3-1 腳本規劃與說明 3-2 版面編排 3-3 變換舞台背景顏色 3-4 圖案的放大縮小 3-5 文字的平移與反彈 3-6 背景音樂的加入與播放 第四章　超萌寶寶的魔法變裝秀 4-1 腳本規劃與說明 4-2 編排角色與背景 4-3 以程式積木串接動畫故事 第五章　泰國旅遊的實境體驗 5-1 腳本規劃與說明 5-2 舞台背景的加入與堆疊程式 5-3 文字角色的加入與堆疊程式 5-4 播放背景音樂 第六章　夢幻海底世界的私房創意 6-1 腳本規劃與說明 6-2 舞台背景與角色的加入 6-3 魚兒游到邊緣就反轉回去 6-4 魚兒碰到水草就右轉180度 6-5 以隨機選數的方式設定魚兒迴轉 6-6 設定魚兒移動角度 6-7 夢幻泡泡由下往上飄動 第七章　幼兒字卡練習器 7-1 腳本規劃與說明 7-2 上傳背景圖片與按鈕角色 7-3 事件的廣播與執行 7-4 以「特效改變」製作換頁效果 第八章　百變髮型設計懶人包 8-1 腳本規劃與說明 8-2 上傳背景圖片與角色圖案 8-3 髮型角色的設定 8-4 臉型的變更與提示 第九章　風景相片魅惑萬花筒 9-1 腳本規劃與說明 9-2 加入背景底色與角色圖案 9-3 以空白鍵切換背景 9-4 設定縮圖起始位置 9-5 設定大圖位置與旋轉角度 9-6 設定文字層上移與縮放效果 9-7 加入提示文字 第十章　歡樂同學錄的製作錦囊 10-1 腳本規劃與說明 10-2 背景圖的上傳與設定 10-3 首頁相片的編排與設定 10-4 「回同學錄」按鈕設定 10-5 角色的複製與修改 10-6 標題文字設定 第十一章　驚奇屋歷險特效攻略 11-1 腳本規劃與說明 11-2 上傳背景圖與角色圖案 11-3 設定魔術箱效果 11-4 設定聖誕樹效果 11-5 設定飛行精靈效果 11-6 設定地球效果 11-7 設定八卦鏡效果 11-8 設定音符效果 第十二章　筆畫心情塗鴉板 12-1 腳本規劃與說明 12-2 上傳背景圖與角色圖案 12-3 設定畫筆的筆畫效果 第十三章　打造音樂演奏饗宴 13-1 腳本規劃與說明 13-2 上傳背景圖與角色圖案 13-3 樂器角色的設定 13-4 琴鍵角色的設定 13-5 以數字鍵彈奏樂器與音符 第十四章　發財金幣不求人 14-1 腳本規劃與說明 14-2 上傳背景圖與角色圖案 14-3 設定以左右鍵移動貝比 14-4 設定財神爺移動方式 14-5 設定發財金幣移動方式 14-6 貝比接收金幣變換造型 14-7 設定星星落下的效果 14-8 設定舞台背景音樂 第十五章　老實樹遊戲攻心密技 15-1 腳本規劃與說明 15-2 上傳背景圖與角色圖案 15-3 設定蹺蹺板造型的替換 15-4 提問與回答設定 15-5 設定足球／籃球的訊息接收 第十六章　地表最好玩的乒乓球PK賽 16-1 腳本規劃與說明 16-2 上傳背景圖與角色圖案 16-3 將桌球拍替代成滑鼠座標 16-4 設定乒乓球的移動效果

甚麼？網頁也可以做派對遊戲？使用Vue和babylon.js打造3D派對遊戲吧！ (1版)

類似書籍推薦給您

內容簡介 甚麼？網頁也可以做派對遊戲！Σ(ˊДˋ;) 在3種風格迥異、搞笑有趣的遊戲中學習3D網頁開發。ᕕ( ﾟ ∀。)ᕗ 讓手機化作joy-con，即時連線控制遊戲人物。(/≧▽≦)/ 　　☆不只是網頁 　　隨著瀏覽器的蓬勃發展，現在網頁可以存取GPS、加速度計、照度計、麥克風、攝影機等等硬體訊號，還可以配合WebGPU、WebGL運行複雜的3D內容。 　　基於上述理由，網頁已可以成為遊戲機，手機瀏覽器甚至能像joy-con一般，作為搖桿使用，本書將帶領大家從頭打造一個可以使用手機遙控的派對遊戲。 　　☆寓教於樂 　　本書將帶領大家如何建立3D遊戲並透過手機即時遙控，藉由遊戲與技術的連結，讓讀者能夠從底層了解運作原理且不會枯燥乏味。 　　☆由淺入深 　　本書將依序介紹Vue、babylonjs、NestJS等等技術，讓讀者可以循序漸進的認識相關技術，接著整合這些技術與工具，透過功能與遊戲層層堆疊，最終淬鍊成一個完整的網頁應用程式。 目錄 第1章 沒時間解釋了，快上車！ 1.1 原理與架構 1.2 開發工具 1.2.1 Visual Studio Code 1.2.2 Google Chrome 1.3 使用套件 1.3.1 TypeScript 1.3.2 Vue 3、Vue Router、Pinia 1.3.3 VueUse 1.3.4 Quasar 1.3.5 babylon.js 1.3.6 Tailwind CSS 1.3.7 NestJS 1.4 開發環境 1.4.1 Vue 前端專案 1.4.2 NestJS 後端專案 第2章 Vue基本概念 2.1 基礎概念 2.1.1 響應式與資料綁定 2.1.2 條件渲染與事件 2.2 元件 第3章 NestJS基礎概念 3.1 建立資源 3.2 驗證資料 第4章 打造派對門面 4.1 打造背景 4.1.1 建立背景元件 4.1.2 建立可複用的多邊形元件 4.1.3 漂浮吧！多邊形 4.2 打造選單按鈕 4.3 打造標題Logo 第5章 開趴前先 loading 一下 5.1 建立 loading 相關元件 5.2 載入就應該要有載入的樣子 第6章 讓前後端接上線 6.1 後端提供連線 6.2 前端開始連線 6.3 開房間！開派對！ 6.3.1 伺服器建立房間資源 6.3.2 網頁建立派對 第7章 歡迎光臨遊戲大廳 7.1 大廳頁面 7.2 建立遊戲選單場景 7.3 建立選單按鈕 7.4 顯示房間ID與玩家 7.5 加入遊戲 7.5.1 輸入房間ID視窗 7.5.2 加入遊戲API 第8章 手機變搖桿 8.1 搖桿頁面 8.2 伺服器同步game-console狀態 8.3 完成跳轉大廳搖桿功能 第9章 所以我說那個搖桿呢？ 9.1 傳輸搖桿資料 9.2 玩家一起粗乃玩！ 9.3 網頁偵測玩家更新事件 9.4 是誰偷按確定？ 9.4.1 對話泡泡 9.4.2 搖桿控制選單 第10章 第一隻企鵝 10.1 完成遊戲選單 10.2 大海、浮冰、企鵝勒？ 10.3 企鵝登場 10.4 爆走企鵝 10.5 完全體企鵝 10.6 建立控制搖桿 10.7 一人一隻才公平 10.8 第一隻企鵝 10.9 完成大廳按鈕功能 第11章 小雞快飛 11.1 建立小島 11.2 建立遊戲場景 11.3 起飛吧！小雞！ 11.4 完成天空 11.5 撞雞啦！ 11.6 Web API授權 11.6.1 伺服器同步permission資料 11.7 遊戲機接收資料 11.8 建立姿態控制搖桿 11.9 小雞快飛！ 11.10 增強遊戲體驗 第12章 狐狸與老鼠 12.1 建立狐狸島 12.2 建立遊戲場景 12.3 加入老鼠 12.4 狐狸登場 12.5 建立控制搖桿 12.6 搖桿接收資料 12.6.1 伺服器同步console資料 12.7 一起抓老鼠！ 第13章 結束是另一個開始 13.1 重構企鵝遊戲 13.2 取消搖桿方向限制 第14章 後記

Pixi.js讓新手也能寫出好遊戲 (1版)

類似書籍推薦給您

內容簡介 ★從零開始，拆掉遊戲製作的門檻★ ☆本書作者獲2022 iThome鐵人賽—優選☆ 　　網頁遊戲可說是最方便廣傳的發布平台，二十一世紀初期的Flash大一統年代已經證明了，不管規模多麼小、點子多麼荒誕不經的網頁遊戲，都有機會在網路上大放異彩。 　　自Flash走下神壇，HTML5取而代之，隨著技術的發展，網頁遊戲的開發工具變得越加成熟。 　　在網頁繪圖引擎的大海中，Pixi.js無疑是繼承了Flash精神的佼佼者，不但提供了高效、輕量級的圖像渲染、動畫特效，而且對於我們程式設計師來說，更有著功能清晰易懂、入門快速上手的好處。 　　此外，Pixi.js還是以TypeScript為語言撰寫的函式庫。TypeScript是JavaScript的一個超集，提供了靜態類型檢查和推斷等特性，不僅提高了程式碼的可讀性和可維護性，還大大地減少錯誤的發生。本書將並進介紹TypeScript的語法與Pixi.js的功能，通過實例演示如何使用這兩大工具，從零到有地開發網頁遊戲。 　　透過本書，您將學會如何以最先進的網頁技術製作遊戲，從開發環境的組建、基礎程式編輯概念、TypeScript語法、Pixi.js繪圖功能，到響應式遊戲尺寸、鍵盤滑鼠的操作、物理引擎的引入，再到網頁遊戲的發布和匯出手機遊戲的方法，本書提供了全面的指引與詳解，幫助您輕鬆掌握網頁遊戲製作的知識與技巧。 　　在WebView全面嵌入作業系統的今天，網頁技術成為支援多平台軟體的熱門選擇之一，對於遊戲製作的新手，更是一片充滿機運的天地。 　　讓我們一起打開這扇大門，創造屬於自己的遊戲世界吧！ 　　本書內容分成四大部分： 　　1.開發環境的組建（第一、二章） 　　2.函式庫的建立（第三、四、五章） 　　3.實作遊戲（第六、七、八、九章） 　　4.發布遊戲於網頁與手機（第十章） 　　本書的適用對象 　　因為撰寫時所想像的閱讀對象是完全的入門者，也就是對遊戲製作抱有夢想卻不得其門而入的新手，所以內容除了加入許多程式設計上的解說與邏輯推衍的過程，也會避免使用過於行內的字眼。如果有不得不使用的專業術語，會加開小節對其詳加介紹。 　　在程式碼的演示上，則儘量將長篇大論切成許多小段來逐步解釋，希望能大幅降低閱讀壓力。 　　對於已經有程式底子的讀者，書中也有許多軟體設計模式的概念，還有各種遊戲中常用的演算法，供讀者學習思考與印證。 目錄 一、準備程式寫作的環境 1-1 Node.js與npm 1-2 Visual Studio Code 二、建立遊戲專案 2-1 使用Vite建立遊戲專案 2-2 安裝Pixi.js 2-3 遊戲的測試環境 2-4 Hello World 三、Pixi.js的繪圖、畫布與舞台 3-1 Pixi的基礎繪圖元件 3-2 畫布與舞台 3-3 響應式畫布尺寸 四、建立自己的函式庫 4-1 為什麼要建立自己的函式庫 4-2 Array陣列是什麼 4-3 建立陣列函式庫 4-4 測試函式庫 4-5 亂數產生器 4-6 測試亂數產生器 4-7 正規表達式（Regular Expression） 4-8 字串函式庫 4-9 測試字串函式庫 五、增修別人的函式庫 5-1 為什麼要改別人寫好的函式庫 5-2 在專案內增修函式庫的方法 5-3 RectUtils的測試 5-4 增修Point類別 5-5 PointUtils的測試 六、小樹枝上開朵花 6-1 行前計畫 6-2 TreeGenerator 程式入口 6-3 Branch 樹枝類別 6-4 大樹生長的準備工作 6-5 建立大樹的生長動畫 6-6 參數調整介面 6-7 回顧與展望 七、經典小蜜蜂 7-1 行前計畫 7-2 遊戲容器 7-3 玩家砲台 7-4 鍵盤管理員 7-5 鍵盤控制砲台移動 7-6 外星侵略者 7-7 等待管理員 7-8 侵略者的移動 7-9 砲彈 7-10 播放音效 7-11 外星人也要對玩家射擊 7-12 遊戲介面 7-13 進入下一關 7-14 遊戲結束 7-15 地球護盾 7-16 外星魔王 7-17 回顧與展望 八、怪獸掃蕩隊 8-1 行前計畫 8-2 遊戲容器 8-3 太空物件 8-4 小行星 8-5 攝影機 8-6 宇宙戰機 8-7 充滿宇宙的小行星群 8-8 小行星與戰機的撞碰 8-9 星空循環背景 8-10 太空怪獸 8-11 飛彈 8-12 播放音樂 8-13 遊戲介面 8-14 遊戲結束與重新開始 8-15 回顧與展望 九、魔王城的隕落 9-1 行前計畫 9-2 遊戲選擇器 9-3 Matter.js 9-4 物理元件與性質 9-5 碰撞事件 9-6 遊戲開始 9-7 關卡物件 9-8 投石器：測試機 9-9 投石器：正式機 9-10 等待世界和平後重新上膛 9-11 重擊魔王 9-12 屬性動畫函式庫 Tween.js 9-13 遊戲記錄與關卡解鎖 9-14 回顧與展望 十、發布遊戲 10-1 將遊戲包裝為成品 10-2 在Github上發布遊戲 10-3 在手機上測試 10-4 將網頁變成手機App 10-5 回顧與展望