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

Graphical output canvas is affected by a separate kernel

Ouverte
  • Quelque chose ne va pas ?
#802 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
42/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript
Domaine
computer-graphics

Piste de recherche

Commencez par exécuter dans Chrome la reproduction fournie de GPU.js dans le navigateur avec WebGL2 activé, en vous concentrant sur createKernel, setGraphical, setOutput et l’interaction avec renderKernel.canvas. Comparez les dimensions du canvas après l’exécution de imgKernel avec la sortie graphique attendue de 32x32. C’est terminé lorsque le kernel d’image séparé n’affecte plus la taille du canvas rendu, qui devrait être de 32x32 et entièrement rempli par la sortie rouge.

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

Description

A GIF or MEME to give some spice of the internet

What is wrong?

It seems as if one kernel's output size can affect the size of a canvas created by another. This means that the canvas created by a kernel is larger than should be expected.

Where does it happen?

GPU.js running in browser in Chrome on a Mac (WebGL2 enabled)

How do we replicate the issue?

const gpu = new GPU();

const img_width = 64;
const img_height = 64;
const imgKernel = gpu
  .createKernel(function (_image) {
    const pixel = _image[this.thread.y][this.thread.x];
    return pixel[0];
  })
  .setOutput([img_width, img_height]);

const renderKernel = gpu
  .createKernel(function () {
    this.color(1, 0, 0, 1);
  })
  .setGraphical(true)
  .setOutput([32, 32]);

const image = document.createElement("img");
image.src = "./test.png";
image.onload = () => {
  console.log("image width x height", image.naturalWidth, image.naturalHeight);
  const imgOut = imgKernel(image); // This is not used just run
  document.body.appendChild(renderKernel.canvas);
  renderKernel();
};

The output looks like this:
Screenshot 2022-12-01 at 18 17 55
You can see that the canvas is 64x64 pixels, the size of the imgKernel but the red section is 32x32 inside that which is the output of renderKernel despite the two having no relationship other than both of them are called.

How important is this (1-5)?

5 This is a pretty limiting bug if you want to use multiple kernels.

Expected behavior (i.e. solution)

Should show a 32x32 red canvas as far as I can tell.

Other Comments

Thank you for your time looking at this.

Langage dominant
JavaScript
Étoiles
15.5k
Forks
663
Aucune PR mergée en 30 j

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 gpujs/gpu.js

Toutes les issues de gpujs/gpu.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.