Skip to content

Code blocks in textureMode() docs are wonky #8010

@davepagurek

Description

@davepagurek

Most appropriate sub-area of p5.js?

  • Accessibility
  • Color
  • Core/Environment/Rendering
  • Data
  • DOM
  • Events
  • Image
  • IO
  • Math
  • Typography
  • Utilities
  • p5.strands
  • WebGL
  • DevOps, Build process, Unit testing
  • Internationalization (i18n)
  • Friendly Errors
  • Other (specify if possible)

p5.js version

1.x and 2.x

Web browser and version

All

Operating system

All

Steps to reproduce this

On both https://beta.p5js.org/reference/p5/texturemode/ and https://p5js.org/reference/p5/texturemode/, the code blocks are rendering without correct formatting and with HTML mixed in:

Image

It looks like this is because the code blocks are in a <code> tag in the docs:

p5.js/src/webgl/material.js

Lines 2413 to 2419 in 2606c21

* <code>
* // Apply the image as a texture.
* texture(img);
*
* // Draw the rectangle.
* rect(0, 0, 30, 50);
* </code>

...when they should be in three-backtick code fences, e.g. in the keyIsDown docs:

* `keyIsDown()` is helpful when checking for multiple different key presses.
* For example, `keyIsDown()` can be used to check if both `LEFT_ARROW` and
* `UP_ARROW` are pressed:
*
* ```js
* if (keyIsDown(LEFT_ARROW) && keyIsDown(UP_ARROW)) {
* // Move diagonally.
* }
* ```
*
* `keyIsDown()` can check for key presses using strings based on

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions