doohoyi/paradezzz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

p5.sound -> Tone.js

Browse source
This commit is contained in:
Dooho Yi 2022-01-18 23:20:44 +09:00
parent 10e8395739
commit a9b30fc182
3 changed files with 35 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -10,7 +10,7 @@
/> />
<script src="./js/p5-v1.1.9.min.js"></script> <script src="./js/p5-v1.1.9.min.js"></script>
<script src="./js/socket-v2.3.0.io.slim.js"></script> <script src="./js/socket-v2.3.0.io.slim.js"></script>
<script src="./js/p5-v0.3.11.sound.min.js"></script> <script src="./js/Tone-14.8.36.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap" rel="stylesheet"/>
<script src="sketch.js"></script> <script src="sketch.js"></script>

1
public/js/Tone-14.8.36.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

58
public/sketch.js
View file

@ -10,6 +10,14 @@ if (http_confirm == "http") {
window.location.replace("https://" + location.host); window.location.replace("https://" + location.host);
} }
function AudioImport(url) {
return new Promise(function(resolve, reject) {
var audio = new Tone.Player(url, function() {
resolve(audio);
}).toDestination();
});
}
var socket = io(location.host); var socket = io(location.host);
var n = 0; var n = 0;
var fr = 20; var fr = 20;
@ -20,14 +28,14 @@ var score;
let logo; let logo;
var silence; var silence;
function preload() { async function preload() {
loadJSON("/score.json", function(json) { loadJSON("/score.json", function(json) {
score = json; score = json;
}); });
silence = loadSound("./audio/_silence.wav"); silence = await AudioImport("./audio/_silence.wav");
} }
function setup() { async function setup() {
noCanvas(); noCanvas();
if (windowWidth > 1500 && windowWidth > windowHeight) { if (windowWidth > 1500 && windowWidth > windowHeight) {
fr = 30; fr = 30;
@ -35,26 +43,26 @@ function setup() {
fr =20; fr =20;
} }
frameRate(fr); frameRate(fr);
voice[0] = loadSound("./audio/018.mp3"); voice[0] = await AudioImport("./audio/018.mp3");
voice[1] = loadSound("./audio/011.mp3"); voice[1] = await AudioImport("./audio/011.mp3");
voice[2] = loadSound("./audio/14.mp3"); voice[2] = await AudioImport("./audio/14.mp3");
voice[3] = loadSound("./audio/012.mp3"); voice[3] = await AudioImport("./audio/012.mp3");
voice[4] = loadSound("./audio/17.mp3"); voice[4] = await AudioImport("./audio/17.mp3");
voice[5] = loadSound("./audio/11.mp3"); voice[5] = await AudioImport("./audio/11.mp3");
voice[6] = loadSound("./audio/013.mp3"); voice[6] = await AudioImport("./audio/013.mp3");
voice[7] = loadSound("./audio/022.mp3"); voice[7] = await AudioImport("./audio/022.mp3");
voice[8] = loadSound("./audio/020.mp3"); voice[8] = await AudioImport("./audio/020.mp3");
voice[9] = loadSound("./audio/021.mp3"); voice[9] = await AudioImport("./audio/021.mp3");
voice[10] = loadSound("./audio/014.mp3"); voice[10] = await AudioImport("./audio/014.mp3");
voice[11] = loadSound("./audio/16.mp3"); voice[11] = await AudioImport("./audio/16.mp3");
voice[12] = loadSound("./audio/015.mp3"); voice[12] = await AudioImport("./audio/015.mp3");
voice[13] = loadSound("./audio/18.mp3"); voice[13] = await AudioImport("./audio/18.mp3");
voice[14] = loadSound("./audio/12.mp3"); voice[14] = await AudioImport("./audio/12.mp3");
voice[15] = loadSound("./audio/019.mp3"); voice[15] = await AudioImport("./audio/019.mp3");
voice[16] = loadSound("./audio/13.mp3"); voice[16] = await AudioImport("./audio/13.mp3");
voice[17] = loadSound("./audio/016.mp3"); voice[17] = await AudioImport("./audio/016.mp3");
voice[18] = loadSound("./audio/017.mp3"); voice[18] = await AudioImport("./audio/017.mp3");
voice[19] = loadSound("./audio/023.mp3"); voice[19] = await AudioImport("./audio/023.mp3");
randomvoiceplay(); randomvoiceplay();
} }
@ -91,7 +99,7 @@ socket.on("connect", function() {
for (var idx = 9; idx > 0; idx--) { for (var idx = 9; idx > 0; idx--) {
var b = createButton(str(idx), str(idx)); var b = createButton(str(idx), str(idx));
b.mouseClicked(function() { b.mouseClicked(function() {
silence.play(); silence.start();
myroom = parseInt(this.value()); myroom = parseInt(this.value());
socket.emit("room", myroom, function(res) { socket.emit("room", myroom, function(res) {
@ -212,7 +220,7 @@ function draw() {
function randomvoiceplay() { function randomvoiceplay() {
(looper = function(timeout) { (looper = function(timeout) {
setTimeout(function() { setTimeout(function() {
voice[int(random(19))].play(); voice[int(random(19))].start();
looper(random(8000, 12000)); looper(random(8000, 12000));
}, timeout); }, timeout);
})(8000); })(8000);