cynic
/
0x40-web
mirror of https://github.com/kurisufriend/0x40-web
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 Commits
3 Branches
10 Tags
2.0 MiB
 
 
 
Tag: Branch: Tree: 238577c283
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '238577c283'
${ noResults }
William Toohey 238577c283
Remove fontawesome from makefile 		10 years ago
css Cleanup symbol fonts for 800kb savings 10 years ago
fonts Cleanup symbol fonts for 800kb savings 10 years ago
img Drastically improve Xmas UI performance 10 years ago
js Cleanup symbol fonts for 800kb savings 10 years ago
old Massive changes, see full text 10 years ago
.gitignore Add license, update gitignore 10 years ago
LICENSE Add license, update gitignore 10 years ago
Makefile Remove fontawesome from makefile 10 years ago
README.md Update README.md 10 years ago
favicon.ico Minor cleanups, add favicon 10 years ago
index-min.html Make reference and version JS populated 10 years ago
index.html Make reference and version JS populated 10 years ago

README.md

0x40-web

A fairly complete HTML5/CSS3 Canvas + Web Audio clone of the 0x40 Hues Flash.

Should work on most modern browsers.

Example pages:

Default Hues
420 Hues
Halloween Hues

You can also have animations that sync perfectly with the beats of the songs. Inspired by Kepstin's Integral experiments.
420 Hues, Snoop Edition
"Montegral"

Make your own Hues

  1. Start by downloading the latest release. These are minified and load faster.
  2. Put your respack zips somewhere they can be found by your web server. My hues have a respacks/ folder under the main directory.
  3. Edit the Javascript that runs on page load
  4. If your html is in a different location to your js folder: * Edit zip.workerScriptsPath to point to the correct (relative) location. * Add the mp3WorkerPath setting to the defaults object and change it from its default value of "js/mp3/"
  5. Edit the defaults object so the respacks list contains the respacks you wish to load.
  6. Optional: Add any extra settings to the defaults object.
  7. Upload everything to your server!

Example settings

var defaults = {
    respacks : ["./respacks/Defaults_v5.0.zip", 
                "./respacks/HuesMixA.zip",
                ],
    firstSong : "Nhato - Miss You",
};

Settings object

See HuesSettings.js for the possible options you can put into the defaults object.