Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

[p5.js 2.0+ Bug Report]: Mismatched map() Reference Example

Ouverte Adaptée aux débutants
  • Quelque chose ne va pas ?
#9,329 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 2 jours

@j-xsen y travaille déjà.

Depuis le 26/10/2026.

Évaluation

Difficulté
1/5
Temps estimé
Moins d'une heure
Accessibilité débutants
87/100
Type d'issue
Bug
Clarté
Clairement spécifiée
Activité
Active
Stack technique
javascript
Domaine
documentation

Piste de recherche

L’exemple se trouve dans src/math/calculation.js, vers les lignes 772–789. Lis l’exemple de référence de map() et compare son appel final à line() au comportement décrit. Modifie l’appel pour que la ligne du bas s’allonge horizontalement, puis vérifie que la page de référence affiche deux lignes horizontales lorsque la souris se déplace.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Area:Math Documentation p5.js 2.0+
Most appropriate sub-area of p5.js?
  • Accessibility
  • Color
  • Core/Environment/Rendering
  • Data
  • DOM
  • Events
  • Image
  • IO
  • Math
  • Typography
  • Utilities
  • WebGL
  • WebGPU
  • p5.strands
  • Build process
  • Unit testing
  • Internationalization
  • Friendly errors
  • Other (specify if possible)
p5.js version

2.3.4

Web browser and version

1.97.57 Chromium: 155.0.8059.80 (Official Build) (64-bit)

Operating system

Windows

Steps to reproduce this
Problem

There is an issue with the documentation for the map function.

Steps:
  1. Visit the map documentation (https://p5js.org/reference/p5/map/)
  2. Place mouse over the first canvas
  3. There is one vertical line and one horizontal line, rather than two horizontal lines.
Snippet:

src/math/calculation.js lines 772-789:

   * function setup() {
   *   createCanvas(100, 100);
   *
   *   describe('Two horizontal lines. The top line grows horizontally as the mouse moves to the right. The bottom line also grows horizontally but is scaled to stay on the left half of the canvas.');
   * }
   *
   * function draw() {
   *   background(200);
   *
   *   // Draw the top line.
   *   line(0, 25, mouseX, 25);
   *
   *   // Remap mouseX from [0, 100] to [0, 50].
   *   let x = map(mouseX, 0, 100, 0, 50);
   *
   *   // Draw the bottom line.
   *   line(0, 75, 0, x);
   * }

line(0, 75, 0, x); should be changed to line(0, 75, x, 75); to properly match the described behavior.

Langage dominant
JavaScript
Étoiles
24.3k
Forks
3.9k
Merge moyen
3 j 19 h
PR mergées (30 j)
48

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de processing/p5.js

Toutes les issues de processing/p5.js

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.