p5.js input()用法及代码示例

每当在元素上检测到用户输入时，都会调用input()函数。它可用于检测击键或滑块值的变化。它还可以用于将事件侦听器附加到元素。

用法:

input(fxn)

参数：该函数接受如上所述和以下描述的单个参数。

fxn:这是在检测到输入时将调用的回调函数。可以将其传递为“ false”，这将阻止先前的触发函数停止触发。

下面的示例说明了p5.js中的input()函数：

例：

function setup() { 
  createCanvas(600, 300); 
  textSize(28); 
  fill("green") 
  text("Write in the input box to change the text", 10, 20); 
   
  // create input box 
  let inputElem = createInput(''); 
  inputElem.input(onInput); 
  inputElem.position(20, 40) 
} 
   
function onInput() { 
  clear(); 
  text("Write in the input box to change the text", 10, 20); 
   
  fill("green") 
  strokeWeight(10) 
  rect(0, 80, 600, 100) 
   
  // get the text entered 
  fill("black") 
  text(this.value(), 20, 120) 
}

输出：

在线编辑：
环境设置：

参考： https://p5js.org/reference/#/p5/input

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.js | input() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。