Background behind the digits

[krmidas]

Capture.JPG

Is there a relatively easy way to experiment with changing the color behind the gauge digits?

[tobyspond]

Tom,

You can change the background color of the LCD in gauges.js. Find the following line around line 62:

var g_lcdColour = steelseries.LcdColor.XXXX

and replace the XXXX with one of the colors listed in the steelseries.js file around line 6332 starts with var lcd color

Kerry

[mcrossley]

And you can quickly see what each colour looks like by using the demo page http://www.wilmslowastro.com/steelserie ... adial.html

[krmidas]

This was very helpful. Thanks.

Please explain the purpose of the LED light on the gauges. What is it designed to indicate? My gauges don't have an LED light. Not sure why, as I don't remember removing anything...

-Tom

[DanielF]

I'd like to add a more difficult request to Tom's original one...

On the Wind Speed gauge, there are two LCDs for Latest and Average speeds, with two corresponding pointers. Keeping in mind that not everyone who visits a weather site is a Cumulus user, it may not always be obvious to some viewers which pointer is which.

A way to fix this is to colour the LCD backgrounds to correspond - i.e. the Latest LCD background would be pale red and the Average LCD background would be pale blue.

I'm not a Java programmer (assembler is my preference ), but a quick look at gauges.js didn't illuminate how to colour these two LCDs differently.

Can anybody help?

[mcrossley]

Please explain the purpose of the LED light on the gauges. What is it designed to indicate? My gauges don't have an LED light. Not sure why, as I don't remember removing anything...

Tom, the weather gauges do not use all the features of the gauges, the LED lights when the gauge value exceeds the configured threshold value - again not something I have used on the weather gauges.

The supplied page/gauges was always intended to be a starter, anyone with the ability or inclination to learn can customise/add/subtract them as they desire - as many have

[mcrossley]

A way to fix this is to colour the LCD backgrounds to correspond - i.e. the Latest LCD background would be pale red and the Average LCD background would be pale blue.

I'm not a Java programmer (assembler is my preference ), but a quick look at gauges.js didn't illuminate how to colour these two LCDs differently.

Can anybody help?

I'd need to take a look at the source code, I'm still 'mobile' at the moment, so this will have to wait until I get back to a 'real' 'puter.

[DanielF]

I'd need to take a look at the source code, I'm still 'mobile' at the moment, so this will have to wait until I get back to a 'real' 'puter.

Mark,
No hurry; it's a low priority at the moment. But when you do look, you might like to consider changing the pointer colours to correspond with those of Cumulus (red=current, blue=average). I think your wind direction gauge is the reverse, which is very confusing for Cumulus users!

[tobyspond]

Daniel,

See my post on page 2 about 3/4 of the way down https://cumulus.hosiene.co.uk/viewtopic.p ... 2&start=10

Kerry

[DanielF]

See my post on page 2 about 3/4 of the way down https://cumulus.hosiene.co.uk/viewtopic.p ... 2&start=10

Kerry,
I found your post, thank you. But I can't find which file it applies to! I searched the ones I thought likely, but couldn't find that code. Is it still in that form in SteelSeries 1.6.6b? And if so, which file to edit??

[DanielF]

Mark,
As the SteelSeries 'guru', I thought I'd look at your weather site to see how your gauges look. I think the problems with the wind direction gauge might be deeper than I thought...

On your one-minutes updates, your 'average' wind direction is changing significantly but your 'latest' reading is static. This is the reverse of what should occur, so I think your LCDs are getting the wrong data (swapped).

Strangely, my weather site (http://www.users.on.net/~idmills/gerroa-weather/) has the LCDs changing correctly, so you must be using different code from the 'standard' v1.6.6b.

Once we can fix the reversed needle colours and add different coloured LCD backgrounds (or text), I'll be very happy!

[tobyspond]

Daniel,

The line for the code is located in the steelseries.js file around line 2390. If you use notepad++ you can easily search for it.

Kerry

[mcrossley]

Daniel, I am pretty sure my gauges are correct. The wind has been a little variable here today, I think you may have caught it after a shift in direction and the average was swinging' round.

[krmidas]

Capture.JPG

Daniel,

The line for the code is located in the steelseries.js file around line 2390. If you use notepad++ you can easily search for it.

Kerry

I haven't had much luck finding it. I assume you're referring to rev 0.11.4?

[tobyspond]

Hi Tom,

No, I'm using version 1.6.x as released here: https://cumulus.hosiene.co.uk/viewtopic.php?f=21&t=7186
Kerry

Here's the relevant section:

// ************** Image creation ********************
var drawLcdText = function(value, bLatest) {
mainCtx.save();
mainCtx.textAlign = 'center';
mainCtx.textBaseline = 'middle';
mainCtx.strokeStyle = lcdColor.textColor;
mainCtx.fillStyle = lcdColor.textColor;


//convert value from -180,180 range into 0-360 range
if (value < 0){ value += 360; }
value = "00" + Math.round(value);
value = value.substring(value.length,value.length-3);

if (lcdColor === steelseries.LcdColor.STANDARD || lcdColor === steelseries.LcdColor.STANDARD_GREEN) {
mainCtx.shadowColor = 'gray';
mainCtx.shadowOffsetX = imageWidth * 0.007;
mainCtx.shadowOffsetY = imageWidth * 0.007;
mainCtx.shadowBlur = imageWidth * 0.007;
}
if (digitalFont) {
mainCtx.font = lcdFont;
} else {
mainCtx.font = stdFont;
}
if (bLatest) {
mainCtx.fillStyle = pointerColor.medium.getRgbaColor();
mainCtx.fillText(value + "\u00B0", imageWidth / 2 + lcdWidth * 0.05, lcdPosY1 + lcdHeight * 0.25 + lcdFontHeight * 0.4, lcdWidth * 0.9);
} else {
mainCtx.fillStyle = pointerColorAverage.medium.getRgbaColor();
mainCtx.fillText(value + "\u00B0", imageWidth / 2 + lcdWidth * 0.05, lcdPosY2 + lcdHeight * 0.25 + lcdFontHeight * 0.4, lcdWidth * 0.9);
}

mainCtx.restore();
};

var drawAreaSectionImage = function(ctx, start, stop, color, filled) {