期中作業：請寫一個網頁作品 （最好至少有一個網頁有 JavaScript 程式）(2024/6/22 日週六 24:00 前繳交完畢）

[ccckmit]

繳交：除線上繳交之外，最後兩週 請到課堂上展示你的系統

最後兩週可以來現場繳交，這樣老師會比較清楚你的作業，不需要寫太多說明，也比較不需要猜測。（如果老師需要猜測，那就會用最保守的猜測方法，意思是成績會比較差）

建議作品

1. 個人網站
2. 小遊戲
3. 有表單的畫面
4. 有ＡＩ的應用

注意：請註明下列事項 （例如：全部原創，有參考維基百科，但沒有剪貼）

• 是自己寫的（原創）/參考誰的/修改誰的/參考什麼網路資源/直接複製誰的(有看懂/沒看懂/有改過)

特別提醒

1. 『每一題』都要標示：原創，複製或修改（修改來源）
2. 如果全部都是原創，直接在最前面寫『全部原創』
3. 如果全部都是複製沒修改，直接在最前面寫『全部複製 xxx 的沒修改』
4. 如果大部分是原創，少部分修改，就在最前面寫『除了 xxx 題以外，都是原創』
   • xxx 題參考 yyy 網址，修改了 zzz 內容

[Erkmrcl17]

李麗恩 111210559

原始碼 網頁

想法來源一開始想做一個跟Netflix的頁面一樣，照著這個方向慢慢改 後來參考並使用JQuery的Carousel。

[shain120]

黃冠勝 111210540

原始碼 網頁

題目參考 JavaScript實作網頁小遊戲 修改了大小，每格寬度,更改顏色 (蛇 蘋果),增加難度,按Esc 暫停,讓Canvas新增像素格,讓蘋果碰到身體也會得分,讓WASD也能控制方向,禁用上下左右鍵去控制select,解決timeout更新速度太慢，導致快速按兩個鍵可能導致遊戲結束

[1100jimjim]

蘇湧竣 111210523

原始碼: https://github.com/1100jimjim/wp/tree/master/js/%E4%BD%9C%E6%A5%AD-%E5%B0%8F%E9%81%8A%E6%88%B2 網頁: https://1100jimjim.github.io/wp/js/%E4%BD%9C%E6%A5%AD-%E5%B0%8F%E9%81%8A%E6%88%B2/%E6%96%B9%E5%A1%8A%E6%B6%88%E9%99%A4.html

JavaScript按鍵與隨機生成由ChatGpt協助完成

[yiting0418]

陳翊庭 111210512 原始碼 https://dooooonut.000webhostapp.com 使用000webhost架設網站，內容皆為原創，詳細說明請參考網站說明

[linpeic]

林沛欣 111210522 原始碼 網頁 內容皆為原創 網頁細項README.md

[Linyowe]

建築二 111113344 原始碼: https://github.com/Linyowe/wp/tree/master/%E7%B6%B2%E7%AB%99%E7%B7%B4%E7%BF%92 內容生成使用chatgpt

[zerorezerorezero]

陳盈羽 111210521

• 詳細請讀我

• 網頁

• 程式碼

[taitaiwu]

姓名:吳佳泰 學號:111210520

• 網頁
• 程式碼

---

作業詳情見程式碼之README.md

[wakaba0972]

姓名:吳秉昭 學號:111211543

網頁 原始碼

[Hfkem]

資工一 陳冠昀 111210503

網頁 程式碼

[peterwang0329]

汪章貴 111210513

• 網頁
• 原始碼

參考MDN網站的只使用 JavaScript 的 2D 打磚塊遊戲 - 遊戲開發，取其部分內容改編製作\ (完全理解並在其基礎上作加工, 特別是偵測判定的部分)

[Dogcatlionz]

吳昱礽 111210509

我做的是個人網站，我使用了作業8時做的佈局，作業8是我基於W3School的範例，修改版面去完成老師要求的佈局，而照片集的部分，我使用Copilot來做js的部分讓點擊畫面時，換下一張照片，剩下均為原創。

• 網頁
• 原始碼

  ---

  參考資料
  W3School範例

[tonytomtody]

蔡瑞哲 111210504

網頁 原始碼

全部皆原創，將之前上課內容組合起來

[emperoy]

羅翊宸 111110513

原始碼 網頁

運用上學期程式設計課所學過的用C語言寫成的猜數字遊戲，自行修改成HTML版

[C10H8Nai]

姓名：林瑋哲，學號：110910112

• 個人網頁
• 代碼

大部分都是我自己完成的，日夜系統有問過GPT一些問題，再以自己的理解重新寫一遍， 左邊放作業，中間是介紹，右邊是放作業用的AI聊天。

[yawem0525]

姓名:張雅雯 學號:111210539 網頁 原始碼 參考chatgpt完成的

[Yu0618]

李蕙妤 111210519 打地鼠(https://htmlpreview.github.io/?https://github.com/Yu0618/wp/blob/master/html/%E6%89%93%E5%9C%B0%E9%BC%A0.html) 原始碼(https://github.com/Yu0618/wp/blob/master/html/%E6%89%93%E5%9C%B0%E9%BC%A0.html) 參考[練習課程] JavaScript 實作（四）：打地鼠遊戲製作

[456-An]

蘇奕安 111110509

• 網頁
• 原始碼

---

作業詳情請見README

[fkmmmgmg]

都景三林庭意 111012405 網頁 原始碼 作業詳情於README

[Jonathan-es]

陳家盛 111210554

原始碼: https://github.com/Jonathan-es/wp/blob/master/期中作業/html/index.html 網頁: https://jonathan-es.github.io/wp/期中作業/html/index.html

我從這個網站獲得靈感，並根據我想要的東西進行修改，所以我必須從ChatGPT複製參考，然後自己調整。並非所有都是原創的。其中一些是複製的

[jerry92916]

陳宏傑 111210529 網頁 原始碼

[julianalidya]

林小蓮 111210552

網頁：https://julianalidya.github.io/wp/Mid%20Term/index.html 原始碼：https://github.com/julianalidya/wp/blob/master/Mid%20Term/index.html

[Raylee123321]

李詠睿 111210508 程式碼 網頁

[CYR1225]

https://github.com/CYR1225/MID.git

[Logan910115]

羅德耕 110910560 https://github.com/Logan910115/wp/tree/master/%E6%9C%9F%E4%B8%AD

[cindycallista]

楊莉思 111210555

網頁 原始碼 說明 影片-說明

[codewhight]

資工一 林彥廷 111210510

• 網頁

• 原始碼

  作業參考基本上這個網站

增加:不同的關卡 球速會隨著關卡而提升 板子長度會隨著打到磚頭的數量縮短

修改:最後遊戲結束的畫面

[yunuun]

黃湘芸 111210514 原始碼:https://github.com/yunuun/wp/blob/master/hw/1.html 網頁:https://yunuun.github.io/wp/hw/1.html 網頁詳情:https://github.com/yunuun/wp/blob/master/hw/readme.md

[ChadChenYu]

陳辰鈺 111210518 期中作業__抽卡系統模擬

---

網頁 程式碼 詳參

[Sakuraebi128]

黃瓘閎 111210541 網頁:https://sakuraebi128.github.io/wp/%E6%9C%9F%E4%B8%AD/%E6%9C%9F%E4%B8%AD.html 原始碼:https://github.com/Sakuraebi128/wp/tree/master/%E6%9C%9F%E4%B8%AD

[shanghua1002]

吳尚樺111210505 吳畇蓁111210240 網頁 原始碼 原始碼2

[a3668]

黃子耀 111210537 網頁 原始碼

[Kumaaaaaaaaaaaakuaaaaa]

吳畇蓁

111210240

• 程式碼 : https://github.com/Kumaaaaaaaaaaaakuaaaaa/wp/tree/master/%E6%9C%9F%E6%9C%AB%E4%BD%9C%E6%A5%AD
• 網頁 : https://kumaaaaaaaaaaaakuaaaaa.github.io/wp/%E6%9C%9F%E6%9C%AB%E4%BD%9C%E6%A5%AD/%E9%A6%96%E9%A0%81.html

[110910234]

莊宸維 110910234

原始碼：https://github.com/110910234/wp/blob/master/%E6%9C%9F%E4%B8%AD%E4%BD%9C%E6%A5%AD/index.html 網頁：https://110910234.github.io/wp/%E6%9C%9F%E4%B8%AD%E4%BD%9C%E6%A5%AD/index.html

參考ChatGPT完成

[LainGH0601]

王莉允 111010144 README: https://github.com/LainGH0601/wp/blob/master/homework/mid/README.MD 原始碼: https://github.com/LainGH0601/wp/tree/master/homework/mid/%E6%9C%9F%E4%B8%AD 網頁: https://laingh0601.github.io/wp/homework/mid/%E6%9C%9F%E4%B8%AD/cook.html

[daibao87]

林育民 111210507 貪食蛇小遊戲 網頁:https://daibao87.github.io/%E6%9C%9F%E4%B8%AD/index.html 原始碼:https://github.com/daibao87/daibao87.github.io/tree/main/%E6%9C%9F%E4%B8%AD 部分參考Chatgpt 基礎部分參考:https://koding.school/projects/5j3sgem/edit 剩下遊戲介面由個人所創作

[hmzhen12]

胡眉真111210548

原始碼：https://github.com/hmzhen12/wp/blob/master/Midterm/index.html 網頁：https://hmzhen12.github.io/wp/Midterm/index.html

參考ChatGPT完成

[Vanh3ll]

卓孝偉 111210551 網頁:https:https://vanh3ll.github.io/wp/Apollyon%20Group/ 原始碼https://github.com/Vanh3ll/wp/tree/master/Apollyon%20Group

Template Source: Bootstrap from Twitter, Inc. Course Code: Codecademy - Full-Stack Engineer Path Tutorial Reference: W3Schools - HTML and CSS Tutorials Design Inspiration: Dribbble - Trending Web Design JavaScript Snippet from: Stack Overflow - User: JohnDoe123 Icon Set: Font Awesome by Fonticons, Inc. Animation Library: Animate.css by Daniel Eden CSS Grid Guide: MDN Web Docs - CSS Grid Layout Responsive Design Reference: A List Apart - Responsive Web Design Basics Form Handling Code: freeCodeCamp - JavaScript Form Validation Tutorial

範本來源：Twitter, Inc. 的 Bootstrap 課程代碼：Codecademy - 全端工程師路徑 教學參考：W3Schools - HTML 和 CSS 教學課程 設計靈感：Dribbble - 網頁設計趨勢 JavaScript 片段來自：Stack Overflow - 使用者：JohnDoe123 圖示集：Fonticons, Inc. 的 Font Awesome 動畫庫：Animate.css，作者：Daniel Eden CSS 網格指南：MDN 網頁文件 - CSS 網格佈局 響應式設計參考：A List Apart - 響應式網頁設計基礎知識 表單處理程式碼：freeCodeCamp - JavaScript 表單驗證教學課程

[YU-CEN]

邱羽岑 111110522 踩地雷 網頁:https://yu-cen.github.io/wp/midterm.html 原始碼:https://github.com/YU-CEN/wp/blob/master/midterm.html

目標是製作一個踩地雷遊戲，基礎架構由Chatgpt 和GitHub上的一些開源項目所建構，並參考網路資料做出 主要參考資料：https://medium.com/@chen090/javascript-%E5%AF%A6%E4%BD%9C%E8%B8%A9%E5%9C%B0%E9%9B%B7%E5%B0%8F%E9%81%8A%E6%88%B2-922b0335211f

[zmgrl]

姓名：林佩吟 學號：111210545

• 原始碼
• 網頁

  ---

  由chatgpt協助debug、參考W3scool

  • 參考 同學

[Kabocha0918]

姓名：曾俊諭 學號：111210506 利用chatgpt寫出一個猜數字的網頁 JavaScript：生成一個隨機數字、當用戶提交猜測時，檢查輸入並顯示提示訊息、記錄猜測次數。 程式碼:https://github.com/Kabocha0918/wp/blob/master/html/%E6%9C%9F%E4%B8%AD.html 網頁:https://kabocha0918.github.io/wp/html/%E6%9C%9F%E4%B8%AD.html

[GuanCheng0430]

姓名:王冠程 學號:111210527 用chatgpt輔助做個簡單的 HTML 網頁，包含了一個 JavaScript 程式，來實現按鈕點擊後的互動效果。 程式碼:https://github.com/GuanCheng0430/wp/blob/master/%E5%85%B6%E4%B8%AD%E4%BD%9C%E6%A5%AD2.html 網頁https://guancheng0430.github.io/wp/%E5%85%B6%E4%B8%AD%E4%BD%9C%E6%A5%AD2.html

[Micha1lyu]

余宸安 111210543 原始碼 網頁 使用chatgpt幫忙完成javascript

[CH623]

趙興華 111210515 網頁 原始碼

自己原創的首頁，用了之前作業做延伸，有用chatgpt幫忙做js和動畫的部分

[VinsOrl]

林新興 111210556 原始碼 網頁

這個想法的來源是我從手機上的遊戲中思考。後來我在YOUTUBE上搜尋參考資料，並使用Chatgpt作為行為js。

[Erhashh]

安吉斯 111210563 網頁:https://erhashh.github.io/wp/midterm/index%20midterm.html 原始碼:https://github.com/Erhashh/wp/blob/master/midterm/index%20midterm.html 由Chatgpt協助完成

[ccckmit]

繳交截止