It's really a joy to see the art and the weirdness that can be done with modern web technologies. Doubly reassuring that this is done with open technologies which can enable unique expression in the modern age.
Rendering the whole page on a canvas is the opposite of “open”, but whatever floats your boat. We’re going back to 2005 when it was fashionable to make your site be an single opaque SWF. Time is a flat circle.
There’s open as in “can make” and there’s open as in “can repurpose”. I believe the parent is talking about the latter. The great thing about HTML is that it is machine readable by default, and that allows for permissionless innovation like search engines. You wouldn’t get Google in a world where everything was rendered to a bitmap, standards-based drawing API or not.
That's shifting the goal posts quite significantly. HTML is machine-readable because it's less powerful than a drawing API. There's a lot of applications that can't be created with plain HTML.
I used to do weird web art back on Netscape 3 (1996). Honestly it's more surprising that browser art/music is so rarely done.
I think part of it is that the environment is inherently a state of distracted and constant navigating. The state of stillness and absorption you need for art/music is counter to the browsing state of mind.
Non-HTTPS doesn't mean "an attacker can modify how the website looks", it means "an attacker can server whatever the heck they want". Ads, malicious JS, or a PDF with a payload that pwns your machine... Neither you nor the "real" server are in control without encryption, a MITM can do anything.
That's very cool! On Firefox you really have to scroll like your life depends on it, somewhere around 12+ full scrolls per box.
The progressions appear to be something close to the following:
|A|: F6 - C7(♯5)
|B|: Dmi7 - A7 |Melody|: (D A) G F♯ E
I think it would be super cool to have add dynamic note selection. Maybe once you get to the |B| section you could cycle tonalities with each box. You could also have the melody be a function of each chord-duo's union of notes. I'm imagining something like the following, which is the combinations of
I like the small details, for example that the "pause" button doesn't immediately paus the music but it's (sort of) a very quick fade out instead. Actually, I would love to have that for normal music apps as well, normal pausing always seems so abrupt to me.
40 comments
[ 2.6 ms ] story [ 98.0 ms ] threadIt's really a joy to see the art and the weirdness that can be done with modern web technologies. Doubly reassuring that this is done with open technologies which can enable unique expression in the modern age.
Are you maybe saying canvasses are a step back for accessibility? Because I do see that problem (though hopefully it will be addressed).
apples and pairs
I think part of it is that the environment is inherently a state of distracted and constant navigating. The state of stillness and absorption you need for art/music is counter to the browsing state of mind.
E.g., add a click-handler for the play button, which triggers,
This is the former
A few comments remind me of the philosopher and Rubyist, _why:
“when you don't create things, you become defined by your tastes rather than ability. your tastes only narrow & exclude people. so create.”
The progressions appear to be something close to the following: |A|: F6 - C7(♯5) |B|: Dmi7 - A7 |Melody|: (D A) G F♯ E
I think it would be super cool to have add dynamic note selection. Maybe once you get to the |B| section you could cycle tonalities with each box. You could also have the melody be a function of each chord-duo's union of notes. I'm imagining something like the following, which is the combinations of
['mima7', 'mi7', 'mi6', 'mi(add ♭6)', 'ma7', '7', 'ma6', 'ma(add ♭6)'] and
['7', 'ma7', '7(♯5)']
|B1|: Dmima7 - A7
|B2|: Dmima7 - Ama7
|B3|: Dmima7 - A7(♯5)
|B5|: Dmi7 - A7
|B6|: Dmi7 - Ama7
|B7|: Dmi7 - A7(♯5)
|B9|: Dmi6 - A7
|B10|: Dmi6 - Ama7
|B11|: Dmi6 - A7(♯5)
|B13|: Dmi(add ♭6) - A7
|B14|: Dmi(add ♭6) - Ama7
|B15|: Dmi(add ♭6) - A7(♯5)
|B17|: Dma7 - A7
|B18|: Dma7 - Ama7
|B19|: Dma7 - A7(♯5)
|B21|: D7 - A7
|B22|: D7 - Ama7
|B23|: D7 - A7(♯5)
|B25|: Dma6 - A7
|B26|: Dma6 - Ama7
|B27|: Dma6 - A7(♯5)
|B29|: Dma(add ♭6) - A7
|B30|: Dma(add ♭6) - Ama7
|B31|: Dma(add ♭6) - A7(♯5)
You could also change the roots away from D and A. Just spitballing. I get nerdy on notes. ;)