by Florian Rieder
5 (1 reviews)
Easy p5.js Block
Adds a Gutenberg block to easily add custom p5.js code in your pages and preview it as you edit.
Tested up to WP 6.6.5 (Current: 7.0)
v1.1.2
Current Version v1.1.2
Updated 1 year ago
Last Update on 06 Oct, 2024
Refreshed 4 weeks ago
Last Refreshed on
Rank
#11,188
—
No change
Active Installs
300+
—
No change
KW Avg Position
41.8
—
No change
Downloads
5.8K
+2 today
Support Resolved
0%
—
No change
Rating
100%
Review 5 out of 5
5
(1 reviews)
Next Milestone 400
300+
400+
1,091
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 56 more installs to reach 400+
Rank Changes
Current
#11,188
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
5.0
1 reviews
Overall
100%
5
1
(100%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Tracked Keywords
Showing 4 of 4| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| generative art | 1 | — | Tag | 1 month ago |
| p5js | 1 | — | Tag | 1 month ago |
| creative coding | 38 | — | Tag | 1 month ago |
| processing | 127 | — | Tag | 1 month ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 1.1.2
- Last Updated
- Oct 06, 2024
- Requires WP
- 6.1+
- Tested Up To
- 6.6.5
- PHP Version
- 7.0 or higher
- Author
- Florian Rieder
Support & Rating
- Rating
- ★ ★ ★ ★ ★ 5
- Reviews
- 1
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
WP Adminify – White Label WordPress, Admin Menu Editor, Login Customizer
7K+ installs
#2,707
Master Addons For Elementor – Widgets, Extensions, Theme Builder, Popup Builder & Template Kits
30K+ installs
#964
Query Monitor
200K+ installs
#251
Optimole – Optimize Images | Convert WebP & AVIF | CDN & Lazy Load | Image Optimization
200K+ installs
#253
Header and Footer Scripts
200K+ installs
#254
Frequently Asked Questions
Common questions about Easy p5.js Block
A: No ! Just activate the plugin and add the p5.js block to any page or post to get started.
A: It is highly recommended to define the height and width of your block in the block settings panel, and use createCanvas(windowWidth, windowHeight) to ensure that your sketche's sizing is responsive. However, you can define a fixed size for the canvas in your script using for example createCanvas(600, 400). In this case, the size of the block will adapt to the canvas size defined in the script automatically, unless the size of the block has been defined in its setting panel. In order for your sketch to be rendered properly when using createCanvas(windowWidth, windowHeight), it is important to remember that in the context of the p5.js block, the variables windowWidth and windowHeight refer to the width and height of the block. When using dynamic sizing in your script, define the desired height and width of your canvas in the block settings panel. Warning : when using windowHeight, the preview won't work. You can fix this by using an integer value (e.g. createCanvas(windowWidth, 500)), or leave as is, since it won't affect the final page.
A: To achieve this effect, select the "Full width" alignment option in the block's toolbar, and use createCanvas(windowWidth, windowHeight) in your script. Don't forget to set the height of your canvas in the block settings panel. The width setting will be ignored. A horizontal scroll bar can appear in pages using full width alignment. To fix it, you can add this CSS to your site's custom CSS: `css body { overflow-x: hidden; } `
A: You can contribute on the GitHub Repository of this plugin.