使用 JavaScript 和 AI 在遊戲開發快猛進步

使用生成式 AI 和 ChatGPT 學習 HTML、JavaScript 和遊戲開發來建立遊戲並享受樂趣

從這 46.5 小時的課程，你會學到

學生將從頭開始學習 HTML5 + CSS（層疊樣式表）+ JavaScript。以及涉及許多計算機科學主題。
學生將了解 HTML5 API 的許多令人興奮的新功能，例如用於圖形、非同步和高效能編碼的 Canvas。
學生將學習電腦圖形學的基礎知識，包括光柵化、如何繪製物件、點陣圖圖形以及如何創建「Sprite」引擎。
學生將學習如何在 JavaScript 程式中載入和播放聲音和音樂。
學生將學習如何使用圖形和聲音編輯器等多種工具來操縱遊戲內容。
學生將學習如何透過鍵盤和滑鼠獲取使用者輸入來控制遊戲角色。
學生將學習如何使用 LLM（大型語言模型）和 ChatGPT 等生成式 AI 來幫助他們編寫功能完整的遊戲。
學生將透過在 AI 和 ChatGPT 的幫助下開發六款經典電玩遊戲來學習遊戲開發。
最後，學生將能夠將所有這些東西組合在一起並創建自己的精彩遊戲。

要求

現代 Windows、MacOS 或 Linux PC（或 VM），能夠運行基於瀏覽器的遊戲並運行 Krita Paint 和 Audacity Sound Editor 等工具。
對數學具有初中/高中或同等程度的理解。基本上就是加法、減法，時不時學一點代數和向量。
不需要任何程式設計經驗，但如果你了解其他程式語言（例如 C/C++、C#、Python、BASIC 甚至 Java）也沒什麼壞處。
很有耐心！這是一門大學風格的課程，講座時間為 30-60 分鐘。我們將從 HTML 和 JavaScript 中的「Hello World」開始，在課程結束時，你將在有或沒有人工智慧的幫助下編寫完整的視訊遊

課程說明

「使用 JavaScript 和 AI 進行速度與激情遊戲開發」的目的是讓任何有或沒有編碼經驗的人，使用圖形和遊戲開發作為學習平台，從頭開始教他們 HTML5 + CSS 和 JavaScript。然後，在掌握了基礎知識後，我們將踏上運算領域最令人興奮的旅程之一，學習如何使用 ChatGPT 等生成式人工智慧來建立可運行的遊戲！因此，這實際上是三門課程合而為一。

在課程的第一部分，我們首先介紹網路和 HTML 如何與瀏覽器搭配使用。然後我們從 HTML 中的「Hello World」開始並建立我們的第一個網頁。從那裡開始，一個又一個的講座，我們越來越深入地探討 HTML5 + CSS 最重要的功能，這樣你就可以建立具有格式、樣式、控制項等的基本網站。因此，如果你一生中從未製作過網站，那麼你將在這部分課程中逐步學習。即使你是一位經驗豐富的程式設計師，從未抽出時間學習 HTML5 + CSS，你也會喜歡本節。

在課程的下一部分中，我們將從頭開始介紹 JavaScript，我們將學習變數、數學、條件、循環、函數等基礎知識。隨著講座的進行，我們將涵蓋越來越多的高階主題，例如 JavaScript 中的事件驅動程式設計、遞歸和物件導向程式設計。然後我們切換方向，開始學習電腦圖形和遊戲開發，同時繼續學習 JavaScript 功能。我們學習如何在 HTML5 Canvas 上繪圖、如何為精靈設定動畫以及執行簡單的實體模擬。當然，在此過程中，我們學習瞭如何與鍵盤和滑鼠進行交互，如何將 HTML 頁面（網站）與 JavaScript 集成，以及如何在它們之間發送訊息。此外，我們也學習如何操作 DOM（文件物件模型），它是代表網頁的樹狀資料結構。學習新語言可能是一項艱鉅的任務，但以圖形和遊戲開發為學習平台來學習新語言是唯一的方法！我保證這不會很無聊。

在課程的最後部分，我們深入研究人工智慧和 ChatGPT。在課程的這一點上，你已經是一名熟練的 JavaScript 程式設計師，擁有製作完整遊戲所需的所有工具。然而，我們不是自己製作遊戲，而是學習與世界上最先進的人工智慧（可以說）ChatGPT 合作。你將學習如何「提示」( “Prompt” ) ChatGPT 創建經典街機遊戲的工作框架。你將透過「提示工程」( “Prompt Engineering” )學習如何引導人工智慧產生工作代碼及其限制。然後，在 ChatGPT 為我們提供遊戲的工作框架後，你和我將使用我們所學到的知識來完成該遊戲，並添加圖形、聲音、音樂和更多遊戲功能。當我們重新創建有趣的經典遊戲以及人工智慧創造的驚人成就時，我們將這樣做六次以上。我們將構建這些遊戲以及更多：

乒乓球
突破/打磚塊
蛇
Flappy Bird
3D 線框太空射擊遊戲
太空侵略者
Blackjack (二十一點)
RetroRift（ChatGPT 原創）

最後，本課程還附帶我的一些最經典的遊戲開發書籍的免費電子 PDF 副本，這些書籍多年來已教授了數百萬學生和專業人士遊戲開發：

《Windows 遊戲程式設計大師的技巧》”Tricks of the Windows Game Programming Gurus”

《3D遊戲程式設計的黑色藝術》”The Black Art of 3D Game Programming”

《3D 遊戲程式設計大師的技巧》”Tricks of the 3D Game Programming Gurus”

最後，本課程涵蓋電腦領域最熱門的主題； JavaScript + HTML5、遊戲開發和人工智慧與 ChatGPT 並以一種前所未有的方式將它們融合在一起，使學習這些主題變得有趣和引人入勝。利用你學到的知識，你可以部署在支援瀏覽器的數十億設備上運行的遊戲和應用程式。這就是你想要在工具箱中擁有的超能力！

目標受眾

任何有興趣透過製作遊戲以有趣的方式學習 HTML + CSS + JavaScript 的人。
已經了解另一種語言，但想要使用遊戲開發作為學習平台來學習 HTML + JavaScript 開發的程式設計師。
任何有興趣學習如何使用生成式 AI 和 ChatGPT 來幫助編寫複雜程式（例如視訊遊戲）的人。
簡而言之，本課程適合任何想要學習如何使用 JavaScript 製作基於瀏覽器的遊戲和應用程式的人，這些遊戲和應用程式可以部署到使用 AI 的數十億用戶，以前所未有的方式進行協作。

講師簡介

Andre LaMothe 電腦科學家/嵌入式工程師/作家

我擁有聖荷西州立大學的數學、電腦科學和電機工程學位。我是一名電腦科學家、電氣和嵌入式工程師，專門從事硬體設計、遊戲開發、人工智慧和機器人技術。我寫了許多關於上述主題的書籍、文章和論文，並在加州大學聖克魯斯分校以及線上教授電腦科學和電氣工程課程多年。

我目前是 Nurve Networks LLC 的首席執行長，這是一家位於美國德克薩斯州奧斯汀的全端嵌入式開發公司。在此之前，我曾擔任 Xtreme Games LLC（位於矽谷的 PC 遊戲開發公司）的執行長。

英文字幕：有

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

Udemy 永久擁有課程 ⏳特價中 NT310 起(點擊連結看更多)
✨年訂閱每月 NT350（(再享特別優惠：年度訂閱首年享 25% 折扣 < USD10/month) 🌈 悠遊 Udemy 的 26000+ 門課，最大化學習 ( 原價 NT635/月 )
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現