Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

HARUN PEHLİVAN harunpehlivan

🏠
Working from home
View GitHub Profile
View color-ramp-generator.markdown
View beat-burger-cpc-sandwiches.markdown

Beat Burger (CPC Sandwiches)

Each component of the sandwich (meat, bun, cheese) corresponds to an instrument in the beat. Swap the components around and see what you can make!

A Pen by HARUN PEHLİVAN on CodePen.

License.

@harunpehlivan
harunpehlivan / generative-music-with-prime-numbers-cpc-cicada-principle.markdown
Created Jul 20, 2021
Generative Music with Prime Numbers (CPC Cicada Principle)
View generative-music-with-prime-numbers-cpc-cicada-principle.markdown

Generative Music with Prime Numbers (CPC Cicada Principle)

Generative music based on prime numbers/the cicada principle! 15 tones are assigned prime numbers; the tone then repeats every nth 8th note where n = the prime number it was assigned. Unique patterns for days! Inspired by Alex Walker's article. Created with tone.js for music and gsap for animations.

A Pen by HARUN PEHLİVAN on CodePen.

License.

@harunpehlivan
harunpehlivan / index.html
Created Jul 20, 2021
Musical Bubble Sort (CPC Bubble Sort)
View index.html
<div id="app">
<div class="container">
<div class="main">
<div class="title">
<h1>Musical Bubble Sort</h1>
</div>
<div class="graph">
@harunpehlivan
harunpehlivan / index.html
Created Jul 20, 2021
Piano Phase Planets (CPC Planets)
View index.html
<div class="info">
<a href="https://en.wikipedia.org/wiki/Piano_Phase#Composition" target="_blank" class="info__link">
?
</a>
<div class="info__popup">
Musical "phasing" generally has two identical lines of music, which begin by playing synchronously, but slowly become out of phase with one another when one of them slightly speeds up. This project is an attempt to visualize that technique. Click for
more specific info!
</div>
</div>
<div id="container" class="container">
View index.html
<div class="ctrl">
<label>
<div>Octave loop </div>
<input type="number" name="loop" min="1" max="7" value="1" /></label>
<label>
<div>Repeat keyboard</div>
<input type="number" name="repeat" min="1" max="5" value="3" /></label>
<label>
<div>Fifth</div>
<input type="range" name="fifth" min="0" max="1" value="0" step="0.01" />
View index.html
<div id="app"></div>
View index.html
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Piano Chords</title>
<link rel='stylesheet' href='https://rawgit.com/techpush/piano-chords/master/docs/css/main.css'>
</head>
<body>
<!-- partial:index.partial.html -->