作業9：請做一個有繪圖的網頁 （難度不限，可以用套件）

[ccckmit]

可以用

1. 原生 JavaScript -- https://www.w3schools.com/graphics/canvas_intro.asp
2. plotly -- https://www.w3schools.com/graphics/plot_plotly.asp
3. phaser.js -- https://phaser.io/
4. three.js -- https://threejs.org/

或者其他

但是要寫一個 README.md 解說你的作品

md 是 markdown 檔案，請參考

• https://zh.wikipedia.org/zh-tw/Markdown

Github Flavored Markdown 示範

表格

課程    |  時間
--------|-------------
網頁設計  | 週五上午 9:10-12:00
人工智慧  | 週四上午 9:10-12:00

課程	時間
網頁設計	週五上午 9:10-12:00
人工智慧	週四上午 9:10-12:00

mermaid 圖型（流程圖）

  graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;

  graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;

Tex 數學式

$\int_{0}^{\infty} f(x) dx$

$\int_{0}^{\infty} f(x) dx$

[ChadChenYu]

作業9 繪圖

姓名 陳辰鈺 學號:111210518

網頁 原始碼

網頁由copilot完成，反覆地提出要求直到我滿意，就像台灣的老闆一樣 。

[tonytomtody]

111210504 蔡瑞哲

原始碼 網頁

---

正方形第一個迴圈由Github Copilot協助

[taitaiwu]

姓名:吳佳泰 學號:111210520

• 網頁
• 程式碼

---

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

[wakaba0972]

吳秉昭 111211543

網頁 原始碼

禁止選取文字的css參考W3Schools

[Erkmrcl17]

李麗恩 111210559 網頁 原始碼

嘗試用CSS畫出一個愛心， 有菱形跟兩個圓形完成的。

[peterwang0329]

汪章貴 111210513

• 網頁

• 原始碼

  參考 網頁 顏色改變由ChatGPT-4o協助並自行微調

[456-An]

蘇奕安 111110509

• 網頁

• 原始碼

  作業詳情請見README

[linpeic]

林沛欣 111210522

原始碼 網頁

參考範例 作品可能是一隻狗

[Dogcatlionz]

吳昱礽 111210509

• 原始碼
• 網頁

  ---

  詳情請見README

[zerorezerorezero]

姓名:陳盈羽 學號:111210521 網頁 原始碼

---

簡介

[Hfkem]

姓名:陳冠昀 學號:111210503

網頁 原始碼

參考 https://www.w3schools.com/html/html5_canvas.asp 後完成

[shain120]

黃冠勝111210540

網頁 原始碼

[C10H8Nai]

姓名：林瑋哲，學號：110910112

• 網頁
• 原始碼
• 詳情README.md

[peterwang0329]

汪章貴 111210513

• 網頁
• 原始碼

參考MDN網站的只使用 JavaScript 的 2D 打磚塊遊戲 - 遊戲開發，取其部分內容改編製作

[1100jimjim]

蘇湧竣 111210523

網頁: https://1100jimjim.github.io/wp/%E4%BD%9C%E6%A5%AD-9/%E7%95%AB%E5%9C%96.html 原始碼: https://github.com/1100jimjim/wp/tree/master/%E4%BD%9C%E6%A5%AD-9

[codewhight]

林彥廷 111210510

---

• 網頁

• 原始碼

  作業詳情在README.md

[HJH60]

胡佳慧 111010141

• README

[Linyowe]

建築二 林右緯 原始碼: https://github.com/Linyowe/wp/tree/master/%E6%9C%89%E7%B9%AA%E5%9C%96%E7%9A%84%E7%B6%B2%E9%A0%81

[emperoy]

羅翊宸 111110513 原始碼 網頁 readme

[Jonathan-es]

陳家盛 111210554

網頁: https://jonathan-es.github.io/wp/hw9/index.html 原始碼: https://github.com/jonathan-es/wp/tree/master/hw9/index.html

README

使用ChatGPT

[yunuun]

黃湘芸 111210514 原始碼:https://github.com/yunuun/wp/blob/master/hw9/1.html 網頁:https://[yunuun.github.io/wp/hw9/1.html](https://yunuun.github.io/wp/hw9/1.html) 參考範例

[Kumaaaaaaaaaaaakuaaaaa]

吳畇蓁

111210240

• 程式碼 : https://github.com/Kumaaaaaaaaaaaakuaaaaa/wp/tree/master/hw9
• 網頁 : https://kumaaaaaaaaaaaakuaaaaa.github.io/wp/hw9/%E6%9C%89%E7%B9%AA%E5%9C%96%E7%9A%84%E7%B6%B2%E9%A0%81.html

[jerry92916]

陳宏傑 111210529 網頁 原始碼

[Micha1lyu]

余宸安 111210543 原始碼 網頁 由chatgpt修正了後方車頭下移問題以及顯示問題

[Logan910115]

羅德耕 110910560 https://github.com/Logan910115/wp/tree/master/HW9

[Rafu2102]

林明昌 111210534

網頁: https://rafu2102.github.io/wp/js/hw9/draw.html

原始碼: https://github.com/Rafu2102/wp/tree/master/js/hw9

[Sakuraebi128]

黃瓘閎 111210541 網頁:https://sakuraebi128.github.io/wp/Hw9/Draw.html 原始碼:https://github.com/Sakuraebi128/wp/tree/master/Hw9

[shanghua1002]

吳尚樺111210505
網站
原始碼

[Raylee123321]

111210508 李詠睿 網站 程式碼

[Kumaaaaaaaaaaaakuaaaaa]

吳畇蓁

111210240

程式碼 : https://github.com/Kumaaaaaaaaaaaakuaaaaa/wp/tree/master/hw9 網頁 : https://kumaaaaaaaaaaaakuaaaaa.github.io/wp/hw9/%E6%9C%89%E7%B9%AA%E5%9C%96%E7%9A%84%E7%B6%B2%E9%A0%81.html

[cindycallista]

楊莉思 111210555

使用copilot進行調整, debug 原始碼 網頁

[110910234]

莊宸維 110910234

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

使用chatgpt

[hmzhen12]

胡眉真 111210548 網頁: https://hmzhen12.github.io/wp/HW9/index.html 原始碼: https://github.com/hmzhen12/wp/blob/master/HW9/index.html

使用 Chatgpt

[VinsOrl]

林新興 111210556 網頁 原始碼

用chatgpt 簡化程式碼

[Vanh3ll]

卓孝偉 111210551

網頁: https://vanh3ll.github.io/wp/hw9

原始碼: https://github.com/Vanh3ll/wp/tree/master/hw9

自己做

[daibao87]

林育民 111210507 網頁:https://daibao87.github.io/hw9/index.html 原始碼:https://github.com/daibao87/daibao87.github.io/tree/main/hw9 由chatgpt協助完成

[yiting0418]

陳翊庭 111210512 原始碼 網頁 使用chatgpt協助優化繪製路徑

[Erhashh]

安吉斯 111210563

網頁: https://erhashh.github.io/wp/HW9/hw9.html 原始碼:

https://github.com/Erhashh/wp/blob/master/HW9/hw9.html

使用ChatGPT