Skip to content

Instantly share code, notes, and snippets.

Avatar

Abe Pazos hamoid

View GitHub Profile
@hamoid
hamoid / youtubeCoveringPage.html
Last active Dec 16, 2015
A YouTube video below, a layer covering the whole page above
View youtubeCoveringPage.html
<!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
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…
View multiple_frame_rates.pde
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) {
View tumblr_pjs.js
/*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"));
View EnergyGrid.pde
// 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 Aug 29, 2015
Response to code-comment on funprogramming.org (branches and leaves)
View AnimatedBranchesAndLeaves.pde
// 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 Aug 29, 2015
Keep Markdown in sync when images are renamed
View watchRenames.sh
#!/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 Feb 7, 2015
Processing function to get a random color set from ColourLovers
View ColourLover.pde
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 Dec 3, 2021
Processing IDE dark theme
View theme.txt
# Processing IDE - dark theme
# Deprecated! See below for a newer version for Processing 3.5.4 by @RandomGuy3015
# File location: processing-3.0a5/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
View lemonade-dream.scd
(
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 Feb 6, 2016
Bookmarklet that makes pages dark, by applying white background to everything, then applying filter invert and grayscale
View darken-page-bookmarklet.js
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})();