mon/0x40-web

Pretty images and colours

0x40-web's Issues

Suggestion

I'm using inverted pictures so the background doesn't fk up based on your resolution. The first character of my buildup is "i" so everything looks normal.

I noticed the blackouts are white outs when inverted. I think it'd be a good idea to include a white out character so things like this can be completely controlled.

Halve/Double buttons function while beat no. is locked

THIS IS CATASTROPHICALLY BAD

Add support for the Opus codec?

Just wondering if this has been considered, as Opus is the successor to Vorbis, and hardware decoding does not seem to be a concern for this project. The biggest caveat I can see is that their extensions could be the same (ogg) so would require reading the metadata to determine the correct decoder

Regardless, thanks for all your hard work! I've been using this on and off since at least early 2016 and it has only improved in that time

Whiteout effect while inverted has glitchy bright frame during fade

This is visible in the track "Alstroemeria Records - End of Daylight" on https://portal.0x40.ga/pack/17/view which makes heavy use of whiteouts while inverted to get a blackout effect.

Wallpaper Engine

Hiya,

I'm trying to get your version of 0x40 hues to work with Wallpaper Engine: http://steamcommunity.com/app/431960

It has a feature that lets you set a webpage to your desktop. The problem is that it errors when trying to fetch the respacks with error 0. I tried calling the page from another html file so that I could invoke query strings, but ran into the same issue. What does seem to work is adding respacks through the built in options menu, as long as you call none at the start.

Is there any easy way to call the function that imports local zips from the option menu? If so, would I be able to just call that function on load to fetch after the page is initialized automatically?

Thanks,
James

How to run this file on your own server？

The step is too complicated，i just input this command

npm install gulp -g
 npm install

but error；

New song inits with builduprhythm locked

This causes the double/halve buttons to be non-functional until you unlink the nonexistent buildup.

New song should init unlinked, then automatically link when a buildup is added? Else, double/halve should function as normal when no buildup is present, even if set to link.

UI/UX - Toggle window and select the right tab when clicking UI icons

Issue description

• When we click on the cog icon, we can click again to close the window, that's not the case for the question mark icon.
• When we click on the question mark icon, the info tab is displayed, when we click on the cog icon, the info tab is still displayed, nothing change.

IMO: Expected missing behaviour

• When clicking the question mark icon, it should close the window if already shown and already on the INFO tab (call the window toggle)
  

• When clicking the cog icon, it should call selectTab("OPTIONS") to display the right tab if the window is closed or not on the OPTIONS tab (and keep the toggle window)
  

TL;DR: Both buttons (cog and question mark) should share the same features (If window already displayed: select the right tab OR close the window if already on it. If window is not displayed: open the window and select the right tab)

New line at beat functions in an unintuitive or broken fashion

Expected behaviour: the editor's textbox creates new lines after every specified number of beats/characters.

Observed behaviour: At it's default of 16, 64 beats are on each line. (4 beats to a... beat???)
Lowering the number to 15 results in 60 beats (again, 4 beats to a beat?)
Lowering it to 14 results in 70 beats, 13 to 65, 12 to 72, etc.

I'm sure there's some logic behind how it works this out, but it doesn't make any sense to me. In my mind, this should be a literal count of each beat. If 16 is inputted, a new line should be created after 16 characters.

Remote respacks not loading

Seems to be a similar issue to #53 - cdn.0x40hu.es does not respond (nor even to ping), so when attempting to load the remote respacks, it eventually times out and says "Could not load list! Click to try again". Is it possible to get a fix, or if not, are the respacks still available somewhere else?

Running and respacks

Fairly new to this.
I just had 2 questions:

1. How do I start the project? I installed all the dependencies from your package.json, but I've never used gulp before and thus am not sure how to start it on localhost
2. Respacks - I don't see them in this repo. I would like to make my own. Can you point me to a tutorial about them? Or a repo that already has them so I can figure out where to place them and what they're supposed to look like.

Inverts when no track loaded

Whether by switching track when none are loaded or hitting 'new song'.

When creating a new map with no buildup, it remains inverted by default. Adding a buildup restores normal function.

(Added as issue because i discovered a new behavior)

A way to do invert and something else

For example, you want to invert an image and do the slice animation at the same time. Right now, you'd emulate this with a pattern like that: ..............................Is (so many .'s is because you want to do it really fast, so you have set track length to 4096 beats). This is ugly, though.

