Update README.md

master
mon 10 years ago
parent 7003e02617
commit 42384d86d3
  1. 29
      README.md

@ -3,14 +3,35 @@ A fairly complete HTML5/CSS3 Canvas + Web Audio clone of the 0x40 Hues Flash.
Should work on most modern browsers. Should work on most modern browsers.
Example pages: ## Example pages:
[Default Hues](http://0x40.mon.im/) [Default Hues](http://0x40.mon.im/)
[420 Hues](http://420.mon.im/) [420 Hues](http://420.mon.im/)
[Halloween Hues](http://spook.mon.im/) [Halloween Hues](http://spook.mon.im/)
You can also have animations that sync perfectly with the beats of the songs. Inspired by Kepstin's Integral experiments. You can also have animations that sync perfectly with the beats of the songs. Inspired by Kepstin's Integral experiments.
[420 Hues, Snoop Edition](http://420.mon.im/snoop.html) [420 Hues, Snoop Edition](http://420.mon.im/snoop.html)
["Montegral"](http://0x40.mon.im/montegral.html) ["Montegral"](http://0x40.mon.im/montegral.html)
If you would like to know how to customise your own Hues, the 420 Snoop Hues contain almost all the configuration options you'd ever want to use. ## Make your own Hues
A commented list of all possible settings is at the top of HuesSettings.js 1. Start by downloading the latest [release](https://github.com/mon/0x40-web/releases). 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
1. 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/"`
3. Edit the `defaults` object so the `respacks` list contains the respacks you wish to load.
3. *Optional:* Add any extra settings to the `defaults` object.
4. Upload everything to your server!
### Example settings
```javascript
var defaults = {
respacks : ["./respacks/Defaults_v5.0.zip",
"./respacks/HuesMixA.zip",
],
firstSong : "Nhato - Miss You",
};
```
## Settings object
See [HuesSettings.js](https://github.com/mon/0x40-web/blob/master/js/HuesSettings.js#L23) for the possible options you can put into the `defaults` object.

Loading…
Cancel
Save