# Gallery

**URL:** https://discourse.processing.org/c/gallery/21.md?no_subcategories=false&page=3

[Latest](https://discourse.processing.org/latest.md) · [Categories](https://discourse.processing.org/categories.md) · [Tags](https://discourse.processing.org/tags.md)

**Page:** 4

---

## [JavaFX TransparentWindow Drawing](https://discourse.processing.org/t/javafx-transparentwindow-drawing/46607)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 1\
**Last updated:** [June 28, 2025, 1:30am UTC](https://discourse.processing.org/t/javafx-transparentwindow-drawing/46607 "2025-06-28T01:30:27Z")

</div>

Demonstrates using JavaFX to create a transparent window with drawing. Developed on macOS; will not draw in Windows 11, but does allow click throughs. Not tested on Linux. import javafx.stage.Stage; import javafx.scen…

---

## [Color to Grayscale Exploration](https://discourse.processing.org/t/color-to-grayscale-exploration/46602)

<div class="topic-metadata">

**Author:** [@glv](https://discourse.processing.org/u/glv)\
**Replies:** 0\
**Last updated:** [June 24, 2025, 8:20pm UTC](https://discourse.processing.org/t/color-to-grayscale-exploration/46602 "2025-06-24T20:20:51Z")

</div>

This is a color to grayscale exploration. Grayscale conversion is a complex process that involves the range of human visual perception, established video standards, gamma color encoding, and considerations of computatio…

---

## [Moving blobs (connecting circles)](https://discourse.processing.org/t/moving-blobs-connecting-circles/46581)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 0\
**Last updated:** [June 20, 2025, 5:12pm UTC](https://discourse.processing.org/t/moving-blobs-connecting-circles/46581 "2025-06-20T17:12:03Z")

</div>

Inspired by the ideas in this discussion I thought it would be challenging and fun to have a go at creating my own version. In my sketch the interaction shape is defined by the circumference of a circle cotangent to the…

---

## [JavaFX DotView in Default Window](https://discourse.processing.org/t/javafx-dotview-in-default-window/46566)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 0\
**Last updated:** [June 17, 2025, 3:14pm UTC](https://discourse.processing.org/t/javafx-dotview-in-default-window/46566 "2025-06-17T15:14:11Z")

</div>

Demonstrates using JavaFX controls with Processing default window’s draw() using familiar code. import javafx.scene.canvas.Canvas; import javafx.scene.layout.StackPane; import javafx.scene.layout.Pane; import javafx.sce…

---

## [JavaFX MediaPlayer in Default Window](https://discourse.processing.org/t/javafx-mediaplayer-in-default-window/46558)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 0\
**Last updated:** [June 17, 2025, 1:57am UTC](https://discourse.processing.org/t/javafx-mediaplayer-in-default-window/46558 "2025-06-17T01:57:29Z")

</div>

Demonstrates placing a JavaFXMediaPlayer in the default Processing window. A green circle was added to demonstrate that draw() is functional; this would not be possible if we used the traditional JavaFX Stage. import j…

---

## [JavaFX GIF Player](https://discourse.processing.org/t/javafx-gif-player/46543)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 0\
**Last updated:** [June 14, 2025, 12:20am UTC](https://discourse.processing.org/t/javafx-gif-player/46543 "2025-06-14T00:20:32Z")

</div>

The following code will create a JavaFX ImageView in the default Processing window and may be used as a .gif player in addition to displaying other images. You will need the full url for the file, in this case in the sk…

---

## [Fourier Drawing Editor](https://discourse.processing.org/t/fourier-drawing-editor/46510)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 4\
**Last updated:** [June 8, 2025, 1:11pm UTC](https://discourse.processing.org/t/fourier-drawing-editor/46510 "2025-06-08T13:11:59Z")

</div>

I remember the first time I saw a line drawing being created using epicycles and thinking that was neat. After browing the Internet I discovered a series of videos on Fourier series and Fourier transfomations by Dan Shif…

---

## [JavaFX Pagination Demo](https://discourse.processing.org/t/javafx-pagination-demo/46440)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 0\
**Last updated:** [May 24, 2025, 4:31pm UTC](https://discourse.processing.org/t/javafx-pagination-demo/46440 "2025-05-24T16:31:38Z")

</div>

JavaFX Pagination control demo modified to run in Processing default window: //https://jenkov.com/tutorials/javafx/pagination.html import javafx.scene.canvas.Canvas; import javafx.scene.layout.StackPane; import javafx.…

---

## [P5.asciify - Apply real-time ASCII conversion to your favorite WebGL p5.js sketches instantly](https://discourse.processing.org/t/p5-asciify-apply-real-time-ascii-conversion-to-your-favorite-webgl-p5-js-sketches-instantly/44893)

<div class="topic-metadata">

**Author:** [@humanbydefinition](https://discourse.processing.org/u/humanbydefinition)\
**Replies:** 1\
**Last updated:** [May 21, 2025, 6:16pm UTC](https://discourse.processing.org/t/p5-asciify-apply-real-time-ascii-conversion-to-your-favorite-webgl-p5-js-sketches-instantly/44893 "2025-05-21T18:16:57Z")

</div>

Hey everyone, I’d like to introduce my relatively new p5.js add-on library p5.asciify on here, which I’ve been actively working on over the last month and will continue to do so for the foreseeable future. p5.asciify …

---

## [The "Utah Teapot"](https://discourse.processing.org/t/the-utah-teapot/45767)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 4\
**Last updated:** [May 12, 2025, 4:20pm UTC](https://discourse.processing.org/t/the-utah-teapot/45767 "2025-05-12T16:20:51Z")

</div>

The 'Utah Teapot" model was created 50 years ago and is one of the first to be modeled using Bezier curves. Drag the mouse to rotate the teapot, use mouse wheel to zoom. This is a port of a Java version I created 5 y…

---

## [Smooth zooming in and out on your mouse tip](https://discourse.processing.org/t/smooth-zooming-in-and-out-on-your-mouse-tip/46117)

<div class="topic-metadata">

**Author:** [@villares](https://discourse.processing.org/u/villares)\
**Replies:** 19\
**Last updated:** [May 7, 2025, 4:25pm UTC](https://discourse.processing.org/t/smooth-zooming-in-and-out-on-your-mouse-tip/46117 "2025-05-07T16:25:10Z")

</div>

My dear friend John, a.k.a introscopia has this amazing smooth zoom and pan code I really like, but he uses mostly SDL nowadays, so I asked him for help and made these two examples. One in Processing Java and the other f…

---

## [Android sound frequency fft and peak](https://discourse.processing.org/t/android-sound-frequency-fft-and-peak/46338)

<div class="topic-metadata">

**Author:** [@jafal](https://discourse.processing.org/u/jafal)\
**Replies:** 1\
**Last updated:** [May 7, 2025, 2:27am UTC](https://discourse.processing.org/t/android-sound-frequency-fft-and-peak/46338 "2025-05-07T02:27:43Z")

</div>

Most sound libraries not working on APDE this sketch tested directly on APDE 5.1 android 8 I am working on enhance it to be more reliable Thanks for @noel one of the best teachers import android.media.AudioRecord;…

---

## [Draw Shapes on the Screen directly without a proper window](https://discourse.processing.org/t/draw-shapes-on-the-screen-directly-without-a-proper-window/46215)

<div class="topic-metadata">

**Author:** [@NumericPrime](https://discourse.processing.org/u/NumericPrime)\
**Replies:** 36\
**Last updated:** [April 20, 2025, 4:16pm UTC](https://discourse.processing.org/t/draw-shapes-on-the-screen-directly-without-a-proper-window/46215 "2025-04-20T16:16:08Z")

</div>

I recently revisited an old piece of code I wrote as a answer on this forum to allow an overlay onto another program. However this code didn’t use the graphics commands that processing provides. I fixed this problem and …

---

## [Planet Mandelbrot (3D modelling)](https://discourse.processing.org/t/planet-mandelbrot-3d-modelling/46239)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 0\
**Last updated:** [April 18, 2025, 10:49am UTC](https://discourse.processing.org/t/planet-mandelbrot-3d-modelling/46239 "2025-04-18T10:49:43Z")

</div>

I have been continuing my experiments creating high vertex count (~1 million) models using p5.geometry and have come up with this sketch. In the past I just used the default lighting and material settings but in this ske…

---

## [Mandelbrot Set : 3D landscape viewer](https://discourse.processing.org/t/mandelbrot-set-3d-landscape-viewer/46075)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 0\
**Last updated:** [March 26, 2025, 5:15pm UTC](https://discourse.processing.org/t/mandelbrot-set-3d-landscape-viewer/46075 "2025-03-26T17:15:23Z")

</div>

I created this sketch for 2 reasons I want to learn more about using p5.geometry in p5js. The p5js documentation hardly scratches the surface and this excellent tutorial is a great starting place but there are many hid…

---

## [SwitchNet Neural network examples](https://discourse.processing.org/t/switchnet-neural-network-examples/45814)

<div class="topic-metadata">

**Author:** [@seanc4s](https://discourse.processing.org/u/seanc4s)\
**Replies:** 9\
**Last updated:** [April 3, 2025, 8:12pm UTC](https://discourse.processing.org/t/switchnet-neural-network-examples/45814 "2025-04-03T20:12:02Z")

</div>

Neural networks using fast transforms as a core component. You can view the fast transform as a super fast to compute synthetic weight matrix that you combine with parametric activation functions as the adjustable part. …

---

## [Q5\*js ESM Converter](https://discourse.processing.org/t/q5-js-esm-converter/46131)

<div class="topic-metadata">

**Author:** [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Replies:** 0\
**Last updated:** [March 31, 2025, 11:05pm UTC](https://discourse.processing.org/t/q5-js-esm-converter/46131 "2025-03-31T23:05:17Z")

</div>

I’ve coded a command line utility that remotely grabs the “q5.js” library file and creates a “q5.mjs” ECMAScript Module (ESM) version of it, allowing us to use JS keyword import to load it directly in our sketch files w/…

---

## [On demand Debuging for program on run](https://discourse.processing.org/t/on-demand-debuging-for-program-on-run/46109)

<div class="topic-metadata">

**Author:** [@SkullGrim](https://discourse.processing.org/u/SkullGrim)\
**Replies:** 0\
**Last updated:** [March 29, 2025, 10:14pm UTC](https://discourse.processing.org/t/on-demand-debuging-for-program-on-run/46109 "2025-03-29T22:14:56Z")

</div>

When I programing I want to see what happened on run program but write on console is not quite right stuff beacuse every run it clean console. So I decide to make DEBUG for programing with help AI. I succeed to create th…

---

## [Arduino processing 13 bit barker code experiment](https://discourse.processing.org/t/arduino-processing-13-bit-barker-code-experiment/46027)

<div class="topic-metadata">

**Author:** [@jafal](https://discourse.processing.org/u/jafal)\
**Replies:** 2\
**Last updated:** [March 20, 2025, 1:56am UTC](https://discourse.processing.org/t/arduino-processing-13-bit-barker-code-experiment/46027 "2025-03-20T01:56:28Z")

</div>

playing with barker code generating 4 khz 13 bit barker code using Arduino and ad9833 function generator to modulated the barker code with 8 khz sine wave carrier and processing sketch analysis the results

---

## [New Library: Backup Your Project on the Fly](https://discourse.processing.org/t/new-library-backup-your-project-on-the-fly/45806)

<div class="topic-metadata">

**Author:** [@domizai](https://discourse.processing.org/u/domizai)\
**Replies:** 1\
**Last updated:** [March 3, 2025, 11:02am UTC](https://discourse.processing.org/t/new-library-backup-your-project-on-the-fly/45806 "2025-03-03T11:02:32Z")

</div>

Hi everyone! I’d like to share a small library called SimpleBackup that allows you to back up your project on demand while your sketch is running. If you’re like me, you enjoy sketching and messing around, exporting re…

---

## [Switch Net 4 - Neural Network](https://discourse.processing.org/t/switch-net-4-neural-network/33220)

<div class="topic-metadata">

**Author:** [@seanc4s](https://discourse.processing.org/u/seanc4s)\
**Replies:** 18\
**Last updated:** [March 29, 2022, 2:47am UTC](https://discourse.processing.org/t/switch-net-4-neural-network/33220 "2022-03-29T02:47:36Z")

</div>

Multiple small width 4 neural network layers knitted together with the fast Walsh Hadamard transform acting as a connectionist device. final class SWNet4 { final int vecLen; final int depth; final float scale; f…

---

## [JavaFX with FXML Interface](https://discourse.processing.org/t/javafx-with-fxml-interface/45788)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 0\
**Last updated:** [February 16, 2025, 10:24pm UTC](https://discourse.processing.org/t/javafx-with-fxml-interface/45788 "2025-02-16T22:24:22Z")

</div>

The following source code will create a user interface using JavaFX FXML with source code from either an .xml or .fxml file. SceneBuilder (an app available from gluon) will allow the user to drag 'n drop controls onto a…

---

## [Conway's Game of Life operating on images](https://discourse.processing.org/t/conways-game-of-life-operating-on-images/45827)

<div class="topic-metadata">

**Author:** [@paul-reiners](https://discourse.processing.org/u/paul-reiners)\
**Replies:** 1\
**Last updated:** [February 23, 2025, 5:55pm UTC](https://discourse.processing.org/t/conways-game-of-life-operating-on-images/45827 "2025-02-23T17:55:46Z")

</div>

I wrote this program that operates on images using Conway’s Game of Life. I used Joan Soler-Adillon’s Game of Life program as a starting point. Code

---

## [Compass Rose made using turtle graphics](https://discourse.processing.org/t/compass-rose-made-using-turtle-graphics/45731)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 0\
**Last updated:** [February 8, 2025, 3:48pm UTC](https://discourse.processing.org/t/compass-rose-made-using-turtle-graphics/45731 "2025-02-08T15:48:51Z")

</div>

When creating a new library I always create lots of examples because it helps me find issues that a library user might come across, for instance illogical or inconsistent API missing functionality I hadn’t considered. …

---

## [Harriss Spiral with Turtle Graphics](https://discourse.processing.org/t/harriss-spiral-with-turtle-graphics/45699)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 5\
**Last updated:** [February 6, 2025, 1:51pm UTC](https://discourse.processing.org/t/harriss-spiral-with-turtle-graphics/45699 "2025-02-06T13:51:09Z")

</div>

I have been working on a Turtle Graphics library (see this discussion). I was asked if the library could draw a Harriss Spiral and I was not sure but after some effort I managed it. Hope you like it :sunglasses:

---

## [MysteryShape with PShape](https://discourse.processing.org/t/mysteryshape-with-pshape/45612)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 5\
**Last updated:** [February 6, 2025, 12:22pm UTC](https://discourse.processing.org/t/mysteryshape-with-pshape/45612 "2025-02-06T12:22:30Z")

</div>

The following source code was an attempt at creating a torus by drawing the center band of a cylinder repetitvely to create a torus; instead what I got is shown below and I’m not sure whether it has a name or not: PSha…

---

## [Connector : STL file connection for 3D printing](https://discourse.processing.org/t/connector-stl-file-connection-for-3d-printing/45711)

<div class="topic-metadata">

**Author:** [@matheplica](https://discourse.processing.org/u/matheplica)\
**Replies:** 0\
**Last updated:** [February 5, 2025, 2:50pm UTC](https://discourse.processing.org/t/connector-stl-file-connection-for-3d-printing/45711 "2025-02-05T14:50:10Z")

</div>

Hi, here’s a project to create connection between tubes like a plumber. I used it to create basic shapes like this : For other movement go here The interface looks like this There is plenty of other possible us…

---

## [Multiplication Table for JavaFX](https://discourse.processing.org/t/multiplication-table-for-javafx/45685)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 5\
**Last updated:** [February 1, 2025, 9:02pm UTC](https://discourse.processing.org/t/multiplication-table-for-javafx/45685 "2025-02-01T21:02:56Z")

</div>

The following source code creates a multiplication table for teaching purposes. It should run in the most recent Processing editor (v. 4.3.2) since all the JavaFX modules have now been added: import javafx.scene.Scene;…

---

## [Harriss Spiral Using TurtleGraphics With Processing Arcs](https://discourse.processing.org/t/harriss-spiral-using-turtlegraphics-with-processing-arcs/45275)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 1\
**Last updated:** [January 31, 2025, 2:24pm UTC](https://discourse.processing.org/t/harriss-spiral-using-turtlegraphics-with-processing-arcs/45275 "2025-01-31T14:24:38Z")

</div>

The following source code will create a basic Harriss Spiral by using TurtleGraphics with Processing arcs. //https://gist.githubusercontent.com/nataliefreed/8483050/raw/9e3f1d0f44bcb0c872762e4b984358d375e7b5fa/turtle.pd…

---

## [Cube In Cube Trimesh to Py5Shape](https://discourse.processing.org/t/cube-in-cube-trimesh-to-py5shape/45615)

<div class="topic-metadata">

**Author:** [@svan](https://discourse.processing.org/u/svan)\
**Replies:** 0\
**Last updated:** [January 17, 2025, 3:32am UTC](https://discourse.processing.org/t/cube-in-cube-trimesh-to-py5shape/45615 "2025-01-17T03:32:14Z")

</div>

The following source demonstrates conversion of a trimesh cube in a cube object to a Py5Shape. It was created and run in a Thonny editor. import trimesh import math import py5 one = trimesh.creation.box((150,150,150))…

[Previous page](https://discourse.processing.org/c/gallery/21.md?no_subcategories=false&page=2)

[Next page](https://discourse.processing.org/c/gallery/21.md?no_subcategories=false&page=4)