Skip to content

Instantly share code, notes, and snippets.

View hamoid's full-sized avatar
🎨

Abe Pazos hamoid

🎨
285 followers · 41 following
View GitHub Profile
@hamoid
hamoid / youtubeCoveringPage.html
Last active December 16, 2015 22:39
A YouTube video below, a layer covering the whole page above
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Layer covering video</title>
<style type="text/css">
html, body {
padding: 0px;
margin:0px;
}
#overlay {
@hamoid
hamoid / multiple_frame_rates.pde
Created May 3, 2013 12:36
In Processing, frameRate() sets the global frame rate. It does not allow to set independent frame rates for different objects. To achieve that, you can avoid drawing every object on every frame, effectively reducing the frame rate for some objects. You can learn more about the modulo operation (%), if statements and other concepts used in this p…
void setup() {
// Global frame rate is 30 fps
// 1 second = 30 frames
frameRate(30);
}
void draw() {
// Change the background once every 30 frames
// 30 frames is 1 second, so that means
// change the background at 1 fps
if(frameCount % 30 == 0) {
@hamoid
hamoid / tumblr_pjs.js
Created January 21, 2014 23:12
/*Swiped from https://github.com/annasob/processing-js
* This code searches for all the <script type="application/processing" target="canvasid">
* in your page and loads each script in the target canvas with the proper id.
* It is useful to smooth the process of adding Processing code in your page and starting
* the Processing.js engine.
*/
if (window.addEventListener) {
window.addEventListener("load", function() {
var scripts = document.getElementsByTagName("script");
var canvasArray = Array.prototype.slice.call(document.getElementsByTagName("canvas"));
@hamoid
hamoid / EnergyGrid.pde
Last active August 29, 2015 13:56
// JavaScript code by Sean Angley ported to Processing.
// Original: https://www.khanacademy.org/cs/energy-grid/5571983911682048
//click to energize the grid
float a = 0;
float b = 0;
int dens = 8; //density - ! numbers higher than 20 may slow down your browser !
float d; // must be initiazed after size();
float e = 180; //energy
@hamoid
hamoid / AnimatedBranchesAndLeaves.pde
Last active August 29, 2015 14:04
Response to code-comment on funprogramming.org (branches and leaves)
// http://funprogramming.org/76-Slowly-morphing-bezier-curves.html#comment-1520486548
PGraphics pg;
void setup() {
size(500, 400);
pg = createGraphics(width, height);
}
void draw() {
background(255);
pg.clear();
@hamoid
hamoid / watchRenames.sh
Last active August 29, 2015 14:08
Keep Markdown in sync when images are renamed
#!/bin/bash
# This scripts automatically updates text files when asset files are renamed
# Given page.md containing ![Image](/static/images/1234.jpg)
# if you rename the file 1234.jpg to awesome_jungle.jpg
# it will update page.md to ![Image](/static/images/awesome_jungle.jpg)
# Works on Linux (untested in Mac, where sed is slightly different).
# I place the script in my images/ folder and let it run while I rename images.
@hamoid
hamoid / ColourLover.pde
Created February 7, 2015 13:07
Processing function to get a random color set from ColourLovers
void setup() {
size(displayWidth, displayHeight);
int[] colors = getColorLove();
println(colors);
noStroke();
for(float x=0; x<width; x+=random(100)) {
fill(colors[(int)random(colors.length)]);
rect(x, 0, width, height);
}
}
@hamoid
hamoid / theme.txt
Last active March 3, 2023 03:11
Processing 3.5.4 IDE dark theme. See thread for 4.0 version (haven't tested it, 4.0b4 crashes for me).
# Processing 3.5.4 IDE - dark theme
# Updated version by @RandomGuy3015
# File location: processing-3.5.4/lib/theme.txt
# Make a backup of the original theme.txt
# Then replace it with this code
# Code colors can be adjusted in the preferences.txt file
@hamoid
hamoid / lemonade-dream.scd
Last active August 2, 2016 19:42
(
SynthDef(\lemonade_dream, {
arg gate = 1,
freq = 440,
f2 = 500,
spreadf = 222,
sustain = 1,
amp = 0.1,
mix = 0.1,
release = 0.1;
@hamoid
hamoid / darken-page-bookmarklet.js
Created February 6, 2016 10:32
Bookmarklet that makes pages dark, by applying white background to everything, then applying filter invert and grayscale
javascript:(function()%20{%20var%20tag%20=%20document.createElement('style');%20tag.type%20=%20'text/css';%20document.getElementsByTagName('head')[0].appendChild(tag);%20tag[%20(typeof%20document.body.style.WebkitAppearance=='string')%20?%20'innerText'%20:%20'innerHTML']%20=%20'*%20{%20background-color:%20white%20!important;%20color:%20#444%20!important;%20%20}%20html%20{%20filter:%20invert(100%)%20grayscale(100%);%20}';%20})();