joshua/dash-visualizer
1
0
Fork 0
mirror of https://github.com/seigler/dash-visualizer synced 2025-07-27 01:36:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

⚡ Colors are fun

Browse source
This commit is contained in:
Joshua Seigler 2018-01-10 20:03:41 -05:00
parent 446999743c
commit 621c9b9bfd
1 changed files with 19 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

33
app/application.js
View file

@ -73,15 +73,6 @@ var App = {
var onTransaction = function(data) { var onTransaction = function(data) {
console.log(data); console.log(data);
/* /*
if (!muted) {
if (data.valueOut < 10) {
playSound('tx-sm', playbackRate(data.valueOut, 0.00001, 10, 1, 1.5));
} else if (data.valueOut < 1000) {
playSound('tx-md', playbackRate(data.valueOut, 10, 1000, 0.5, 1));
} else if (data.valueOut >= 1000) {
playSound('tx-lg', playbackRate(data.valueOut, 6000, 1000, 0.25, 1));
}
}
var tx = document.createElement('div'); var tx = document.createElement('div');
tx.className = 'tx'; tx.className = 'tx';
var txValue = document.createElement('a'); var txValue = document.createElement('a');
@ -113,7 +104,19 @@ var App = {
} }
playground.insertBefore(tx, playground.firstChild); playground.insertBefore(tx, playground.firstChild);
*/ */
World.add(engine.world, Bodies.circle(width / 2 + Math.random() * 10, height + 50, 50, { density: 0.00001, frictionAir: 0.08 })); var position = width * Math.random();
var radius = Math.max(2, 20 * Math.log(data.valueOut) / Math.log(10));
World.add(engine.world, Bodies.circle(position + Math.random(), height + radius, radius, { density: 0.00001, frictionAir: 0.08, friction: 0.00001 }));
if (!muted) {
if (data.valueOut < 10) {
playSound('tx-sm', playbackRate(data.valueOut, 0.00001, 10, 1, 1.5));
} else if (data.valueOut < 1000) {
playSound('tx-md', playbackRate(data.valueOut, 10, 1000, 0.5, 1));
} else if (data.valueOut >= 1000) {
playSound('tx-lg', playbackRate(data.valueOut, 6000, 1000, 0.25, 1));
}
}
}; };
var onBlock = function(data) { var onBlock = function(data) {
@ -196,15 +199,17 @@ var App = {
engine: engine, engine: engine,
options: { options: {
width: width, width: width,
height: height height: height,
wireframes: false
} }
}); });
// create two boxes and a ground // create two boxes and a ground
var edges = [ var edges = [
Bodies.rectangle(-60, height / 2, 60, height + 10, { isStatic: true }), Bodies.rectangle(-30, height / 2, 60, height + 10, { isStatic: true }),
Bodies.rectangle(width + 60, height / 2, 60, height + 10, { isStatic: true }), Bodies.rectangle(width + 30, height / 2, 60, height + 10, { isStatic: true }),
Bodies.rectangle(width/2, -30, width + 10, 60, { isStatic: true }) Bodies.rectangle(width/2, -30, width * 1.25, 60, { isStatic: true, angle: Math.PI / 16 }),
Bodies.rectangle(width/2, -30, width * 1.25, 60, { isStatic: true, angle: -Math.PI / 16 }),
]; ];
// add all of the bodies to the world // add all of the bodies to the world