Running and respacks

[mon]

Running and respacks

[mon]

Hey! If you don't want to mess around with the build system, just use a pre-compiled release. Download the zip file, not the source code.

There is documentation about creating respacks here.

I have deliberately left directory listing on for my site, so you can download some example respacks here.

There are also a bunch more on the Hues Portal.

Good luck!

[dascar5]

Thanks for your detailed response! I've downloaded both the source and and pre-compiled release - I just don't know how to run it :)

gulp seems to compile it, and I'm used to npm start, which doesn't work here. What's the command you use to run it on localhost?

[mon]

I just use python -m http.server to locally host, but you can use literally any local-hosting server to do it for you. I know that npm has some packages.

See more:
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server

[dascar5]

Thanks for your answer. Finally got it to run. I'm guessing if I wanted to mess with the software, I'd have to use the source code instead of minified release? I'd personally remove all the hues and make some other tweaks for a hobby project of mine. Just checking if that can be done in minified version as well.

[mon]

If you've already set up everything and gulp creates a .js.min, I'd recommend modifying the source and building minified bundles that way. Modifying the .min directly is quite a painful experience.

[dascar5]

Got it. So I made my own respack, and I've edited index.html to point to it instead of DefaultHues, however, it still plays default. Yes, I used gulped before running the web app. I'm not sure what I'm missing tbh. Lol, I even deleted default respacks from my folder and they still played as usual.

[mon]

As a sanity check - modify the <title> in index.html. Does it change? Perhaps your local server is not pointing at the right place?

[dascar5]

Yeah, that changed something alright. Even though I changed defaults to my own respack, I get this
Error: 404: Could not fetch respack at ./respacks/Defaults_v5.0.zip

I'm also using python python -m http.server. I didn't mess with any other files except index.

[mon]

What does your index.html look like? Specifically, what is the defaults object?

[dascar5]

var defaults = { workersPath : "lib/workers/", respacks : ["./respacks/myrespack.zip"], firstSong : "mysong", };

[mon]

That is quite curious - if you'd like, you can zip up your entire custom build and I can take a look. Feel free to send it via email.

Failing that - does it still happen with the original hues.min.js? I wonder if you edited the defaults object in the .js before compiling.

[dascar5]

Never mind, for some reason, it started loading now. And it works. Now I just got one more question, sorry. The pictures I'm using are varying in size, some I can see properly, some are stretched beyond web app borders. Also, the purple hue is there. How would I go about making all the pics "sit" in the center of the screen, keeping their original resolution, and how would I completely disable hues? Honestly, I just want to use this as an image gallery with music playing in the background haha

[mon]

Also @dascar5 I hope you're not too bothered by these extra emails, I've just realised I never responded to your most recent question.

Hues is pretty much locked to the concept of "image always fill full height, width is scaled to fit". It's not really designed to be a slideshow. That being said, I can see a lot of value in having special modes (through the options object, not anything visible) to both enable "scale to fit" behaviour and "no colour overlay" behaviour. Would that be sufficient, or has your project fallen by the wayside in the past 2 years 😅

[mon]

I've cleaned up the comments of this issue, @thisfardi please move to #80