It is currently March 28th, 2024, 8:37 am

Squares 1.0

Skins with graphics and animations
Post Reply
User avatar
Seahorse
Posts: 1175
Joined: June 9th, 2010, 5:56 pm
Location: Locks heath, UK
Contact:

Squares 1.0

Post by Seahorse »

I created 3 different methods to get to this version.
  • The first used a Bar Meter with matching H & W but it looked crap and kind of pointless.
  • The second used a series of concentric square bitmaps, which did the job but was limited to steps of 10 pixels (the square is 100x100) and needed 10 calcs for the tints to show the changes and ten meters to display the whole square.
    Capture.PNG
  • I had an epiphany just as I got number two working when I realised it could be done an image meter whose dimensions and position could be done with maths
This part is the key, the reduction calc is there to ensure it is fed something that is numbered from 0-100 (same as the meter's H & W). No doubt there is a more elegant way to do this, but it works and I'm extremely pleased with the effect most easily seen in the clock:

Code: Select all

[MeterMain]
Meter=IMAGE
SolidColor=#Colour1#
X=((100-[ReductionCalc])/2)
Y=((100-[ReductionCalc])/2)
W=[ReductionCalc]
H=[ReductionCalc]
DynamicVariables=1
Anyhow, with that in place I wanted to have at a glance basics, with more details from tooltips and hopefully something moving in each skin if at all possible.
User avatar
santa_ryan
Posts: 397
Joined: June 22nd, 2010, 4:11 am

Re: Squares 1.0

Post by santa_ryan »

Oh wow. This is really nice(: Good work seahorse.

I'll have to steal some of your code for storage :P
User avatar
Seahorse
Posts: 1175
Joined: June 9th, 2010, 5:56 pm
Location: Locks heath, UK
Contact:

Re: Squares 1.0

Post by Seahorse »

Thank you Sir! It's normally me stealing code... :sly:
Post Reply