时间戳

首页 > 解决方案 > 执行时如何找到内置命令所遵循的逐行指令

p5.js - 执行时如何找到内置命令所遵循的逐行指令

问题描述

我正在玩弄顶点并beginShape()感受它并了解该功能的工作原理。我使用 p5.js 网站的参考页面作为指南。

在这样做的同时，我编写了这段代码，这给了我一个意想不到的结果：

  stroke('red')
  strokeWeight(5)

 beginShape(POINTS);
  vertex(25, 25); // top left
  stroke('yellow')
  vertex(25, 75); // top right
  push()
  stroke('green')
  strokeWeight(25)
  vertex(75, 75); // bottom right
  pop()
  push()
  strokeWeight(25)
  vertex(75, 25); // bottom left
  pop()
 endShape();

结果我预期：

top left: color = red, size = 5
top right: color = yellow, size = 5
bottom right: color = green, size = 25
bottom left: color = yellow, size = 25

结果我得到：

top left: color = red, size = 5
top right: color = yellow, size = 5
bottom right: color = green, size = 5
bottom left: color = red, size = 5

概括：

我无法弄清楚为什么我得到了我得到的结果，并且使用代码使结果更加混乱，我得出一个结论，我只是不知道 beginShape()调用时计算机内会发生什么。

我正在寻找有关计算机在beginShape()被调用时执行的操作的深入解释。（通过解释，我的意思是像 YouTube 频道“编码火车”中的 Dan Shiffman 解释说，当mousePressed()被调用时计算机停止运行draw()并执行该mousePressed()函数。另一个例子是：Dan Shiffman 还解释说，setup()首先在执行时首先运行程序，然后才draw()循环。

问题：

  1. 我想了解当我调用beginShape(). p5 参考页中没有给出此类信息。（这个问题的不同措辞可能是：程序如何执行函数beginShape()。）

  2. 我想知道这种关于语言/库的“幕后”信息被称为什么，这样我将来可以更容易地找到它，对于 p5 和其他语言也是如此。

标签： p5.js

解决方案

推荐阅读