René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"p5.libprocessing.js","articleBody":"Spent a couple days over the weekend botch together a proof of concept for using libprocessing with p5.js as a custom renderer running in Node.js: https://github.com/limzykenneth/p5.libprocessing.js\n\nI have mostly just tried to get things working as likely there will be things that are messy or not used as intended, I tried to copy the Rust examples where possible for the basic pattern. There are two changes I made to libprocessing itself however to get things working:\n\n```diff\ndiff --git a/Cargo.toml b/Cargo.toml\nindex a813652..19f5031 100644\n--- a/Cargo.toml\n+++ b/Cargo.toml\n@@ -48,11 +48,15 @@ processing_core = { workspace = true }\n processing_render = { workspace = true }\n processing_midi = { workspace = true }\n processing_input = { workspace = true }\n+processing_glfw = { workspace = true }\n processing_webcam = { workspace = true, optional = true }\n processing_cuda = { workspace = true, optional = true }\n tracing = \"0.1\"\n tracing-subscriber = { version = \"0.3\", features = [\"env-filter\"] }\n\n+[target.'cfg(target_os = \"linux\")'.dependencies]\n+processing_glfw = { workspace = true, features = [\"wayland\"] }\n+\n [target.'cfg(target_arch = \"wasm32\")'.dependencies]\n wasm-bindgen-futures = \"0.4\"\n js-sys = \"0.3\"\ndiff --git a/src/lib.rs b/src/lib.rs\nindex 9f00d06..03a1fd6 100644\n--- a/src/lib.rs\n+++ b/src/lib.rs\n@@ -1,4 +1,6 @@\n pub mod prelude;\n+pub extern crate processing_render;\n+pub extern crate processing_glfw;\n\n use std::num::NonZero;\n```\n\nEssentially it is re-exporting `processing_glfw` and `processing_render` so that the GLFW context and draw commands are available to the FFI layer. If there are other more semantic way to handle this, it can be switched over.\n\n---\n\n### Implementation details/question\n#### Renderer\nTo implement a renderer in p5.js, the renderer is defined as a class with relevant methods, most of them corresponding to p5.js drawing functions. There are two options to get this to work with p5.libprocessing.js, one is to implement the class more or less entirely in Rust with NAPI-RS as a struct (which is what the proof of concept does), the other option is to implement a JS class and have that call into the Rust FFI either through an object or otherwise.\n\nThe former requires a bit less code to do while the latter may be needed to normalize passing data between JS (as it comes from p5.js) and Rust. It could be possible to combine the two if needed as a decoration in JS then call into Rust. Not sure what the best approach is and we can have a think about this.\n\n#### Draw loop\nCurrently the draw loop is executed through Node.js' `setImmediate()`, meaning the draw loop is still in JS, limited by the event loop. There could be a possibility to have the draw loop exist in Rust within `while glfw_ctx.poll_events() {` and  `graphics_begin_draw` `graphics_end_draw` pair if we pass a reference to the JS `draw()` function to be called in Rust (NAPI-RS has that capability), though I'm not sure this will be ideal, other functions such as event handlers will likely need to be passed in as so in that case.\n\n---\n\nThe proof of concept is very basic and I just wanted to get a super basic sketch going (which is just an excuse to say don't mind the messy detail in it for now 😓 )\n\nhttps://github.com/user-attachments/assets/eb309b6a-a2ae-4bb7-a58e-c45e37da9475","author":{"url":"https://github.com/limzykenneth","@type":"Person","name":"limzykenneth"},"datePublished":"2026-05-04T15:27:29.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":10},"url":"https://github.com/157/libprocessing/issues/157"}