{"id":16927953,"url":"https://github.com/pearmini/jerusalem","last_synced_at":"2025-12-24T17:49:11.284Z","repository":{"id":124231662,"uuid":"316361308","full_name":"pearmini/jerusalem","owner":"pearmini","description":"A collection of Processing sketches to depict the Jerusalem in my mind.☄️","archived":false,"fork":false,"pushed_at":"2023-12-21T12:04:56.000Z","size":23440,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-25T23:22:52.308Z","etag":null,"topics":["creative-coding","fire","ice","jerusalem","particle-physics","processing"],"latest_commit_sha":null,"homepage":"","language":"Processing","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pearmini.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-11-27T00:08:34.000Z","updated_at":"2023-12-26T02:58:00.000Z","dependencies_parsed_at":"2023-12-21T13:57:43.198Z","dependency_job_id":"aef4ba96-1c85-41ed-be8c-1d6302dcdc11","html_url":"https://github.com/pearmini/jerusalem","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pearmini%2Fjerusalem","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pearmini%2Fjerusalem/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pearmini%2Fjerusalem/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pearmini%2Fjerusalem/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pearmini","download_url":"https://codeload.github.com/pearmini/jerusalem/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244728188,"owners_count":20500023,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["creative-coding","fire","ice","jerusalem","particle-physics","processing"],"created_at":"2024-10-13T20:35:33.011Z","updated_at":"2025-12-24T17:49:11.274Z","avatar_url":"https://github.com/pearmini.png","language":"Processing","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Jerusalem\n\nThis is a collection of Processing sketches to depict the Jerusalem in my mind.\n\n## Overview\n\nThe Bible does not directly describe heaven, but depicts [Jerusalem](https://simple.wikipedia.org/wiki/Jerusalem), the holy city that fell from the sky, which like a model of heaven, or a corner of it. So the following sketches also depicts part of the heaven in my mind.\n\nThe code for all the sketches is not long, and I create each of them inspiring by one or other people’s projects.\n\n\u003ca href=\"https://www.openprocessing.org/sketch/748916\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail748916@2x.jpg\" height=\"192px\" \u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"https://www.openprocessing.org/sketch/725409\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail725409@2x.jpg\" height=\"192px\" \u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"https://www.openprocessing.org/sketch/643911\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail643911@2x.jpg\" height=\"192px\" \u003e\u003c/a\u003e\n\n\u003ca href=\"https://www.openprocessing.org/sketch/736203\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail736203@2x.jpg\" height=\"192px\"\u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"https://www.openprocessing.org/user/144707/#sketches\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail757223@2x.jpg\" height=\"192px\" \u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"https://www.openprocessing.org/sketch/645675\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail645675@2x.jpg\" height=\"192px\" \u003e\u003c/a\u003e\n\n\u003ca href=\"https://www.openprocessing.org/sketch/728303\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail728303@2x.jpg\" height=\"192px\"\u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"https://www.openprocessing.org/sketch/720376\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail720376@2x.jpg\" height=\"192px\" \u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"https://www.openprocessing.org/sketch/609639\"\u003e\u003cimg src=\"https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail609639@2x.jpg\" height=\"192px\"\u003e\u003c/a\u003e\n\n## Waltz of the circles\n\nThe Jerusalem in my mind begins with *Waltz of the circles*, which shows the beauty of math and the secret of the university. It is based on *[Instanced WebGL Circles](https://observablehq.com/@rreusser/instanced-webgl-circles)*. *Waltz of the circles* implements the similar effects of **Instanced WebGL Circles** in Processing and adds some interactions which makes it more expressive and interesting.\n\nThe most remarkable thing of *Waltz of the circles* is that although the whole visual effects is complex, the basic shape forms it is very simple. They are just some basic circles with diameter, color, position varying over time by triangular function.\n\nWhen users move their mouse vertically, they can see how the change of the amount of the circles affects the final visual effects to better understand its principle. They can also move their mouse horizontally to reduce or increase the vertices of each circle to experience different beauty.\n\nSo the Jerusalem in my mind begins just like the mysterious universe where you **put some math and some fundamental elements and you’ll be impressed by its evolutionary results.**\n\n\u003ca href=\"./waltz_of_the_circles/waltz_of_the_circles.pde\"\u003e\u003cimg src=\"./waltz_of_the_circles/screenshots/example.gif\" height=\"500px\"\u003e\u003c/a\u003e\n\n## Ice and Fire\n\nInstead of using math to control particles, it is also possible to use physic principles to combine them into any shapes, then here comes to *Ice and Fire*.\n\n*Ice and Fire* is inspired by the *[Fire brush](https://www.openprocessing.org/sketch/415191)*, I change the color, shape and the definition of the particles.\n\nNormally, fire and ice can’t coexist, but in my Jerusalem ice can burns into fire. This reveal one of the greatest joy of coding that you the god for your program, and here I make two contradictory things look harmonious.\n\nThere is an old saying that the sun always comes after wind and rain, but here fire comes after ice. **A single spark can start a prairie fire after ice and snow, just like we need try hard to succeed.**\n\n\u003ca href=\"./ice_and_fire/ice_and_fire.pde\"\u003e\u003cimg src=\"./ice_and_fire/screenshots/example.gif\" height=\"500px\"\u003e\u003c/a\u003e\n\n## Acqman\n\nSince fire and ice are mentioned, water cannot be ignored. And the sea has the most water in the world, so I must add the king of the sea to my Jerusalem, *Acqman*, who is one of my favorite super heroes.\n\nThere is a wonderful line in the movie \"Acqman\": **What could be greater than a king? A hero. A king only fights for its nation. You fight for everyone.**\n\nEveryone is looking for sunshine, but no one can survive without air. Just like the king of sea who always comes and goes without a trace and silently protects everyone.\n\n\u003ca href=\"./acqman/acqman.pde\"\u003e\u003cimg src=\"./acqman/screenshots/example.gif\" height=\"500px\"\u003e\u003c/a\u003e\n\n## Tree Plant\n\n**A flower can be a world, and a particle can be a planet.**\n\nI based the planet created by [Santiago Fiorino](https://www.openprocessing.org/sketch/567018) to build a planet can grows tree by my own. Each time you click the planet, it will grow a tree with a random color.\n\nAnd on this tree plant, it can only consist of three at most, otherwise the extra trees will die.\n\n\u003ca href=\"./tree_planet/tree_planet.pde\"\u003e\u003cimg src=\"./tree_planet/screenshots/example.gif\" height=\"500px\"\u003e\u003c/a\u003e\n\n## Gluttonous Squid\n\nWhenever there is a plant, there will be a monster trying to eat it.\n\nIn my Jerusalem, it is the *Gluttonous Squid* which is  inspired by this this *[Weird tentacle thingie](https://www.openprocessing.org/sketch/184838)*. It is so cute that you will not be angry at all even it eats colorful plants for fun. The closer the mouse to it, the larger and faster it is.\n\n**There is always a little monster in everyone's deep  heart, it has our best and worst sides.**\n\n\u003ca href=\"./gluttonous_squid/gluttonous_squid.pde\"\u003e\u003cimg src=\"./gluttonous_squid/screenshots/example.gif\" height=\"500px\"\u003e\u003c/a\u003e\n\n## Rainbow Dragon\n\nSpeaking to monster, I must illustrate the oldest and the most distinguished creature -- **Rainbow Dragonin** my Jerusalem.\n\nThe background of the sketch is my favorite color yellow and with the help of  perlin noise and HSB color mode, a dragon consist of some rectangles has been created smoothly.\n\n“My mom always said life was like a box of chocolates. You never know what you're gonna get.” And here life was like a group of rectangles, you never know how they will look like in the end.\n\n**Uncertainty makes life worth looking forward to.**\n\n\u003ca href=\"./rainbow_dragon/rainbow_dragon.pde\"\u003e\u003cimg src=\"./rainbow_dragon/screenshots/example.gif\" height=\"500px\"\u003e\u003c/a\u003e\n\n## Mr.Bug\n\nThere is also a tiny little *Mr.Bug* except monsters and dragons. Unlike terrible and annoying bugs in programming, this bug is full of energy and is able to be easily getting along with. His dream is to travel around the world, which is the entire sketch for a 2d creature. Every time he reaches a new place, he will paint the cell as a sign of coming and this will eventually forms an amazing color pattern.\n\nHe can travel in BFS(Breadth-first search) or DFS(Depth-first search) algorithm, and switch between the two methods when user clicks the screen which makes him paint the world with both advantages of BFS and DFS.\n\nThe left picture below is only in BFS mode, it is a little bit monotonous, because the color is layer by layer as a result of the main feature of BFS. The middle picture below is only in DFS mode, it is not tedious but looks like in chaos. While the pattern is pretty comfortable and amusing when the bug takes into both modes account.  \n\n**In real life, BFS means doing a part of tasks by turn, while DFS means doing tasks one by one. The bug tell us the truth that only when we make balance between two of methods, we can achieve a better outcome and enjoy a more pleasing and memorable journey.**\n\nThis sketch is inspired by the great work done by [Mike Bostock](https://bl.ocks.org/mbostock/11337835).\n\n\u003ca href=\"./mr_bug/mr_bug.pde\"\u003e\u003cimg src=\"./mr_bug/screenshots/bfs.gif\" height=\"250px\" \u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"./mr_bug/mr_bug.pde\"\u003e\u003cimg src=\"./mr_bug/screenshots/dfs.gif\" height=\"250px\" \u003e\u003c/a\u003e\u0026emsp;\u003ca href=\"./mr_bug/mr_bug.pde\"\u003e\u003cimg src=\"./mr_bug/screenshots/both.gif\" height=\"250px\"\u003e\u003c/a\u003e\n\n## Broken Heart\n\n**In my Jerusalem, sadness makes happiness more memorable.**\n\n Although a happy tree planet, a fearless gluttonous squid, a unpredictable rainbow dragon and a delightful Mr.bug makes my Jerusalem a happy place, there is also a broken heart representing despair and helpless.\n\nThis heart has been deformed hurt by the sad news it saws. **No matter what, life is joy in suffering and all we can do is trying to be cute at the bottom of life.**\n\n\u003ca href=\"./broken_heart/broken_heart.pde\"\u003e\u003cimg src=\"./broken_heart/example.gif\" height=\"500px\"\u003e\u003c/a\u003e\n\n## Clutch Shot\n\nAnd finally it comes to *Clutch Shot* which is the first Processing sketch I created and it is the key to my Jerusalem. **Because it is the first time that I use code to record a tiny moment in my life which show me to a fancy world.**\n\nIt tells a sad but educational story about an extremely dramatic basketball final in our University. Our team was ahead of about 20 points in the first half of the game, but was lost at the last second.\n\nThere is a big shooter and the defender is insignificant small compared to him. The result is obvious, the small ball is about to be thrown into the big basket!\n\n\u003ca href=\"./clutch_shoot/clutch_shoot.pde\"\u003e\u003cimg src=\"./clutch_shoot/screenshots/example.png\" \u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpearmini%2Fjerusalem","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpearmini%2Fjerusalem","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpearmini%2Fjerusalem/lists"}