For reference, I'm gonna place Dan's code here and use the line numbers as I explain.
Fig. A
var name = prompt("Composition name");
var BPM =prompt("Your BPM");
if (isNaN(BPM)) {
alert("You must give the comp a value");
}
var Beats = prompt("How Many Beat");
if (isNaN(Beats)) {
alert("You must give the comp a value");
}
var frameRate = prompt("Your fps");
if (isNaN(frameRate)) {
alert("You must give the comp a value");
}
var duration = ( 60 / BPM * Beats ); //Auto Generated
var beat = (60 / BPM);
//Creation Part
var myComp = app.project.items.addComp(name, 1920, 1080, 1, duration, frameRate); // Create Comp with Custom Lengh
var firstLayer = myComp.layers.addSolid([0,0,0], "BG", 1920, 1080, 1, duration); // Create BG Solid
firstLayer.label = 16;
myComp.layers.addSolid([0,0,0], "FX", 1920, 1080, 1, duration); // Create FX Solid
firstLayer = myComp.layers.addNull(duration); // Create Null Object
firstLayer.enabled = false;
firstLayer.name = "Beats";
firstLayer.label = 0;
// Place a marker on the 64 first beat
var myMarker = new MarkerValue("0");
firstLayer.property("Marker").setValueAtTime(beat*0, myMarker);
// Key every Beat on opacity
var myProperty = firstLayer.opacity;
myProperty.setValueAtTime(beat*0, 0);
Ok, so for your setup, it looks like you are grabbing four sets of data. You have the comp name (Fig. A line 1), BPM (Fig. A lines 2-5), beats (Fig. A lines 7-10), and the FPS (Fig. A lines 12-15). So as far as UI goes, you can modify what I had posted to...
res = "group{orientation:'column', alignment:['fill', 'fill'], alignChildren:['fill', 'fill'],\
myCompName: EditText{text:'Enter comp name'},\
myBPM: EditText{text:'Enter BPM'},\
myBeats: EditText{text:'Enter beats'},\
myFPS: DropDownList{properties:{items:['23.976', '24', '29.97', '30', '59.97', '60']}},\
createComp: Button{text:'Create comp'},\
}"
This will give you all four data entries for the UI. It's best to assign each control to a new variable for ease of use within your script.
// Control Variables
var compName = myPanel.grp.myCompName;
var myBPM = myPanel.grp.myBPM;
var myBeats = myPanel.grp.myBeats;
var fps = myPanel.grp.myFPS;
var createComp = myPanel.grp.createComp;
Once you have those variables you can then start setting up defaults if any. in this case, the dropdown would need a starting point for it's selection, so you can tell it to use the first entry by default like so.
//Defaults
fps.selection = 0;
Now you can setup your onClick functionality for the createComp button. This will contain to working part of Dan's code that processes everything (Fig. A lines 17-33). I added a few extras lines above this (Fig. B lines 1-7) in the below code just to match the variable names so you wouldn't need to change any of his code.
Fig. B
//onClick setups
createComp.onClick = function(){
//Gather user entered values
var name = compName.text;
var BPM = Number(myBPM.text);
var Beats = Number(myBeats.text);
var frameRate = fps.selection.text;
var duration = ( 60 / BPM * Beats );
var beat = (60 / BPM);
//Creation Part
var myComp = app.project.items.addComp(name, 1920, 1080, 1, duration, frameRate);
var firstLayer = myComp.layers.addSolid([0,0,0], "BG", 1920, 1080, 1, duration);
firstLayer.label = 16;
myComp.layers.addSolid([0,0,0], "FX", 1920, 1080, 1, duration);
firstLayer = myComp.layers.addNull(duration);
firstLayer.enabled = false;
firstLayer.name = "Beats";
firstLayer.label = 0;
// Place a marker on the 64 first beat
var myMarker = new MarkerValue("0");
firstLayer.property("Marker").setValueAtTime(beat*0, myMarker);
// Key every Beat on opacity
var myProperty = firstLayer.opacity;
myProperty.setValueAtTime(beat*0, 0);
}
So Fig. B line 2 begins the onClick call for the button and assigns a function to it. Within the function we run the process. Fig. B Line 4 grabs the compName edit text control's text attribute, Fig. B line 5 gets the BPM edit text control's text attribute and by using the function Number() we convert that text to a number for use in Fig. B line 9 and 10. The same applies to Fig. B line 6 and the Beats variable. For Fig. B line 7, a dropdown requires calling it's selection attribute, then it's text attribute to get the actual string. The dropdown made more sense for the FPS due to standard rates that exist. This list can be modified of course to your liking. Now there are no safety nets as I like to call them for the edit text controls to make sure text isn't entered when you need a number and vice versa. This would be something to can verify after Fig. B line 7, before trying to run the process code (Fig. B lines 9-25). Hopefully that will be easy enough for you to figure out.
So the whole script would look like this.
{
function myScript(thisObj) {
function myScript_buildUI(thisObj) {
var myPanel = (thisObj instanceof Panel) ? thisObj : new Window("palette", "My Panel Name", [0, 0, 300, 300]);
res="group{orientation:'column', alignment:['fill', 'fill'], alignChildren:['fill', 'fill'],\
myCompName: EditText{text:'Enter comp name'},\
myBPM: EditText{text:'Enter BPM'},\
myBeats: EditText{text:'Enter beats'},\
myFPS: DropDownList{properties:{items:['23.976', '24', '29.97', '30', '59.97', '60']}},\
createComp: Button{text:'Create comp'},\
}"
//Add resource string to panel
myPanel.grp = myPanel.add(res);
// Control Variables
var compName = myPanel.grp.myCompName;
var myBPM = myPanel.grp.myBPM;
var myBeats = myPanel.grp.myBeats;
var fps = myPanel.grp.myFPS;
var createComp = myPanel.grp.createComp;
//Defaults
fps.selection = 0;
//onClick setups
createComp.onClick = function(){
//Gather user entered values
var name = compName.text;
var BPM = Number(myBPM.text);
var Beats = Number(myBeats.text);
var frameRate = fps.selection.text;
var duration = ( 60 / BPM * Beats );
var beat = (60 / BPM);
//Creation Part
var myComp = app.project.items.addComp(name, 1920, 1080, 1, duration, frameRate);
var firstLayer = myComp.layers.addSolid([0,0,0], "BG", 1920, 1080, 1, duration);
firstLayer.label = 16;
myComp.layers.addSolid([0,0,0], "FX", 1920, 1080, 1, duration);
firstLayer = myComp.layers.addNull(duration);
firstLayer.enabled = false;
firstLayer.name = "Beats";
firstLayer.label = 0;
// Place a marker on the 64 first beat
var myMarker = new MarkerValue("0");
firstLayer.property("Marker").setValueAtTime(beat*0, myMarker);
// Key every Beat on opacity
var myProperty = firstLayer.opacity;
myProperty.setValueAtTime(beat*0, 0);
}
//Setup panel sizing and make panel resizable
myPanel.layout.layout(true);
myPanel.grp.minimumSize = myPanel.grp.size;
myPanel.layout.resize();
myPanel.onResizing = myPanel.onResize = function () {this.layout.resize();}
return myPanel;
}
var myScriptPal = myScript_buildUI(thisObj);
if ((myScriptPal != null) && (myScriptPal instanceof Window)) {
myScriptPal.center();
myScriptPal.show();
}
}
myScript(this);
}
1 Correct answer
5
Replies
AdChoices