7
Replies
Ok, let me try to make a recap of the expressions I have:
There are 3 boxes for the sub catagories shown. As there can be up to 9 different sub catagories to be shown, there are 7 ways these three boxes must react. Therefore there are 7 null-layers, with markers set in the slider to the time when changes need to occur. There is also an "Compositing Option -> Effect Opacity" set. This determines the fade out and fade in of the boxes and the data:
n = 0;
spd = effect("Slider Control")("Slider");
nk = spd.numKeys;
if (nk > 0){
n = spd.nearestKey(time).index;
keyTime = spd.key(n).time;
preLength = comp("_GeneralSettings").layer("vars-Standings").effect("sub-fade-pre")("Slider")*(1/25)
postLength = comp("_GeneralSettings").layer("vars-Standings").effect("sub-fade-post")("Slider")*(1/25)
if (keyTime >= time) {
difftime = (keyTime - time);
if (difftime <= preLength) {
difftime / preLength * 100;
} else { 100 }
} else {
difftime = (time - keyTime);
if (difftime <= postLength) {
difftime / postLength * 100;
} else { 100 }
}
} else { 100 }
To decide which of the 7 options, need to be chosen, there is a main NULL for the subselects. That slider is populated through:
nrOfSubs = parseInt(thisComp.layer("_Info").text.sourceText.split("\r")[2])
if (nrOfSubs <= 3) {
thisComp.layer("subselect3").effect("Slider Control")("Slider")
}
else if (nrOfSubs == 4) {
thisComp.layer("subselect4").effect("Slider Control")("Slider")
}
else if (nrOfSubs == 5) {
thisComp.layer("subselect5").effect("Slider Control")("Slider")
}
else if (nrOfSubs == 6) {
thisComp.layer("subselect6").effect("Slider Control")("Slider")
}
else if (nrOfSubs == 7) {
thisComp.layer("subselect7").effect("Slider Control")("Slider")
}
else if (nrOfSubs == 8) {
thisComp.layer("subselect8").effect("Slider Control")("Slider")
}
else if (nrOfSubs >= 9) {
thisComp.layer("subselect9").effect("Slider Control")("Slider")
}
else {
thisComp.layer("subselect3").effect("Slider Control")("Slider")
}
Also the same for its Opacity:
nrOfSubs = parseInt(thisComp.layer("_Info").text.sourceText.split("\r")[2])
if (nrOfSubs <= 3) {
thisComp.layer("subselect3").effect("Slider Control").compositingOption.effectOpacity
}
else if (nrOfSubs == 4) {
thisComp.layer("subselect4").effect("Slider Control").compositingOption.effectOpacity
}
else if (nrOfSubs == 5) {
thisComp.layer("subselect5").effect("Slider Control").compositingOption.effectOpacity
}
else if (nrOfSubs == 6) {
thisComp.layer("subselect6").effect("Slider Control").compositingOption.effectOpacity
}
else if (nrOfSubs == 7) {
thisComp.layer("subselect7").effect("Slider Control").compositingOption.effectOpacity
}
else if (nrOfSubs == 8) {
thisComp.layer("subselect8").effect("Slider Control").compositingOption.effectOpacity
}
else if (nrOfSubs >= 9) {
thisComp.layer("subselect9").effect("Slider Control").compositingOption.effectOpacity
}
else {
thisComp.layer("subselect3").effect("Slider Control").compositingOption.effectOpacity
}
There is also 1 box as main catagory, changed up to 3 times. It uses identical code in 3-Nulls, that are read by a main-Null.
The colors used for the boxes is determined by a composition with the general settings. The boxes use the fill-color with:
comp("_GeneralSettings").layer("Colors").effect("Color_Sub")("Color")
That general color gets its color through:
evalSeries = thisComp.layer("Series").transform.opacity;
if (evalSeries==1) { [240,125,0,255]/255 }
else if (evalSeries==2) {[0,79,159,255]/255}
else if (evalSeries==3) { [227,6,19,255]/255 }
else {[0,0,0,1]}
As mentioned, there is a text-field called _Info, which holds the combined data to be shown.
For the 9 lines in the main-catagory box, there is car-nuber, car-class, team name, car make + type, time/lap-difference and the country-flag
Each of these fields is again controled by a null. It does set the Position:
guideLayer = thisComp.layer("adjust-LocalVars").effect("adjustFlag")("Layer");
thisNumber = thisLayer.name.split("|")[1];
timeAdjust = (thisNumber-1) * comp("_GeneralSettings").layer("vars-Standings").effect("flag-in-frames")("Slider")*(1/25);
ownStart = transform.position.valueAtTime(0)
guideStart = guideLayer.transform.position.valueAtTime(0)
if (time > (5/25)) { ownStart + (guideLayer.transform.position.valueAtTime(time-timeAdjust) - guideStart) } else {value }
And opacity:
guideLayer = thisComp.layer("adjust-LocalVars").effect("adjustFlag")("Layer");
thisNumber = thisLayer.name.split("|")[1];
timeAdjust = (thisNumber-1) * comp("_GeneralSettings").layer("vars-Standings").effect("flag-in-frames")("Slider")*(1/25)
if ((guideLayer.transform.position.key(1).time+timeAdjust) > time)
{ 0 } else { parent.transform.opacity}
The above example is for the country-flag, below for the number:
Position:
guideLayer = thisComp.layer("adjust-LocalVars").effect("adjustNumber")("Layer");
thisNumber = thisLayer.name.split("|")[1];
timeAdjust = (thisNumber-1) * comp("_GeneralSettings").layer("vars-Standings").effect("number-in-frames")("Slider")*(1/25);
ownStart = transform.position.valueAtTime(0)
guideStart = guideLayer.transform.position.valueAtTime(0)
if (time > (5/25)) { ownStart + (guideLayer.transform.position.valueAtTime(time-timeAdjust) - guideStart) } else {value }
Opacity:
guideLayer = thisComp.layer("adjust-LocalVars").effect("adjustNumber")("Layer");
thisNumber = thisLayer.name.split("|")[1];
timeAdjust = (thisNumber-1) * comp("_GeneralSettings").layer("vars-Standings").effect("number-in-frames")("Slider")*(1/25);
ownStart = transform.position.valueAtTime(0)
guideStart = guideLayer.transform.position.valueAtTime(0)
if (time > (5/25)) { ownStart + (guideLayer.transform.position.valueAtTime(time-timeAdjust) - guideStart) } else {value }
The Fields are populated by the parent of the above null
The source text for the car number is:
try {
var thisLine = parent.parent.text.sourceText
thisLine.split("~")[0]
} catch(err) { }
That parent is a hidden text field, that gets his data like this:
Source text:
valSlider = parseInt(thisComp.layer("mainselect").effect("Slider Control")("Slider"))+1;
try {
thisComp.layer("_Info").text.sourceText.split("\r")[valSlider]
} catch (err) {}
And opacity:
var thisLine = text.sourceText;
if (parseInt(thisLine.split("~")[0])>0)
{
(parent.transform.opacity/100) * (thisComp.layer("mainselect").effect("Slider Control").compositingOption.effectOpacity/100) * 100
} else {0}
The referenced MainSelect, is the above mentioned null, that collects its data from the null's, just like the sub-selects.
As mentioned, the problem might lie in the flags. There are 9 flags (only for the main catagory box). Each flag has a time remap, set like this:
n = Math.floor(effect("Slider Control")("Slider"));
framesToTime(n);
The slider gets the data from the country name, as the corresponding composition has 1-frame flags for each country. 1 per layer:
var thisLine = parent.parent.text.sourceText
try {
flag = "flag_" + thisLine.split("~")[8]
comp("CountryFlags").layer(flag).index
}
catch(err){
0;
}
The sub catagories have no flags, and only number, team and car text-fields. They are filled identically to the main catagory.
In addition to this, there is a call to 2 compositions, which together show the series logo and circuit data. These are shown through a scroll to combined images of all events and stops on the correct one. No time remapping.
It is quite a bit, but then again, a lot of data is to be shown, and in an appealing way 
As mentioned, the standings composition sports 326 layers, and does call some other compositions too. But that shouldn't result in a 2 hour rendering time, for a 45 second animation... (I would think)
Any help is greatly appreciated.
AdChoices