iT邦幫忙

2024 iThome 鐵人賽

DAY 16
0
生成式 AI

人人都是工程師的時代來臨了嗎?!系列 第 16

D16 觸發可愛貓貓圖!

  • 分享至 

  • xImage
  •  

昨天自己de半天沒好,還是回去問 chatGPT…

看來我自己改的地方都錯,太慘了吧。
但他大概看錯字,照貼結果任務點又不見了
https://ithelp.ithome.com.tw/upload/images/20240918/201111746PUVrOV4QJ.png

自己幫他改一改,不知道哪裡冒出來的 MissionPointData 改回 MissionPoints.X
https://ithelp.ithome.com.tw/upload/images/20240918/20111174kp9mwlQ40t.png

完全沒有解決,依然是躲去最角落
繼續求救
https://ithelp.ithome.com.tw/upload/images/20240918/20111174YbJCpCNna5.png
結果就是他堅持要 MissionPointData
好像又給了我一次一模一樣的code(?

結果貼回去居然修好了
唉 code就是這麼神奇

順便給大家看一下第二關真的有長在不同地方
https://ithelp.ithome.com.tw/upload/images/20240918/2011117435fTPrdiui.png

終於,三個關卡的任務點現在可以分開設置了,下一步就是處理觸發的任務
目前只有讓他觸發提示而已,但我希望是可以跳相片或對話,甚至小選擇題遊戲之類的(?

先試著放圖片看看
https://ithelp.ithome.com.tw/upload/images/20240918/20111174vo0odxbHSy.pnghttps://ithelp.ithome.com.tw/upload/images/20240918/20111174JYxTdtVGqs.png
(好小一張)
成功後再修形狀
https://ithelp.ithome.com.tw/upload/images/20240918/2011117410KfkigAAh.png

確保觸發功能正常,加入跳出框框
https://ithelp.ithome.com.tw/upload/images/20240918/20111174Q5dJxNAHHa.png

https://ithelp.ithome.com.tw/upload/images/20240918/20111174peUimInEgN.png
莫名有一種復古的可愛感?

然後關不掉
https://ithelp.ithome.com.tw/upload/images/20240918/20111174UAkTXWCRdi.png
還是關不掉
https://ithelp.ithome.com.tw/upload/images/20240918/20111174BxBdN2vci4.png

岔題一下,我感覺我現在找 code 越來越得心應手了
已經不太會出現拿到 code 貼錯或不知道貼哪而爆炸的狀況,希望可以繼續保持

增加要求,回主頁也要會關掉
https://ithelp.ithome.com.tw/upload/images/20240918/20111174nxT1L3GiCP.png

後來 chatGPT 加了這一坨

// 關閉事件
    closeButton.addEventListener('click', () => {
        if (dialogueBox) {
            dialogueBox.remove(); // 徹底移除對話框
            activeDialogueBox = null; // 重置變量
        }
    });

    dialogueBox.appendChild(closeButton);
    document.body.appendChild(dialogueBox);

    activeDialogueBox = dialogueBox; // 保存當前對話框
}

// 回到主畫面時,清除對話框
backToMainBtn.addEventListener('click', () => {
    if (activeDialogueBox) {
        activeDialogueBox.remove(); // 回到主畫面時清除對話框
        activeDialogueBox = null;
    }
    mainPage.style.display = 'block';
    levelPage.style.display = 'none';
});

一樣充滿註解,非常友善

找到標籤重貼就修好了,現在按 close 有反應、直接跳回主頁也會關掉

還是覺得跳出框框配這個底色真的蠻可愛ㄉ
https://ithelp.ithome.com.tw/upload/images/20240918/20111174KaEfzToPoO.png


上一篇
D15 任務點整修 - 手動debug了QQ
下一篇
D17 新增關卡
系列文
人人都是工程師的時代來臨了嗎?!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言