Kyle's public fiddles
-
Emotional Piano Vis v0.92
Made huge change with how the button effects and audio is played; rather than an integrated function in the div container, it is all now linked by specific classes labelled by the naming system the lab uses. That is, all you have to do is: Create new object in javascript with the performer, key, url, etc. Add class to button you want to be linked to this piece. This creates a much deeper connection between the piece and buttons as it is part of an actual object. This also means we can have a seperate file for JUST the audio object declarations.
-
Building a better audio play button/function
jQuery 2.1.3, HTML, CSS, JavaScript
-
Emotional Piano Vis v0.91
Added CSS for smaller screen size, still need a 3rd mobile-friendly version
-
Emotional Piano Vis v0.9
Integrated adaptive scatterplot, added three more menu items and filled them with content. Everything seems to be functional. Just need to fill in last four performer information
-
u91L06x8
No-Library (pure JS), HTML, CSS, JavaScript
-
Audio Timeout and cancel
No-Library (pure JS), HTML, CSS, JavaScript
-
New Adaptive Plot Function
jQuery 2.1.3, HTML, CSS, JavaScript
-
Emotional Piano Vis v0.9
Fixed a few visual bugs, added defaults, changed graph and graph function to plot only on y-axis, added in Bach
-
X-Y graph display
Scatterplot i made up, you can set buttons to change data display using the plotData function. It takes 13 data points, but more can easily be added. Current problem, tool tip can appear below data points....
-
Emotional Piano Vis v0.8
Reworked data display, allows x/y input, displays data NOT pixels, reworked album art display (now divs, not inputs), arranged to support 13 diff artists.
-
Emotional Piano Vis v0.7
Added interaction/functionality with the graph. Tool tips PLUS linked hover/click effects PLUS click data to play.
-
Emotional Piano Vis v0.6
Working on data visualizer; added animate effect and function to shift data to new points for each level 3 menu time. Each menu will need it's own set of data with seperate CSS elements, so that they can be linked to one album each for click/play, and hovered with tooltip/data point.
-
Emotional Piano Vis v0.5
NOTE: this is styled with the host website in mind http://maplelab.net/applet-test-page/ and thus breaks a little bit here. for some reason... Expanded on content system, rearranged "additional" content and added data plot section
-
Basic Scatter Plot
simply displaying data
-
Emotional Piano Vis v0.4
Note that this looks better on its host website: http://maplelab.net/applet-test-page/ To note, images used are sized specifically for the applet, and pieces are only loaded when you call on them to play them. This way, page load time is super snappy. Still needs to be cleaned up/rewritten for clarity
-
v0.2 Emotional Piano Visualizer
jQuery 2.1.3, HTML, CSS, JavaScript
-
Piano menu
jQuery 2.1.3, HTML, CSS, JavaScript
-
Visual music player v0.1
Emotional Piano practice