-
-
Notifications
You must be signed in to change notification settings - Fork 3.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Added Example on p5.Framebuffer.get method #7166
base: main
Are you sure you want to change the base?
Changes from all commits
bb4dde0
aea7d41
170894d
d46a582
7b1cba7
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -1479,6 +1479,35 @@ class Framebuffer { | |
* @param {Number} w width of the subsection to be returned. | ||
* @param {Number} h height of the subsection to be returned. | ||
* @return {p5.Image} subsection as a <a href="#/p5.Image">p5.Image</a> object. | ||
* | ||
* @example | ||
* <div> | ||
* <code> | ||
* // The `pixelColor` is logged to the console, returning red with full opacity. | ||
* | ||
* function setup() { | ||
* createCanvas(100, 100, WEBGL); | ||
* | ||
* // Create an off-screen WebGL graphics buffer | ||
* let myBuffer = createFramebuffer({ width: 200, height: 200 }); | ||
* // Draw a red box on the off-screen buffer | ||
* myBuffer.draw(() => { | ||
* background(0); // Set the background to black | ||
* noStroke(); | ||
* fill(255, 0, 0); // Set the fill color to red | ||
* box(100); // Draw a red box at the center | ||
* }); | ||
* | ||
* // Get the color of a pixel at the center of the box (in 2D coordinates) | ||
* myBuffer.loadPixels(); // Load the pixel data for myBuffer | ||
* let pixelColor = myBuffer.get(100, 100); // Get the color at (100, 100) | ||
* console.log('Pixel color at (100, 100):', pixelColor); | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. If you run |
||
* | ||
* // Display the off-screen buffer on the main canvas | ||
* image(myBuffer, -width / 2, -height / 2); // Draw the buffer on the main canvas | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. we should use |
||
* } | ||
* </code> | ||
* </div> | ||
*/ | ||
/** | ||
* @method get | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we make the size of the box to be 50 i.e.
box(50)
instead of 100