A related issue: during inversion, blackouts are in fact white, but it might make sense to have black blackouts with dark pictures. (It's solvable using the hack above, too: ..............i+.)

Optimise ModernUI names like the editor does

By making a big box, finding char widths and working off that instead of triggering up to 3 reflows.

0x40 Christmas edition is insufficiently comfy

Expected behavior

Comfy Christmas music plays while qt moeblobs appear in time with the music

Actual behavior

✓ Cute moeblobs
✗ Comfy music

Animation sometimes isn't correct when using an animaition with beatsPerAnim and a song without charsPerBeat

To see this happen, open e.g. the "Illya Dance" respack from https://portal.0x40.ga/pack/22 along with any respack that contains songs without charsPerBeat.

If you set the image to "Miyu Edelfelt & Illyasviel von Einzbern" and then change the song from Popcorn Funk to another song, the animation will stop. Some actions (switching tabs/windows?) might restart it, but the speed will be inconsistent - extremely fast sometimes.

I'd expect the animation to switch to the speed defined by the frame durations.

Are the VFX generated only from the respacks?

Hi, I'm not entirely sure on how the VFX for this stuff is achieved, is it a case of manually placed beats/image synced in the respack stuff interpreted by the frontend and then rendered via the canvas?
Or is there some algorithm which calculates the beats from the music and can generate this itself?

Configurable preloader title

Title should appear above the information on the preloader.

Blurring

As far as I can tell, you're currently faking the motion blurs by drawing a bunch of copies of the image. I just thought I'd mention that it's possible (albeit kind of hacky) to get genuine 1-dimensional gaussian blurring in canvas using SVG filters: here's a demo.

Sorry to waste your time if you already knew about this and had reasons not to do it this way!

Cannot read property 'blackout' of undefined

Yesterday I was able to use 0x40 without problems, but got this error today.(refreshed with cache disabled)

Here is my localstorage

I am using Chrome 50.0 on windows 7
It works fine in incognito mode

Add ogg support

Will have to add the Aurora.js ogg module for cross platform decodes. As ogg does not require trimming, mp3 worker will have to be refactored (and renamed since it now does more than 1 thing)

Fullscreen option?

Hey, thank you for making this.

Is there an option to fullscreen the website? On firefox I can press F11 to fullscreen the browser but this doesn't hide the tabs without other workarounds. Is it possible / can you add the feature to full screen the app with a button (maybe F11?).

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

Thanks!

Respack controls non-functional

Enable/Disable/Invert controls don't work. Tested on custom.html and main mon hues.

Fix microlag

Names change up to 2 frames before the image does. This is just enough to be noticable. Not good!

Is this a stream audio play?

Hi, I came from aurora.js. And is this a stream audio play like aurora.js?

Allow configuration of "Remote respacks" URL

In src/js/ResourceManager.js, the static url referenced (https://cdn.0x40hu.es/getRespacks.php) is down resulting in the "Remote respacks" feature to no longer function.

An archive of the format used can be found here:
https://web.archive.org/web/20161208165412/https://cdn.0x40hu.es/getRespacks.php

The link should be updated if new hosting can be found.
Additionally, the url should be configurable in case it needs to change again, or if the user wants to provide their own list of "remote" respacks.

Can this project decode AAC audio?

It only support MP3 and Ogg?

Undo is arbitrary and partly non-functional

Does not undo edits to the buildup

Mixed Content errors when loading respack list

Mixed Content: The page at 'https://bng.pw/hues/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://cdn.0x40hu.es/getRespacks.php'. This request has been blocked; the content must be served over HTTPS.

Message appears on both:

• Google Chrome 48.0.2564.116 m
• Mozilla Firefox 42.0

Error message gets thrown when trying to load up the respack list. Would love to submit a pull request instead, but the CDN seems https-incapable.

My alternative solution of falling back to http doesn't work either - i just get redirected back to https version.

"mute" works incorrectly

On Vivaldi and Chrome, when I click the "vol" to mute the sound, it mutes the sound but the gui doesn't change unless I click again. On this second click, it unmutes but the gui changes to the "muted" state.

Also sometimes it seems to stop playback after finishing a song instead of looping or changing songs.

volume parameter doesn't works on defaults object

I don't know if I did something wrong but when setting:

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>0x40</title>
        <!-- Non minified at https://github.com/mon/0x40-web/ -->
        <link rel="stylesheet" href="css/hues-min.css">
        <script type="text/javascript" src="lib/hues-min.js"></script>
        <script type="text/javascript" src="lib/zip.js"></script>
        <script type="text/javascript" src="lib/zip-fs.js"></script>
        <script type="text/javascript">
            window.addEventListener("load", function() {
                var defaults = {
                    workersPath : "lib/workers/",
                    respacks : ["respacks/Defaults_v5.0.zip",
                                "respacks/CharPackagev0.03.zip"
                                ],
                    firstSong : "Madeon - Finale",
                    volume : 0.5,
                    skipPreloader : "on",
                };
                core = new HuesCore(defaults);
            });

It's the only parameter that doens't have any effect when I open the page.

Copy XML should not alert

Alerts are the worst. Suggest just having a text show up for a short amount of time somewhere, there is currently empty space you could use here:

xmas.moe is missing an https redirect

While you're working on it anyway, port 80 should redirect to 443.

Permalink to the song playing

Like http://0x40.mon.im/#song=madeon_-_finale or something like that (and just use that to override firstSong)?

Blackouts do not work as expected sometimes

During buildups I guess. Firefox:

Chromium:

Restarting (by pressing B) resolves the issue (the screen goes black as expected). Any ideas how to debug this?

Edit box graphical glitch

Some blue line following the beats.

No idea what this is.

Volume cuts out per-song after a while

Leave it running for some time, and eventually some songs have their volume cut way down. Seems to go back to normal as the song is faded out, and the next song may or may not be normal.

(I'm on Firefox 75.0)

please fix this please

xmas ui is broken please fix it I can't even change the kawaii future bass song or mainstream anime girl

Local python hosting of hues has HTTP 204 no content for respacks

Seems related to external download manager software seeing a .zip and getting overly excited?

also i try run py3 same error -_-

Originally posted by @thisfardi in #47 (comment)
Moving to its own issue due to spamming of an unrelated issue.

Autoplay fails when only 1 song

Volume just fades out and not much else

Feature: Fade to black on load

Fade to black when the next song is triggered to load, to leave a black screen before the next track's map loads, rather than just leaving whatever was on screen last.

Really only mainly evident on larger tracks, but it feels like hues is frozen while the next track loads currently.

Add direct link to the playing song (+settings?)

Would be nice to link people to particular tracks. Great tool!

Multiple themes loaded at once

Both modern and retro UIs are showing at once, with only modern set in the HTML settings.

Error: Audio Worker cannot be started - correct path set in defaults?

I apologize if this is a non issue not worth asking about, I am a brainlet.

I'm not trying to stick this on a server, I'm just trying to get an html folder I can locally.
I've made a respacks folder in the same directory as the html, I grabbed the respacks from your site and threw the default ones (charpackagev0.03.zip, defaults_v5.0.zip, huesmixA.zip) that the html points to into the respacks folder.

I haven't changed any of the code in the html file, the workersPath still points at "lib/workers/" and audio-worker.js is in the workers folder.
When running index.html I end up with the error in the subject, I assume I have the correct path because I haven't changed anything but as stated prior I don't know what I'm doing and am going off of my common sense, I've barely poked around with html before.

Thanks

cdn.0x40.ga is down

Domain referenced in source for getting respacks is down. Any clue where the packs it hosted went?

Switching seek between edit boxes fails to load map first time

Seek into the intro while the loop is playing or vice versa; the cursor will fail to appear and move along the map the first time. Seeking again in that edit box shows as normal.

Large repack does not load on Firefox/IE

Hi,

An issue i've been able to reproduce on multiple computer/devices is:
Get a large repack.
Try to load site on firefox, when it looks like it is done completing it will exit with:
"TypeError: can't access property "replace", e is null"
Currently hosting it on https://cur dot ie/ if it is of any help.
repack is located on
https://cur dot ie/own.zip

Example of working pack :
https://cur dot ie/own2.zip

File path browsing is enabled, so you can go to /lib etc if you think something is off.

Hosted on IIS8
Not working on:
Firefox 93.0b4 (64-bit)
Firefox 92.0b9 (64-bit)

I suspect the following not loading is also related, but not sure.
Firefox (Mobile) 92.1.1 Build#352471817 92.0-20210903235534 (TypeError: e is null)
Internet explorer 11
error: Initialising... 'Promise' is undefined

Working fine on:
Edge Version 93.0.961.47 (Official build) (64-bit)
Chrome Version 93.0.4577.82 (Official Build) (64-bit)
Chrome Mobile [phone]

Switching song during load repeats blackout

Presumably the start of the blackout effect overrides the current blackout state, so you get a flickering effect if you speed through tracks.

First song can't be from querried packs.

When external respack is loaded using URL querry, first song can't be selected from this respack...
Example: https://0x40.mon.im/montegral.html?autoSong=off&packs=mon.zip&skipPreloader=off&song=lobster_loop

This will load selected respack, but use first song from default respack...

hotkey to restart track

intro and/or loop