我想從輸入標簽中獲取數據并在方程式中使用它們。我嘗試了很多解決方案,但沒有任何效果。我希望它在單擊一個按鈕后開始設置,并在按下另一個按鈕后開始動畫。按下按鈕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');}
使用p5.js連接HTML輸入頁面
冉冉說
2021-03-30 17:11:36