processing / processing/p5.js

WEBGL 16bit texture

Open
#5,994 10 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Area:WebGL Discussion
Dominant language
JavaScript
Stars
24k
Forks
3.8k
Avg merge
3d 16h
Merged PRs (30d)
25

Description

Topic

Hi, I was trying to make GPU particle system, and wondering if there's a way to create 16bit texture for the shader to render?

The idea of GPU particle is storing particle position data into a texture's RGB channel, and accessing those data through shader. I had succeed make this particle system by storing the data on a graphic (with createGraphic). But 256 for each channel is not precise enough.

I had try modifying the p5.js source code, changing gl.texImage2D's format parameter from gl.RGBA to gl.RGBA16F kind of thing, but it didn't work.

Since I had no real experiences on raw WebGL, wondering if there's anyway to make this work.

Thanks!

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue does not name a file, test, or entry point. Start by determining whether p5.js has a supported path for 16-bit textures in shader-based GPU particle systems, including the relevant WebGL constraints. Done means a clear implementation plan or documented limitation, backed by a reproducible example and appropriate tests.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
computer-graphics
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.