iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0

這次的主題既然是遊戲,勢必就會比上次的網頁複雜很多
上一次的網頁功能僅有按鈕,沒有動態
除了改顏色和形狀是自己改,其他全部 chatGPT
上一篇呈現過突然出 bug 的主頁,以下是另外兩個頁面
側欄按鈕是用跳轉連結的方式,一樣是 chatGPT 寫的

https://ithelp.ithome.com.tw/upload/images/20240913/20111174Deececqydn.png
(神秘的是兩個側欄都功能正常)

https://ithelp.ithome.com.tw/upload/images/20240913/20111174iu5yJUMkAj.png
(更神秘的是這裡突然沒有bug)

總結來說,上次做的只有按鈕、跳轉分頁,比較難的是弄上伺服器去串後端,這部分 chatGPT 也不是很給力,印象中最後似乎沒有成功,因此最後的那個頁面應該是跑不了的

回到這次
開始打草稿
以下是我跟 AI 喇咧了好一大段之後,逐漸開始步入正題:
https://ithelp.ithome.com.tw/upload/images/20240913/20111174fXn89s8AjG.png
(他前面生了一個蠻奇異的東西)
https://ithelp.ithome.com.tw/upload/images/20240913/20111174oFmuzTrvFr.pnghttps://ithelp.ithome.com.tw/upload/images/20240913/20111174i1B50ghjYr.pnghttps://ithelp.ithome.com.tw/upload/images/20240913/20111174kKNkeG9Jh8.png

後來 chatGPT 幾乎都是按照這樣分成三個語言給我,不知道是字數限制還是這樣生成起來比較方便?
給大家看一下第一版成果,切西瓜大法!
https://ithelp.ithome.com.tw/upload/images/20240913/20111174jFAGACWrfw.pnghttps://ithelp.ithome.com.tw/upload/images/20240913/20111174vdxNeBVbb8.pnghttps://ithelp.ithome.com.tw/upload/images/20240913/20111174AMRVxeqLPW.pnghttps://ithelp.ithome.com.tw/upload/images/20240913/201111749cTlUEMnqW.png

蠻可愛的啦...但肯定是要修
美感的部分應該最後要自己做,不要太為難 chatGPT 了,將就一下


上一篇
第一天 背景介紹
下一篇
第三天 請好好走路
系列文
人人都是工程師的時代來臨了嗎?!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言