Category: Interactive Music

I wanted to achieve a function so that sometime it appear sad and some other time it appear magical, depending on the user’s choice.

The two pieces I’m using for different mood are here:

Bright: http://jsfiddle.net/sunwangshu/rbnxe9s6/2/

Deep good dream: http://jsfiddle.net/sunwangshu/rbnxe9s6/3/

Chilly sad: http://jsfiddle.net/sunwangshu/raj7hthu/2/

Sad: http://jsfiddle.net/sunwangshu/raj7hthu/3/

Every 4 rounds, the random notes will toggle between a lot and a few.

Change distribution of randomness: http://jsfiddle.net/sunwangshu/cb7smjka/1/

Add some duo track

http://jsfiddle.net/sunwangshu/jhvjmwfo/

Aug.11 some cute play of 8n notes
http://jsfiddle.net/gL2f2gfg/

This little cutie almost never stops

http://jsfiddle.net/vuc6xvcb/

This jumps up and down non-stop

http://jsfiddle.net/wc6f79q1/

Duo and cycle between calm and intense

http://jsfiddle.net/sunwangshu/rsy6yugu/7/

http://jsfiddle.net/sunwangshu/rbnxe9s6/

It’s basically a static part playing together with random choice of notes.

Every six notes there’s a chance of rest.

var freeverb = new Tone.Freeverb().toMaster();
freeverb.dampening.value = 2000;
freeverb.roomSize.value = 0.9;
freeverb.wet.value = 1;

// note part
var synth1 = new Tone.SimpleSynth( {
	oscillator : {
  	type : "sine"
  },
  envelope : {
  	attack : 0.02,
    decay : 0.8,
    sustain : 0.7,
    release : 2
  }
}).connect(freeverb);

var synth2 = new Tone.SimpleSynth( {
	oscillator : {
  	type : "sine"
  },
  envelope : {
  	attack : 0.02,
    decay : 0.8,
    sustain : 0.7,
    release : 2
  }
}).connect(freeverb);

var dream_random = ["C4","E4","G4","A4","B4","C5","E5","G5","A5","B5","C6"];
var dream13567 = ["C4","E4","G4","A4","B4",0,"C4","E4","G4","A4","B4",0,"C4","E4","G4","A4","B4",0,"B4","C5","B4","G4","E4",0,];

for (var i = 0; i < 1000; i++) {
	var index = Math.floor(Math.random() * dream_random.length);
  var tone = dream_random[index];
  if (i % 6 == 5) {
  	var chance = Math.random();
    if (chance > 0.5) {
    	tone = 0;
    }
  }
  synth1.triggerAttackRelease(tone, "4n", i * 0.4);
  var index2 = i % dream13567.length;
  var tone2 = dream13567[index2];
  synth2.triggerAttackRelease(tone2, "4n", i * 0.4);
}

http://jsfiddle.net/sunwangshu/9bvp37p0/15/

Two melodies play together, with different bpm 76 and 77.

var sampleURL = "http://scarlettsan.me/resources/Dream_high.mp3";
var sampleURL2 = "http://scarlettsan.me/resources/Dream_high_76.mp3";

var player = new Tone.Player(sampleURL).toMaster();
var player2 = new Tone.Player(sampleURL2).toMaster();

//trigger the start of the sample once its loaded
Tone.Buffer.on("load", function(){
	player.loop = true;
  player2.loop = true;
  player.start();
  player2.start();
});

I tried some different combinations, different piece with one octative difference. And I think the same piece play with itself works the best.

Realization of notes:

Wind part chord: http://jsfiddle.net/sunwangshu/43wfqha0/2/

Piano part: http://jsfiddle.net/sunwangshu/rbnxe9s6/

The effects I added are something like room size and filters, so they sound distant maybe a little cold here.

Similar effects are achieved through this preset:

Random: http://jsfiddle.net/sunwangshu/43wfqha0/1/

Duo: http://jsfiddle.net/sunwangshu/gbnbnx85/

Code of Duo:

var freeverb = new Tone.Freeverb().toMaster();
freeverb.dampening.value = 2000;
freeverb.roomSize.value = 0.9;
freeverb.wet.value = 1;

// note part
var synth1 = new Tone.SimpleSynth( {
	oscillator : {
  	type : "sine"
  },
  envelope : {
  	attack : 0.02,
    decay : 0.8,
    sustain : 0.7,
    release : 2
  }
}).connect(freeverb);

var synth2 = new Tone.SimpleSynth( {
	oscillator : {
  	type : "sine"
  },
  envelope : {
  	attack : 0.02,
    decay : 0.8,
    sustain : 0.7,
    release : 2
  }
}).connect(freeverb);

var dream_random = ["C4","E4","G4","A4","B4","C5","E5","G5","A5","B5","C6"];
var dream13567 = ["C4","E4","G4","A4","B4",0,"C4","E4","G4","A4","B4",0,"C4","E4","G4","A4","B4",0,"B4","C5","B4","G4","E4",0,];

for (var i = 0; i < 1000; i++) { var index = Math.floor(Math.random() * dream_random.length); var tone = dream_random[index]; if (i % 6 == 5) { var chance = Math.random(); if (chance > 0.5) {
    	tone = 0;
    }
  }
  synth1.triggerAttackRelease(tone, "4n", i * 0.4);
  var index2 = i % dream13567.length;
  var tone2 = dream13567[index2];
  synth2.triggerAttackRelease(tone2, "4n", i * 0.4);
}

Basically, it is inspired by the five notes: 13567 (C3 E3 G3 A3 B3)

Then comes melody #1: 13567- 13567- 13567- 78753

Then comes melody #2: 7—– 717531 5

Then comes melody #3: 71 5–715 715715 3–21

Then comes melody #4: 71 5–135 7–357 1-7135 6-….

#1 forms something like a piano phase.

#2,#3,#4 each echoed once.

Then some decoration.

Finish.

——————— update Mar.23, 2016 ——————–

I love nature, I always wanted to create a clean feeling with my music.

Another music I made by now is:

For my music of nature, I would like to use traditional note like the piano and wind concept, to create the feeling of harmony and mist. Maybe some more glassy and high-pitched note for my little fairies, and some deep drum as the representation of the earth.

I really love the freeverb effect from Preset:

var freeverb = new Tone.Freeverb().toMaster();
freeverb.dampening.value = 2000;
freeverb.roomSize.value = 0.9;
freeverb.wet.value = 1;

“Piano”:

// note part
var synth1 = new Tone.SimpleSynth( {
oscillator : {
type : "sine"
},
envelope : {
attack : 0.02,
decay : 0.8,
sustain : 0.7,
release : 2
}
}).connect(freeverb).toMaster();

“wind part”:

var synth2 = new Tone.SimpleSynth( {
	portamento: 0,
  oscillator : {
  	type : "square4"
  },
  envelope : {
  	attack : 2,
    decay : 1,
    sustain : 0.2,
    release : 2
  }
}).connect(freeverb).toMaster();

I’m trying to add PolySynth effects to the windpart so I can play multiple notes at the same time.