0

I have successfully managed to implement a random hue selector into my random character code, but another problem presents itself with this achievement. The random hue picker that I've made work in JavaScript doesn't affect the colour change that I want correctly. If you want to see the goal of what I want to achieve, you can see that here

I am unsure of why this strange application of hue rotation is occurring. The code that governs hue selection in my code is this:

    var robothue = new Image(); 
    var robothuenum=Math.floor(Math.random()*359)+1; //Randomiser selects a value between 1 and 360.

    canvas.style.filter = 'hue-rotate(' + robothuenum + 'deg)'; //This line applies the hue filter mentioned above.

Link to the full code here, with necessary image files to function correctly, if you want to try it out for yourself and figure out how to fix the hue rotation so it lines up more with the example image: https://github.com/Briochewindows/Random-Colour-Character-Generator.git

marc_s
  • 732,580
  • 175
  • 1,330
  • 1,459
Brioche - BreadPanes
  • 1
  • 1
  • Does this answer your question? [HTML5 Canvas hue-rotate changing saturation and lightness](https://stackoverflow.com/questions/40600127/html5-canvas-hue-rotate-changing-saturation-and-lightness) – Emiel Zuurbier Apr 10 '22 at 20:34
  • Please provide enough code so others can better understand or reproduce the problem. – Community Apr 10 '22 at 20:36
  • @EmielZuurbier Partially, but I'm not sure how to do it. It seems the way `hue rotate` works has this annoying quirk built into it by default, and to change it I need to somehow switch the process to sRGB I believe? I've linked the code of the programme in the github repository above, if you want to give it a try, see if you're able to get the HSL to affect hue only. – Brioche - BreadPanes Apr 10 '22 at 21:27

0 Answers0