Calculator Project

[Sawer]

Hello everyone!

Trying to style this calculator here, I'm working on the customisation of the buttons.
I just want to set an animation that once a number is pressed, a background pops up and scales itself while fading thru opacity, (just like website buttons).

I'm currently running with 2 issues:

1. As shown in the video , once the mouse is gone, the buttons background goes away but the buttons frame remains until I press another button.

2. For the scaling and fading implementation, I've tried to set a Timer where the opacity of the background fades in 1000 milliseconds. It didn't work on the
   if(obj.down) functions/Conditional Statement. Also want to know if there is a way to scale the rectangle by x.

Any Help is super appreciated. I'm so far happy of the improvements, just wanna add this little UX feature.

[d.healey]

@Sawer Is that individual buttons or are you using a panel? You should be using a panel really.

[Sawer]

@d-healey Yes, True. That's what I'm working on now. almost done!

[Sawer]

@d-healey
Watched your "Panel Timers" Youtube video. Thanks soo much for this.
I'm currently having problems on running the timer. This is the snippet. If

HiseSnippet 1428.3ocsWrsaaaCUJMpn1aEXcXe.D9gAYfTG41ltgEzsV6D2kslTi3tt9VAsDsEQoIMHoRrWQ+m2ev14PIYIm3lkZfIjHSdtvyEdtogZULyXTZO+FuY4blm+WGLZozl1Okxkdmbjm+2FzKyZURxKj7YTKWI85sbN0XXId9924kHc9M10y872+ROpfJiYUf77dqhGydEeF2VAc3y+ctPLflvdCeVMpexyOIVI6qDpLPmtSPj2bZ7GnSYmQQx1Ivy+tGmvsJ8HK0xL.M8TIKGkptTlS+a4F9XAC2z0aDbP4f85mxEICKsWimm+tCqr96ja8eWvo7D9J3UdguwgfTwQcef+N2jJ08KPk7qoR6lqROHXTrlO2VgA0muJ3DokomPAWccUImVuc5cuf9JfBosyL5GXCzvlUbD9znn8Hvq1G1roDbrFvIyH8oh3dVYyO1jKEbIiLISFiW3jXMCrr+jmLkYIgHG6QVrGYY6lM9XyFMDpXpfbYN5mQJELMIYHUxD0Y3Px9622cZIDGRfc3uRVLLzNmyzVNy.J8reazqOqf+82+k7K3xojJJ.NQ42nEHaaZKxOQ5BVlCRJiOM0tFHpPntDLRwXHjxfnZ0Wvgkjum7qpKX5V.YeB7IMHvS96bipSB0R6jhz.1WzgWGWBbYWCk6MbZEj.lEFlqKEdXomMrMXVNTjAEf1ibYJONkvMDclThF73LKQprjr4frP.y3jLN4HPvNOPtDaz3Bplr.zBaJ2zAj6aohLVHZPMZfvWPdHIpSW2dGMlRZVjST4+7IgKH+LXNswcNWbACV0bm5VbpepjC3BznDrNy0bos33VIFMaNEAWBslOtxAMDI4bUFXfrJ+yTzAMxtTrDLaaJiLOOnA49iMgyBWLE4OulQXzhChF3dbRaE5APDVXqSg2FlVSss1i73nZjjnoW9F1Bflt.pRO3qvH6dpLYhILp8JxK9AbSNBqhNZWhx4ytttMXPMc61nbai18oaPKw3z100QWPC8yDz3PplS.zN870PcBtcYXzUz+OuuOmjIPs9yQ8jkbNK1RkSErvMYEcO.BQosIf824.WwBRt9AYC3suLa1XHWwlRsP5mPP3Rr1jg4vZ3+Einl3VqKkCjNwjj4ZFVhrTqW2Sgu2bdOXampxLrqm3xt.pW0tYkiDbyNXEABWIwYsBHVcF6vJbqkdjmRwDF1McBSn.A27QTKWNWuhwZcrjZZl6UokZo57hTgOBaL.t9WLA5WPbrwKx9FmOJ.tz5pZYRUYhDxXFgOatfMCDDTYe7RhAtTK4Z0cQGRuhRYWpz3g14J1WQYzs2AUb.2N+S008529EKy+QyrYZYQ.wgMAdg+aBCoXrtXSEzn7Yk8N6TuSYXqwVIjthMfvWX21q+rpIqRdlxxdMzS.5.iBgbUTSlrQbXySsRHvpxa.cQ85OOig4YU6AlCj5uhPXBj0Gq4t2twZhy6kWiPk7DIGJdvJ1OPIRvwUv0WeHHuhgAfU+wIXONbtnBXUs9AXGwt.FrLeJoFAGwLe.5N4nc1b3VQhiaZcXue4LTXyCONH5f.3twaArvOADzxxEtAI.9taRwvq4yQTGx5iQfiFt9TDdiU5DldDTLp9Tv4POmlvyL0g6c8Q9fgMUIYBpc8IPwQsKPb0ovwQ6jFnzb8Qw+BFKM5FGK81phOHXH2FmtYcbmMnivM6+G5Xwv72O33ISfROUJ3tACd21N49+g3ymbY5oTqligUmkMaDzSLlARWBQcFLBaGL5NeeDtG8.iXxD2l+AdJP1E26WfraIRuYzXs58w4Ys3mKbOGDPmjtuNpQvo3dRWOWlLFkG0IxaF7kKuONFM+GBIbalmGsE773sfmmrE7bvVvyS2Bd9gsfme7F4A+nwWjYUEe3L.X3wtRZ99GKoPjkKJz6eAAGCS6

The code is a little bit messy (Iteration purposes) but I've put some comments for more clarity. Any help is super appreciated.

[d.healey]

@Sawer What's the problem? Are you using develop branch?

[Sawer]

@d-healey Yes, I am.
the problem is that when I click the panel, the Console says this "Accessing parameter reference outside the function call" So I do not really know where to place the parameter.

[d.healey]

@Sawer You need to use a different variable name

[Sawer]

@d-healey Thanks so much man. It's working now.
Want to ask if its possible to ad in the same timer a state where the opacity also fades.. the issue is that the counter goes up to scale the background, but the opacity starts from 1 and goes to 0 with an interval of 0.1, while for the background is of 1.
Any Idea please?

[d.healey]

@Sawer Divide by 10?

[Sawer]

@d-healey Thanks . will try

[Sawer]

@d-healey It works. Thanks!

[Sawer]

Alright, almost at the finish line. Tried to implement the button animation by creating it from a panel. I'm having to issues:

1. Just like a normal button, when it's clicked and released , the background frame still remains until another button is pressed(maybe is because of the transparency)
2. Secondly, only one button(the last) can do the animation, the rest if clicked won't do anything even tho the counter works.

Am I missing something?
Any help is super appreciated! thanks.

[d.healey]

@Sawer Your image is too tiny, I can't read any of the code. Post a snippet.