<commit_before># 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  
![](docs/img/hues_default.png)](http://0x40.mon.im/)  
[420 Hues  
![](docs/img/hues_420.png)](http://420.mon.im/)  
[Halloween Hues  
![](docs/img/hues_hlwn.png)](http://spook.mon.im/)  
[Christmas Hues  
![](docs/img/hues_xmas.png)](http://xmas.mon.im/)  

You can also have animations that sync perfectly with the beats of the songs. Inspired by Kepstin's Integral experiments.  
[420 Hues, Snoop Edition  
![](docs/img/hues_snoop.png)](http://420.mon.im/snoop.html)  
["Montegral"  
![](docs/img/hues_montegral.png)](http://0x40.mon.im/montegral.html)  
[More Cowbell  
![](docs/img/hues_cowbell.png)](https://0x40.mon.im/cowbell.html)  

For some examples of **fast, complicated and fancy** maps, here are some of my personal creations:  
[Black Banshee - BIOS](https://0x40.mon.im/custom.html?packs=BIOS.zip)  
[Drop It](https://0x40.mon.im/custom.html?packs=drop_it.zip)  
[Atols - Eden (buildup only)](https://0x40.mon.im/custom.html?packs=eden.zip)  
[AAAA - Hop Step Adventure](https://0x40.mon.im/custom.html?packs=hopstep.zip)  
[ミュン・ファン・ローン - MACROSS 82-99](https://0x40.mon.im/custom.html?packs=macross.zip)  
[MDK - Press Start (VIP Mix)](https://0x40.mon.im/custom.html?packs=press_start.zip)  
[<NAME> - Roguebot [Inspected]](https://0x40.mon.im/custom.html?packs=roguebot.zip)  
[Elenne - Vertical Smoke](https://0x40.mon.im/custom.html?packs=smoke.zip)  
[<NAME>lower - Wii Shop Channel (Remix)](https://0x40.mon.im/custom.html?packs=wii_remix.zip)  
[Nhato - Logos](https://0x40.mon.im/custom.html?packs=logos.zip)  

Finally there's these, which hook into the Hues javascript events to do something fresh:  
[Doors](https://0x40.mon.im/doors.html)  
[Does Lewis Have A Girlfriend Yet (xox love ya)](https://0x40.mon.im/lewis.html)  

## Creating your own songs
0x40 Hues comes with an integrated editor to create new songs and inspect existing ones.
[Read how to use it here](https://github.com/mon/0x40-web/blob/master/docs/Editor.md) - it's easier than you think!

## Install (Make your own Hues website)
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 `index.html`:
  1. If your html is in a different location to your `lib` folder:
    * Edit `workersPath` to point to the correct (relative) location.
  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 = {
    workersPath : "lib/workers/",
    respacks : ["./respacks/Defaults_v5.0_Opaque.zip", 
                "./respacks/HuesMixA.zip"
                ],
    firstSong : "Nhato - Miss You",
};
```

## Settings object  
See [HuesSettings.js](./src/js/HuesSettings.js#L29) for the possible options you
can put into the `defaults` object.

## Query string
Any setting that can go in the `defaults` object can also be dynamically specified in the URL.<commit_msg>Update path to HuesSettings.js in README<commit_after># 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  
![](docs/img/hues_default.png)](http://0x40.mon.im/)  
[420 Hues  
![](docs/img/hues_420.png)](http://420.mon.im/)  
[Halloween Hues  
![](docs/img/hues_hlwn.png)](http://spook.mon.im/)  
[Christmas Hues  
![](docs/img/hues_xmas.png)](http://xmas.mon.im/)  

You can also have animations that sync perfectly with the beats of the songs. Inspired by Kepstin's Integral experiments.  
[420 Hues, Snoop Edition  
![](docs/img/hues_snoop.png)](http://420.mon.im/snoop.html)  
["Montegral"  
![](docs/img/hues_montegral.png)](http://0x40.mon.im/montegral.html)  
[More Cowbell  
![](docs/img/hues_cowbell.png)](https://0x40.mon.im/cowbell.html)  

For some examples of **fast, complicated and fancy** maps, here are some of my personal creations:  
[Black Banshee - BIOS](https://0x40.mon.im/custom.html?packs=BIOS.zip)  
[Drop It](https://0x40.mon.im/custom.html?packs=drop_it.zip)  
[Atols - Eden (buildup only)](https://0x40.mon.im/custom.html?packs=eden.zip)  
[AAAA - Hop Step Adventure](https://0x40.mon.im/custom.html?packs=hopstep.zip)  
[ミュン・ファン・ローン - MACROSS 82-99](https://0x40.mon.im/custom.html?packs=macross.zip)  
[MDK - Press Start (VIP Mix)](https://0x40.mon.im/custom.html?packs=press_start.zip)  
[<NAME> - Roguebot [Inspected]](https://0x40.mon.im/custom.html?packs=roguebot.zip)  
[Elenne - Vertical Smoke](https://0x40.mon.im/custom.html?packs=smoke.zip)  
[Nicky Flower - Wii Shop Channel (Remix)](https://0x40.mon.im/custom.html?packs=wii_remix.zip)  
[Nhato - Logos](https://0x40.mon.im/custom.html?packs=logos.zip)  

Finally there's these, which hook into the Hues javascript events to do something fresh:  
[Doors](https://0x40.mon.im/doors.html)  
[Does Lewis Have A Girlfriend Yet (xox love ya)](https://0x40.mon.im/lewis.html)  

## Creating your own songs
0x40 Hues comes with an integrated editor to create new songs and inspect existing ones.
[Read how to use it here](https://github.com/mon/0x40-web/blob/master/docs/Editor.md) - it's easier than you think!

## Install (Make your own Hues website)
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 `index.html`:
  1. If your html is in a different location to your `lib` folder:
    * Edit `workersPath` to point to the correct (relative) location.
  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 = {
    workersPath : "lib/workers/",
    respacks : ["./respacks/Defaults_v5.0_Opaque.zip", 
                "./respacks/HuesMixA.zip"
                ],
    firstSong : "Nhato - Miss You",
};
```

## Settings object  
See [HuesSettings.ts](./src/js/HuesSettings.ts#L10) for the possible options you
can put into the `defaults` object.

## Query string
Any setting that can go in the `defaults` object can also be dynamically specified in the URL.
{'fraction_non_alphanumeric': 0.1447132616487455, 'fraction_numerical': 0.027479091995221028, 'mean_word_length': 3.8528985507246376, 'pattern_counts': {'":': 0, '<': 6, '<?xml version=': 0, '>': 6, 'https://': 30, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2574113', 'n_tokens_mistral': 2537, 'n_tokens_neox': 2355, 'n_words': 637}