omardelarosa

FIRST PROJECT DESCRIPTION

For the first project you will use your knowledge of front and back-end web development to produce an awesome web application that can be used by friends, family or any of the other billions of people who use the Internet. The type of web application you create is your choice.

The objective of this project is to:

• To apply knowledge by building a web application from the ground up.
• To demonstrate mastery of topics covered during this course.
• Showcase your abilities to potential employers, friends, family, and community members.

CORE REQUIREMENTS

omardelarosa

SECOND PROJECT DESCRIPTION

For the second project you will use your knowledge of front and back-end web development to produce an awesome web application that can be used by friends, family or any of the other billions of people who use the Internet. The type of web application you create is your choice.

The objective of this project is to:

• To apply knowledge by building a web application from the ground up.
• To demonstrate mastery of topics covered during this course.
• Showcase your abilities to potential employers, friends, family, and community members.

NEW REQUIREMENTS

omardelarosa

hello

omardelarosa

//search
var p4k = require('pitchfork')

// start the search
var search = new p4k.Search('wilco');

// listen for 'ready' event on the search
search.on('ready', function(results){
  // 'results' is an array of "Review" objects.  (see ./review.js for methods, etc)

omardelarosa

set :root, 60

T = 4.0

# This hash simulates a markov chain.
# Each key is the state and the array
# value represents the next state.
H = {
  60 => [58, 58, 58, 55, 60, 60, 60],
  58 => [60, 56, 56, 58, 60, 60],

omardelarosa

Generative Hip Hop using Markov Chaining

This represents one way of creating generative music by doing a randomized walk on a graph where each node represents a note state in a scale and each edge represents a transition. Edges are chosen randomly, but repetition of edges allows the simulation of weighted choices at each transition.

For example, given the following ruby hash representation:

H = {
  8 => [0],
  7 => [8],

omardelarosa

# Welcome to Sonic Pi v3.1
use_bpm 70
T = 4.0

# State machine utility functions
define :markov do |a, h| h[a].sample; end # Chooses the next state at  random from hash
define :g do |k| get[k]; end # simplified root note in scale getter
define :s do |k, n| set k, n; end # simplified root note setter
define :mnote do |key,chain| s key, (markov (g key), chain); g key; end
set :k, 1 # Init state

omardelarosa

###
###     This is a generative/randomized piece of music "composed" by Omar Delarosa
###
###     To see it in context, run this file in SonicPi.
###
###     Or visit on YouTube at: https://youtu.be/MBrVGzMIpRM
###

use_bpm 70
T = 4.0

omardelarosa

How To Build A Tiny Responsive Grid System

(link to post)

Since I moved my site/blog/etc over to this static, micro-site a while back, I haven't given it much ❤️ codewise. There are a lot of little visual issues, etc. I haven't had time to fix in my personal site that I spend all day fixing during my day job. Part of the issue is that I didn't design the stylesheets very well for this site and they can take time to reason about and edit. In an attempt to change that, I've built a micro, responsive grid system here to hopefully make visual updates to this site less painful based on a pretty decent tutorial I found.

How To Build Your Grid System

Variables

So for starters, you need to define a few variables. Think of these as the parameters for your grid system. These parameters are as follows:

omardelarosa

Example Drum Pattern Duration Randomization

This uses some slightly more interesting drum pattern randomization than I had previously been using. It kind of uses a 2-dimensional approach:

Initial hit Position

snares = [
  ringify('0000 1000 0000 1000'),
  ringify('0000 1000 0000 1010'),
  ringify('0100 1000 0000 1000')