Giter Site home page Giter Site logo

0x40-web's People

Contributors

buzzbyte avatar dependabot[bot] avatar dtaivpp avatar jerwuqu avatar maryshand avatar mjsir911 avatar mon avatar mseymour avatar notpushkin avatar rctdude2 avatar theamm avatar zenrac avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

0x40-web's Issues

"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.

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

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.

Cannot read property 'blackout' of undefined

Yesterday I was able to use 0x40 without problems, but got this error today.(refreshed with cache disabled)
capture
Here is my localstorage
1

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

Fix microlag

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

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)

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?

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.

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?

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.

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 93.0.4577.62

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.

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

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!

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.

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)
    image

  • 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)
    image

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)

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

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.

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:

Space

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.

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)

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.

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)

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

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+.)

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.

cdn.0x40.ga is down

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.