当前位置:   article > 正文

P5.js开发之——环境_p5.js describe

p5.js describe

一 概述

P5.js开发环境主要包含下面的内容:

  • 描述信息
  • 属性及常量
  • 操作及功能

二 描述信息

2.1 元素列表

No属性说明
1describe描述执行的方法或内容
2describeElement描述执行的方法或内容
3textOutput描述屏幕画布内容
4gridOutput描述画布布局

2.2 示例

describe('pink square with red heart in the bottom right corner');
background('pink');
fill('red');
noStroke();
ellipse(67, 67, 20, 20);
ellipse(83, 67, 20, 20);
triangle(91, 73, 75, 95, 59, 73);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

三 属性及常量

3.1 元素列表

No属性说明
1deltaTime前一帧开始与当前帧开始之间的时间差
2focused窗口是否获得“焦点”
3displayWidth整个屏幕宽度
4displayHeight整个屏幕高度
5windowWidth窗口内部宽度
6windowHeight窗口内部高度
7width画布宽度
8height画布高度

3.2 示例

function setup() {
  createCanvas(displayWidth, displayHeight);
  background(100);
}
  • 1
  • 2
  • 3
  • 4

四 操作及功能

4.1 元素列表

No属性说明
1print()输出到控制台
2cursor()鼠标成预定的符号或一个图像
3frameRate()帧率
4noCursor()隐藏鼠标
5windowResized()窗口缩放时被调用
6fullscreen()依该参数而定该绘图是否是全屏
7pixelDensity()定义像素缩放值,用于高像素密度显示器
8displayDensity()返回正在运行该绘图的显示器的像素密度
9getURL()返回当下的网址
10getURLPath()返回当下的网址的路径数组
11getURLParams()网址参数

4.2 示例

function draw() {
  let x = 10;
  print('The value of x is ' + x);
}
  • 1
  • 2
  • 3
  • 4
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/黑客灵魂/article/detail/884518
推荐阅读
相关标签
  

闽ICP备14008679号