亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

同一頁面中的多個 p5.js 畫布

同一頁面中的多個 p5.js 畫布

吃雞游戲 2023-10-14 18:44:48
雖然我有一些處理經驗,但我對 p5.js 很陌生。對于學術工作,我想創建一個具有多種交互體驗的網站。我希望這個網站是一個單頁,沒有鏈接,什么也沒有,只有一個卷軸。為此,我希望沿著長卷軸有多個畫布。我還希望這些交互體驗在用戶處于滾動的正確位置時才開始。我可以為我的問題想出多種解決方案,但我不知道如何實施它們,也不知道什么是最好的。是否可以用一頁來做到這一點?是否可以將canvas放入div中,然后用css按順序顯示?我想到的另一種解決方案是創建多個頁面,但模擬這只是一個使用某種動畫來模擬滾動的頁面,這個解決方案將保證用戶始終以全屏方式查看畫布,但我不確定他是否可以用普通的滾動條來控制它。有什么簡單的解決辦法嗎?提前致謝。
查看完整描述

1 回答

?
鳳凰求蠱

TA貢獻1825條經驗 獲得超4個贊

聽起來您正在尋找實例模式。

實例模式可讓您準確地執行您所描述的操作:您可以創建多個草圖并將它們全部添加到頁面中。

您還可以使用該parent()函數將畫布放入特定的 div 中。

在你擔心卷軸之前,我會先讓這些部件正常工作。但是一旦你準備好了,我會考慮在 JavaScript 中設置一個滾動監聽器,并在某些值觸發你的實例模式草圖。

祝你好運!


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 158 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號