Quantcast
Channel: Kodi Community Forum - Skinning
Viewing all articles
Browse latest Browse all 1816

Animated diffuse colors

$
0
0
Recently, I've been busy diving down our GUI rendering pipeline. After analyzing some skins and the way they are rendered, I've found some places for improvement.

One thing that stands out is the usage of featureless textures spanning the whole screen, just to apply a color filter for fanart and similar assets. This can be achieved with diffuse coloring, but this is static.

So I figured, animating the diffuse color would be a nice addition. It works almost like the normal fading, except it accepts AARRGGBB values at its input. This filters the logo in Estuary between red and green:
<control type="group">
  <depth>DepthBars</depth>
  <animation effect="slide" end="0,-90" time="300" tween="sine" easing="inout" condition="$EXP[infodialog_active]">conditional</animation>
  <animation effect="fadediffuse" start="FFFF0000" end="FF00FF00" time="300">WindowOpen</animation>
  <animation effect="fadediffuse" start="FF00FF00" end="FFFF0000" time="200">WindowClose</animation>
  <top>30</top>
  <left>90</left>
  <control type="image">
    <left>4</left>
    <top>0</top>
    <aspectratio>keep</aspectratio>
    <width>192</width>
    <height>56</height>
    <texture>special://xbmc/media/vendor_logo.png</texture>
  </control>
</control>

Using this, I would advice not to have any other diffuse color on the image, as stacked effects are detrimental to the output.

Here is a build for Win64: http://mirrors.kodi.tv/test-builds/windo...ng-x64.exe
For other systems, you need to build it yourself: https://github.com/sarbes/xbmc/tree/advancedfading

Feedback is highly appreciated.

Viewing all articles
Browse latest Browse all 1816

Trending Articles