Article Response and Tunes
The article was interesting and made important cases and responsive examples for today's world of unlimited screen sizes. Now more than ever, it is necessary to have fully-responsive screen sizes to offer the best user experience across all devices.
While the article went into great depth on responsiveness, it didn't quite touch on the mobile-first dev trend, which I thought was interesting until I saw the date of publication: 2010 (the mobile-first approach is relatively more recent).
Anyway, here are some tunes loosely based on 80's electronic music (think Stranger Things):
// javascript code
//
// script_name: strangerthings-ish.js
//
// author: Matt Gagliano
//
// description: 80's-inspired electronic
//
//
//Setup
init()
setTempo(140)
var intro = RD_CINEMATIC_SCORE_MAINDRUM_3;
var lead1 = ELECTRO_ANALOGUE_BASS_004;
var lead2 = RD_FUTURE_DUBSTEP_LEADSYNTH_13;
var subbass = RD_FUTURE_DUBSTEP_SUBBASS_10;
var lead3 = TECHNO_CLUB_ANALOGLEAD_004;
var lead4 = TECHNO_CLUB_ANALOGLEAD_005;
var drumloop = DUBSTEP_DRUMLOOP_MAIN_001;
var end = RD_EDM_SFX_RAZORDROP_1;
//Music
fitMedia(intro, 1, 1, 7);
fitMedia(lead1, 2, 3, 21);
fitMedia(lead2, 3, 7, 9);
fitMedia(subbass, 4, 9, 19);
fitMedia(lead3, 5, 8, 10);
fitMedia(lead4, 6, 10, 12);
fitMedia(drumloop, 7, 12, 19);
fitMedia(end, 8, 19, 21);
//Effects
setEffect(1, VOLUME, GAIN, -10, 1, 0, 3);
setEffect(5, VOLUME, GAIN, 0, 8, 5, 10);
setEffect(6, VOLUME, GAIN, 5, 10, -5, 12);
setEffect(2, VOLUME, GAIN, 0, 19, -10, 21);
//Finish
finish();
While the article went into great depth on responsiveness, it didn't quite touch on the mobile-first dev trend, which I thought was interesting until I saw the date of publication: 2010 (the mobile-first approach is relatively more recent).
Anyway, here are some tunes loosely based on 80's electronic music (think Stranger Things):
// javascript code
//
// script_name: strangerthings-ish.js
//
// author: Matt Gagliano
//
// description: 80's-inspired electronic
//
//
//Setup
init()
setTempo(140)
var intro = RD_CINEMATIC_SCORE_MAINDRUM_3;
var lead1 = ELECTRO_ANALOGUE_BASS_004;
var lead2 = RD_FUTURE_DUBSTEP_LEADSYNTH_13;
var subbass = RD_FUTURE_DUBSTEP_SUBBASS_10;
var lead3 = TECHNO_CLUB_ANALOGLEAD_004;
var lead4 = TECHNO_CLUB_ANALOGLEAD_005;
var drumloop = DUBSTEP_DRUMLOOP_MAIN_001;
var end = RD_EDM_SFX_RAZORDROP_1;
//Music
fitMedia(intro, 1, 1, 7);
fitMedia(lead1, 2, 3, 21);
fitMedia(lead2, 3, 7, 9);
fitMedia(subbass, 4, 9, 19);
fitMedia(lead3, 5, 8, 10);
fitMedia(lead4, 6, 10, 12);
fitMedia(drumloop, 7, 12, 19);
fitMedia(end, 8, 19, 21);
//Effects
setEffect(1, VOLUME, GAIN, -10, 1, 0, 3);
setEffect(5, VOLUME, GAIN, 0, 8, 5, 10);
setEffect(6, VOLUME, GAIN, 5, 10, -5, 12);
setEffect(2, VOLUME, GAIN, 0, 19, -10, 21);
//Finish
finish();
This reminds me of Tron somehow. Cool stuff.
ReplyDeleteThis reminds me of Tron somehow. Cool stuff.
ReplyDeleteMobile-first approach makes everything more fluid and easier to design, mostly because smaller screen resolutions tend to have much more limitations than a full-fledged 1920x1080 desktop with a mouse instead of a touch pad; it's easier to design a much more simple looking website first, and then add more complicated features using @media, which I am surprised to find out (just now) that it is a relatively new concept. I honestly thought that it came about around the time of the idea of responsive design. Huh.
ReplyDeleteBy the way, the tune really does sound very similar to what you hear in Tron (or at least is very atmospheric).