Readit News logoReadit News
Okazari commented on Show HN: PowerFour, a yummy React Connect-4 game   github.com/Okazari/PowerF... · Posted by u/Okazari
Okazari · 8 years ago
I know it's a bit gross. I made this on stream and just wanted to share :)
Okazari commented on Show HN: Make your web page dance with Rythm.js   okazari.github.io/Rythm.j... · Posted by u/Okazari
harel · 9 years ago
Turned on microphone, started finger drumming on laptop. This was more fun than I expected it to be.
Okazari · 9 years ago
Did it work as you expected ?
Okazari commented on Show HN: Make your web page dance with Rythm.js   okazari.github.io/Rythm.j... · Posted by u/Okazari
tribby · 9 years ago
It's missing variable fonts with animated font-variation-settings

...I'll see myself to the door :)

Okazari · 9 years ago
Why don't you try to contribute by adding this kind of dance ? Could be challenging but really fun ! (Check out the "Contributing" part README, adding a dance should be easy)
Okazari commented on Show HN: Make your web page dance with Rythm.js   okazari.github.io/Rythm.j... · Posted by u/Okazari
maeln · 9 years ago
Look at Javascript demos on pouet.net[1] a lot of people synthesised art on the web :) . And with WebGL you can do some really fun stuff nowaday.

[1] http://www.pouet.net/prodlist.php?platform[]=JavaScript&page...

Okazari · 9 years ago
Wow awesome link ! I will try this out for sure :p !
Okazari commented on Show HN: Make your web page dance with Rythm.js   okazari.github.io/Rythm.j... · Posted by u/Okazari
kixpanganiban · 9 years ago
Fun idea, but as soon as I hit `Start Demo` my CPU usage spiked up. Good way to exhaust a laptop/mobile device's battery ;)
Okazari · 9 years ago
Could you fill up an issue on github with all your specifications ? I think this is worth investigating.
Okazari commented on Show HN: Make your web page dance with Rythm.js   okazari.github.io/Rythm.j... · Posted by u/Okazari
gorg75 · 9 years ago
First I thought the script just made things bounce at intervals, but then I noticed the different boxes for base, mid and high range sounds actually follow the changes in the music. How do they do this? - I guess I should read the source code :)
Okazari · 9 years ago
The other answer show exactly the good code lines.

To describe it fast : I keep an history of frequency (size customable) and compare the subscribed frequency range to its relative history max / min value. I get a percentage out of it that i give to the dance function associated to this specific class.

Okazari commented on Show HN: Make your web page dance with Rythm.js   okazari.github.io/Rythm.j... · Posted by u/Okazari
throwaway2016a · 9 years ago
Needs an option to enable only when the Konami Code is entered.
Okazari · 9 years ago
There is library to make easter eggs using konami code. My company did use it along with rythm.js if you want to check it out. https://www.zenika.com
Okazari commented on Show HN: Make your web page dance with Rythm.js   okazari.github.io/Rythm.j... · Posted by u/Okazari
crispinb · 9 years ago
I (charitably) assumed it was deliberate because of a name clash with something.
Okazari · 9 years ago
You're right :), Rhythm.js were taken and Rythm is close to the initial french spelling.

u/Okazari

KarmaCake day57February 5, 2017View Original