2025年8月27日 星期三

[AI] 適合科技資訊教育的AI課程(AI&IT Education Programming)

傳統程式教育加上AI會產生什麼火花呢?以下內容也許是一個可以參考的方向!

教學目的:利用AI製作網頁遊戲,進而熟悉使用AI模型及程式語法。

步驟一:利用 ChatGPTClaudeCanva AI 輸入敘述(prompt)

遊戲敘述範例:

一、設計一個有趣的打地鼠遊戲!包含計分、計時和可愛的地鼠動畫。

二、寫一個黑白棋的網頁程式(英語:Reversi),又稱翻轉棋、蘋果棋或奧賽羅棋(Othello),是一種雙人對弈的棋類遊戲。

三、製作一個網頁版的太空射擊隕石遊戲

    1. 隕石各種不同大小及形狀,從外飛來
    2. 我們駕駛的是太空飛機
    3. 可以發射雷射來擊碎隕石
    4. 有分數及關卡的功能
    5. 分數達到一定程度可過關
    6. 過關畫面是到一顆美麗的星球

步驟二:下載 HTML網頁格式檔案 或線上進行修改 HTML檔案

可修改網頁程式內容,修改簡單的生命值或武器,增加更多遊戲趣味。

底下遊戲網址及畫面供參考。


打地鼠遊戲(whack mole javascript game)_V1


沒有留言:

熱門文章