# Gallery

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

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

**Page:** 28

---

## [Giving variable thickness to a line (calculating normals)](https://discourse.processing.org/t/giving-variable-thickness-to-a-line-calculating-normals/5890)

<div class="topic-metadata">

**Author:** [@hamoid](https://discourse.processing.org/u/hamoid)\
**Replies:** 4\
**Last updated:** [January 28, 2019, 6:35pm UTC](https://discourse.processing.org/t/giving-variable-thickness-to-a-line-calculating-normals/5890 "2019-01-28T18:35:32Z")

</div>

ArrayList\<PVector\> points; ArrayList\<PVector\> normals; void setup() { size(400, 400); background(255); // 1. Define polyline points points = new ArrayList\<PVector\>(); points.add(new PVector(61, 183)); poi…

---

## [Personal JavaScript Canvas Library. (BasicCanvas)](https://discourse.processing.org/t/personal-javascript-canvas-library-basiccanvas/7521)

<div class="topic-metadata">

**Author:** [@fredrik](https://discourse.processing.org/u/fredrik)\
**Replies:** 3\
**Last updated:** [January 26, 2019, 1:04am UTC](https://discourse.processing.org/t/personal-javascript-canvas-library-basiccanvas/7521 "2019-01-26T01:04:17Z")

</div>

After seeing the amazing work done both in p5.js and Processing alike, I always wondered how they manage to work so intuitively and easily when compared to what their ‘raw’ graphics APIs look like. I went ahead and impl…

---

## [Using eye tracking / gaze data in creative coding with p5js](https://discourse.processing.org/t/using-eye-tracking-gaze-data-in-creative-coding-with-p5js/7143)

<div class="topic-metadata">

**Author:** [@haschdl](https://discourse.processing.org/u/haschdl)\
**Replies:** 0\
**Last updated:** [January 3, 2019, 9:27pm UTC](https://discourse.processing.org/t/using-eye-tracking-gaze-data-in-creative-coding-with-p5js/7143 "2019-01-03T21:27:18Z")

</div>

Hello! I created a service to expose eye-tracking data from Tobii to Javascript via web sockets. The animation below is a p5.js sketch connected to the service, and using the gaze position as the focal point of the anima…

---

## [Trash Granny - micro\_RPG\_style\_game - P5js P5Play](https://discourse.processing.org/t/trash-granny-micro-rpg-style-game-p5js-p5play/7419)

<div class="topic-metadata">

**Author:** [@codnpix](https://discourse.processing.org/u/codnpix)\
**Replies:** 5\
**Last updated:** [January 22, 2019, 6:20pm UTC](https://discourse.processing.org/t/trash-granny-micro-rpg-style-game-p5js-p5play/7419 "2019-01-22T18:20:20Z")

</div>

Hi there ! I share with you a little creation made at school : “Help this little grandma taking her garbage bag to the local trash can and fighting the many threats on her way !” http://51.75.126.56/trash-granny/index…

---

## [3D collision environment for Android](https://discourse.processing.org/t/3d-collision-environment-for-android/7527)

<div class="topic-metadata">

**Author:** [@BennyHacker](https://discourse.processing.org/u/BennyHacker)\
**Replies:** 0\
**Last updated:** [January 15, 2019, 12:35am UTC](https://discourse.processing.org/t/3d-collision-environment-for-android/7527 "2019-01-15T00:35:48Z")

</div>

Hey yall Not too long ago I made a sketch showcasing a player that can collide with 3-point planes in 3D space. I recently adapted the code for Android and it seems to work pretty nicely so I thought’d I’d post it …

---

## [Mouse skill tester game made in p5js](https://discourse.processing.org/t/mouse-skill-tester-game-made-in-p5js/7416)

<div class="topic-metadata">

**Author:** [@Brastin](https://discourse.processing.org/u/Brastin)\
**Replies:** 1\
**Last updated:** [January 11, 2019, 6:35pm UTC](https://discourse.processing.org/t/mouse-skill-tester-game-made-in-p5js/7416 "2019-01-11T18:35:08Z")

</div>

Here’s a mouse skill tester game I made after switching over from processing to p5js for the first time. You just have to hover your mouse over the square before the timer runs out, and it keeps getting faster and faster…

---

## [Rope physics prototype 3D](https://discourse.processing.org/t/rope-physics-prototype-3d/7021)

<div class="topic-metadata">

**Author:** [@BennyHacker](https://discourse.processing.org/u/BennyHacker)\
**Replies:** 5\
**Last updated:** [January 1, 2019, 2:25pm UTC](https://discourse.processing.org/t/rope-physics-prototype-3d/7021 "2019-01-01T14:25:18Z")

</div>

Here is an example where a 3D rope can be controlled with the mouse. Press ‘w’ to toggle wind, ‘g’ to toggle gravity, space to pause and mouse wheel to increase/decrease wind strength. Boxes can be spawned by pressing ‘1…

---

## [Made a simple 2d top down dungeon crawler](https://discourse.processing.org/t/made-a-simple-2d-top-down-dungeon-crawler/6998)

<div class="topic-metadata">

**Author:** [@jarlah](https://discourse.processing.org/u/jarlah)\
**Replies:** 0\
**Last updated:** [December 29, 2018, 8:36pm UTC](https://discourse.processing.org/t/made-a-simple-2d-top-down-dungeon-crawler/6998 "2018-12-29T20:36:45Z")

</div>

Made a simple top down dungeon crawler, shamelessly using some spritesheets i found on opengameart. Its freely based on some YouTube videos I was looking at. I am using the YouTube tutorials as a way to fuel new ideas a…

---

## [3d collision environment (Player versus three point Plane)](https://discourse.processing.org/t/3d-collision-environment-player-versus-three-point-plane/6937)

<div class="topic-metadata">

**Author:** [@BennyHacker](https://discourse.processing.org/u/BennyHacker)\
**Replies:** 1\
**Last updated:** [December 27, 2018, 9:15pm UTC](https://discourse.processing.org/t/3d-collision-environment-player-versus-three-point-plane/6937 "2018-12-27T21:15:32Z")

</div>

Hey forum, first time poster. Here I have made a environment where a player that is shaped like a cylinder can interact with planes defined by 3 points with a few extra player behaviors. All instructions and sources and …

---

## [G4P with PeasyCam views](https://discourse.processing.org/t/g4p-with-peasycam-views/6909)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 0\
**Last updated:** [December 26, 2018, 4:22pm UTC](https://discourse.processing.org/t/g4p-with-peasycam-views/6909 "2018-12-26T16:22:00Z")

</div>

This is a preview of the next version (4.2.0) of G4P and the latest control GViewPeasyCam . GViewPeasyCam allows you to embed one or more PeasyCam cameras into your sketch. The video below shows a sketch with 2 PeasyCa…

---

## [I made a game like Doodle Jump in p5js & Froobit](https://discourse.processing.org/t/i-made-a-game-like-doodle-jump-in-p5js-froobit/6659)

<div class="topic-metadata">

**Author:** [@r4nd0m](https://discourse.processing.org/u/r4nd0m)\
**Replies:** 5\
**Last updated:** [December 21, 2018, 5:42pm UTC](https://discourse.processing.org/t/i-made-a-game-like-doodle-jump-in-p5js-froobit/6659 "2018-12-21T17:42:12Z")

</div>

Hi, I just made a small game similar to Doodle Jump game using p5js & Froobit framework. Live demo here: Any feedback is appreciated!

---

## [A universal ambilight](https://discourse.processing.org/t/a-universal-ambilight/1962)

<div class="topic-metadata">

**Author:** [@jb4x](https://discourse.processing.org/u/jb4x)\
**Replies:** 7\
**Last updated:** [December 20, 2018, 5:28pm UTC](https://discourse.processing.org/t/a-universal-ambilight/1962 "2018-12-20T17:28:40Z")

</div>

Hi everyone! This project is still a work in progress but I would like to share with you the progress I have made so far, the direction I want to follow and gather some feedback or advice about it. I wanted to build an…

---

## [P5.js Flappy bird](https://discourse.processing.org/t/p5-js-flappy-bird/5510)

<div class="topic-metadata">

**Author:** [@Stephcraft](https://discourse.processing.org/u/Stephcraft)\
**Replies:** 4\
**Last updated:** [December 18, 2018, 12:08pm UTC](https://discourse.processing.org/t/p5-js-flappy-bird/5510 "2018-12-18T12:08:36Z")

</div>

Hello, I made a flappy bird game using the p5.js library a while ago, Its posted on itch.io here: https://stephcraft.itch.io/flappy-bird Source code : var c; var sprite\_flappy; var sprite\_pipe; var sprite\_city; var…

---

## [G4P - playable preview of next version](https://discourse.processing.org/t/g4p-playable-preview-of-next-version/6628)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 2\
**Last updated:** [December 17, 2018, 9:57pm UTC](https://discourse.processing.org/t/g4p-playable-preview-of-next-version/6628 "2018-12-17T21:57:25Z")

</div>

This is a preview of the next version (4.2.0) of G4P and the latest control GView. GView allows you to embed 2D or 3D views into your sketch. These views also respond to mouse events so they can be programmed to perform…

---

## [I've started a Youtube-channel with Processing-tuts!](https://discourse.processing.org/t/ive-started-a-youtube-channel-with-processing-tuts/6531)

<div class="topic-metadata">

**Author:** [@timrodenbroeker](https://discourse.processing.org/u/timrodenbroeker)\
**Replies:** 2\
**Last updated:** [December 15, 2018, 6:17am UTC](https://discourse.processing.org/t/ive-started-a-youtube-channel-with-processing-tuts/6531 "2018-12-15T06:17:36Z")

</div>

Here’s the first video. Have fun!

---

## [Running PiCrate Sketches in GeanyIDE](https://discourse.processing.org/t/running-picrate-sketches-in-geanyide/6517)

<div class="topic-metadata">

**Author:** [@monkstone](https://discourse.processing.org/u/monkstone)\
**Replies:** 0\
**Last updated:** [December 11, 2018, 8:26pm UTC](https://discourse.processing.org/t/running-picrate-sketches-in-geanyide/6517 "2018-12-11T20:26:21Z")

</div>

PiCrate is a ruby wrapper around processing, developed to run on the RaspberryPi. You can easily install picrate on Raspbian Stretch OS using my simple Rakefile. See sketch running from GeanyIDE:-

---

## [Code to transform content for Holographic Pyramid with PGraphics](https://discourse.processing.org/t/code-to-transform-content-for-holographic-pyramid-with-pgraphics/6277)

<div class="topic-metadata">

**Author:** [@olotropic\_world](https://discourse.processing.org/u/olotropic_world)\
**Replies:** 2\
**Last updated:** [December 9, 2018, 11:14pm UTC](https://discourse.processing.org/t/code-to-transform-content-for-holographic-pyramid-with-pgraphics/6277 "2018-12-09T23:14:17Z")

</div>

Hello everyone I’ve created a code that can transform a three-dimensional content into holographic video for pyramid. For the purposes of example, a three-dimensional shape taken from the Processing examples was used. …

---

## [Steinhaus Cube Sketch](https://discourse.processing.org/t/steinhaus-cube-sketch/5632)

<div class="topic-metadata">

**Author:** [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Replies:** 1\
**Last updated:** [December 9, 2018, 1:23pm UTC](https://discourse.processing.org/t/steinhaus-cube-sketch/5632 "2018-12-09T13:23:02Z")

</div>

The Steinhaus Cube is a riddle where you have ro make a 3D cube from 6 wooden pieces. (Steinhaus Cube (Mikusiñski’s Cube)) see graphic: http://www.puzzlewillbeplayed.com/333/Steinhaus/ I made a 3D sketch where you ca…

---

## [Robotics with Johnny Five and p5](https://discourse.processing.org/t/robotics-with-johnny-five-and-p5/6032)

<div class="topic-metadata">

**Author:** [@monteslu](https://discourse.processing.org/u/monteslu)\
**Replies:** 1\
**Last updated:** [December 5, 2018, 3:25am UTC](https://discourse.processing.org/t/robotics-with-johnny-five-and-p5/6032 "2018-12-05T03:25:06Z")

</div>

Added a new library for using the johnny five robotics library (a.k.a. nodebots) with p5.js. Completely in browser using webUSB. More details on this thread: https://twitter.com/monteslu/status/1067528853671751680 an…

---

## [Jonno's Music Visualisers](https://discourse.processing.org/t/jonnos-music-visualisers/6132)

<div class="topic-metadata">

**Author:** [@Uncle\_Jonno](https://discourse.processing.org/u/Uncle_Jonno)\
**Replies:** 2\
**Last updated:** [December 1, 2018, 2:50am UTC](https://discourse.processing.org/t/jonnos-music-visualisers/6132 "2018-12-01T02:50:22Z")

</div>

Instead of spamming other threads, I thought I would make my own in the Beginner section. I’ve been having a go at music visualisers in Processing and MINIM. Sorry about the la…

---

## [AV Particle System Experiment](https://discourse.processing.org/t/av-particle-system-experiment/5958)

<div class="topic-metadata">

**Author:** [@deerfeeder](https://discourse.processing.org/u/deerfeeder)\
**Replies:** 0\
**Last updated:** [November 26, 2018, 4:31pm UTC](https://discourse.processing.org/t/av-particle-system-experiment/5958 "2018-11-26T16:31:08Z")

</div>

I’m currently working on the visuals for my new liveset (analog synths + vcv rack + midi). This is one of the outputs so far. A customized example from the PixelFlow Library. Some of the params are controlled and synced …

---

## [The Rainy Battle: New game made with Processing for Android published on Google Play](https://discourse.processing.org/t/the-rainy-battle-new-game-made-with-processing-for-android-published-on-google-play/5877)

<div class="topic-metadata">

**Author:** [@brunoruchiga](https://discourse.processing.org/u/brunoruchiga)\
**Replies:** 3\
**Last updated:** [November 26, 2018, 2:20am UTC](https://discourse.processing.org/t/the-rainy-battle-new-game-made-with-processing-for-android-published-on-google-play/5877 "2018-11-26T02:20:27Z")

</div>

Hello, everyone! I’d like to share a new game I made with Processing and Processing for Android, and it’s now published on Google Play. It was created for a Game Jam, based on the theme “rain”. I’ve been working on it f…

---

## [LSystems library updated](https://discourse.processing.org/t/lsystems-library-updated/5827)

<div class="topic-metadata">

**Author:** [@monkstone](https://discourse.processing.org/u/monkstone)\
**Replies:** 0\
**Last updated:** [November 22, 2018, 11:47am UTC](https://discourse.processing.org/t/lsystems-library-updated/5827 "2018-11-22T11:47:04Z")

</div>

For processing-2.2.1, I had created an LSystems library, that was hosted at project kenai. I had moved the project to github on demise of project kenai, but I had not updated the the build. If anyone is interested in usi…

---

## [Algorithmic music video made with Processing, released on raster media](https://discourse.processing.org/t/algorithmic-music-video-made-with-processing-released-on-raster-media/5773)

<div class="topic-metadata">

**Author:** [@kesson](https://discourse.processing.org/u/kesson)\
**Replies:** 0\
**Last updated:** [November 20, 2018, 5:36pm UTC](https://discourse.processing.org/t/algorithmic-music-video-made-with-processing-released-on-raster-media/5773 "2018-11-20T17:36:32Z")

</div>

Hello, I just released a video entirely made with Processing (and custom GLSL). The work is entirely synchronized with the music (involving FFT analysis, beat detection and sound spectrum analysis), and it was recordin…

---

## [Some algorithmic image making using Processing](https://discourse.processing.org/t/some-algorithmic-image-making-using-processing/5723)

<div class="topic-metadata">

**Author:** [@Craig](https://discourse.processing.org/u/Craig)\
**Replies:** 2\
**Last updated:** [November 19, 2018, 9:48pm UTC](https://discourse.processing.org/t/some-algorithmic-image-making-using-processing/5723 "2018-11-19T21:48:39Z")

</div>

I have been using Processing for a while to generate high-resolution images that are primarily used to make large inkjet prints. I made this video to discuss about the process and show how some of the ideas developed. Pl…

---

## [Game development framework with p5js renderer](https://discourse.processing.org/t/game-development-framework-with-p5js-renderer/4294)

<div class="topic-metadata">

**Author:** [@r4nd0m](https://discourse.processing.org/u/r4nd0m)\
**Replies:** 9\
**Last updated:** [November 14, 2018, 8:08pm UTC](https://discourse.processing.org/t/game-development-framework-with-p5js-renderer/4294 "2018-11-14T20:08:06Z")

</div>

Hi, I’m working on a new project. This is a JavaScript 2d game development framework based on my previous framework I used to developed Owom.io. Basically and improved version with a lot more cool stuff in it. It uses …

---

## [My First Sketch: Watch live bitcoin transactions](https://discourse.processing.org/t/my-first-sketch-watch-live-bitcoin-transactions/5316)

<div class="topic-metadata">

**Author:** [@inersha](https://discourse.processing.org/u/inersha)\
**Replies:** 4\
**Last updated:** [November 12, 2018, 4:53pm UTC](https://discourse.processing.org/t/my-first-sketch-watch-live-bitcoin-transactions/5316 "2018-11-12T16:53:48Z")

</div>

Hello everyone, This is my first p5.js sketch. It shows all the latest bitcoin transactions as raindrops: bitcoinrain\[dot\]io If you click on it you can see the current size of the memory pool (where new bitcoin transa…

---

## [My first two P3 Games(Java)](https://discourse.processing.org/t/my-first-two-p3-games-java/2920)

<div class="topic-metadata">

**Author:** [@Skys](https://discourse.processing.org/u/Skys)\
**Replies:** 5\
**Last updated:** [November 11, 2018, 2:04pm UTC](https://discourse.processing.org/t/my-first-two-p3-games-java/2920 "2018-11-11T14:04:08Z")

</div>

I read about Processing at “Heise.de MAKE”. now i love this strange kind of java processing. after my first experience with processing i tried to find some “more Professionell” compiler. but i do not find a language …

---

## [Add grid (function) to global namespace](https://discourse.processing.org/t/add-grid-function-to-global-namespace/5425)

<div class="topic-metadata">

**Author:** [@nick3499](https://discourse.processing.org/u/nick3499)\
**Replies:** 0\
**Last updated:** [November 11, 2018, 7:00am UTC](https://discourse.processing.org/t/add-grid-function-to-global-namespace/5425 "2018-11-11T07:00:30Z")

</div>

Add grid function to p5.js sketch: setup = () =\> { createCanvas(800, 200) background(249, 202, 6) } draw = () =\> { grid(30, 10, 20) // cols, rows, grid size } // x = num of cols; y = num of rows; s = grid size g…

---

## [Vector math for line-to-line intersection](https://discourse.processing.org/t/vector-math-for-line-to-line-intersection/5296)

<div class="topic-metadata">

**Author:** [@noahbuddy](https://discourse.processing.org/u/noahbuddy)\
**Replies:** 1\
**Last updated:** [November 10, 2018, 2:30am UTC](https://discourse.processing.org/t/vector-math-for-line-to-line-intersection/5296 "2018-11-10T02:30:38Z")

</div>

While learning about vectors, I worked through this to better understand line-to-line intersection math instead of simply using it “because it works”. final int N = 4; // Fixed number to make two segments int MAX\_DIST =…

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

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