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

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

使用p5.js連接HTML輸入頁面

使用p5.js連接HTML輸入頁面

冉冉說 2021-03-30 17:11:36
我想從輸入標簽中獲取數據并在方程式中使用它們。我嘗試了很多解決方案,但沒有任何效果。我希望它在單擊一個按鈕后開始設置,并在按下另一個按鈕后開始動畫。按下按鈕1從html加載數據使用這些數據設置畫布draw()永遠執行。我沒有找到太多文檔。這是我的html:<label class="col-lg-2" for="n4" id="m2">mass sq 2</label><input class=" col-lg-2" name="n4" type="number" id="m2" label="mass sq 2" /><label class="col-lg-2" for="n5" id="r">Ratio</label><input class="ana col-lg-2" name="n5" type="number" id="r" label="Ratio" /><button class="col-lg-2 btn btn-danger" style="margin-left: 10%;                         height:30px;"> <h3> change </h3> </button>這是p5.js代碼:button1 = CreateButton('submit1');button2 = CreateButton('submit2');let digits = document.getElementById('m2').Value;const timeSteps = 10 ** (digits - 1);let m1 = document.getElementById('m1').Value;function preload() {  blockImg = loadImage('block.png');  clack = loadSound('clack.wav');}function setup() {  button2.mousePressed(start);}function draw() {  button2.mousePressed(finish);}function start() {  createCanvas(windowWidth, 200);  block1 = new Block(100, 20, m1, 0, 0);  const m2 = pow(100, digits - 1);  block2 = new Block(300, 100, m2, -1 / timeSteps, 20);  countDiv = createDiv(count);  countDiv.style('font-size', '72pt');}
查看完整描述

2 回答

?
墨色風雨

TA貢獻1853條經驗 獲得超6個贊

您在問幾個不同的問題:

用戶按下按鈕時如何運行代碼?

有幾種方法可以執行此操作,但是聽起來您正在尋找onclick屬性。您可以通過Google“ JavaScript onclick”獲得大量資源。

如何從JavaScript代碼運行P5.js草圖?

為此,您可能希望使用實例模式來更精確地控制草圖的創建時間。請參閱此頁面以獲取更多信息。

我能給你的最好的建議是從小做起。從一個簡單的頁面開始,該頁面顯示一個按鈕,單擊該按鈕可以在控制臺上打印一些內容。然后使用實例模式添加一個簡單的P5.js草圖。一步一步地工作,而不是一次全部嘗試。


查看完整回答
反對 回復 2021-04-08
  • 2 回答
  • 0 關注
  • 562 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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