mon / 0x40-web Goto Github PK
View Code? Open in Web Editor NEWPretty images and colours
Home Page: http://0x40.mon.im/
License: MIT License
Pretty images and colours
Home Page: http://0x40.mon.im/
License: MIT License
Would be nice to link people to particular tracks. Great tool!
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.
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.
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...
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.
Does not undo edits to the buildup
Fairly new to this.
I just had 2 questions:
Names change up to 2 frames before the image does. This is just enough to be noticable. Not good!
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.
Title should appear above the information on the preloader.
Issue description
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)
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!
Hi, I came from aurora.js. And is this a stream audio play like aurora.js?
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)
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!
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.
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.
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
While you're working on it anyway, port 80 should redirect to 443.
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)
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?
Expected behavior
Comfy Christmas music plays while qt moeblobs appear in time with the music
Actual behavior
✓ Cute moeblobs
✗ Comfy music
Presumably the start of the blackout effect overrides the current blackout state, so you get a flickering effect if you speed through tracks.
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?
Domain referenced in source for getting respacks is down. Any clue where the packs it hosted went?
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+
.)
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.
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)
Like http://0x40.mon.im/#song=madeon_-_finale or something like that (and just use that to override firstSong
)?
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.
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 93.0.4577.62
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.
Both modern and retro UIs are showing at once, with only modern set in the HTML settings.
intro and/or loop
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
THIS IS CATASTROPHICALLY BAD
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.
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:
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.
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.
The step is too complicated,i just input this command
npm install gulp -g
npm install
but error;
By making a big box, finding char widths and working off that instead of triggering up to 3 reflows.
It only support MP3 and Ogg?
Volume just fades out and not much else
xmas ui is broken please fix it I can't even change the kawaii future bass song or mainstream anime girl
Enable/Disable/Invert controls don't work. Tested on custom.html and main mon hues.
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.