Today, I will be continuing my journey to explore Isadora. This time is about creating your own custom user interface, this is a interplay with buttons and slide bar in order to take input values from the user and pass those values to the system, relevant actions will be performance upon those input values.
Using the previous objects such as Movie Player, Projector. Effects objects such as Dots, Motion Blur and add the third effects object called Video Inverter. What this does is that it invert colour field. So if the colour is white then it will invert into a negative version of the original, in this case it will change into black colour. Also it enables user to change the saturation and brightness of the video at will.
However, I want to have more control on those effects at will and be able to show it in real time if a particular button has been pressed. So enable show control which will display a list of interactive buttons, slide bar, menus and text etc to chose from. For now only interplay with button to control those effects, place a button on control pane and duplicate two more of the original button, rename it to Dots, Motion and Inverter. Next enable Actor/Control Split mode to see the three effects objects in scene editor, then simple drag and connect the Dots to Dot’s bypass field, Motion to Motion’s bypass filed and Inverter to Inverter’s bypass field. Once is complete, testing out by pressing down on any of those buttons and the effects will immediate changes the video output in real time showed on stage. (Figure 7)
Next, adding more custom user interface to enable more controls for user’s hand such as a Slide Bar, one to control dots size and the other one to control brightness of the video. Also adding a Bin Picker to control pane, rename it to Video Files and select video to enable all videos to be showed inside Video Files then drag and connect to Movie Player’s movie input. Time to testing out those functions, select a video from the Video Files and it will start play the movie on stage. Move the cursor to the dots size’s Slide Bar to dynamical change the size of the dots in real time, then slide the brightness Slide Bar to again dynamical change the brightness in real time, those will resulting in a real time updates as the movies progress. (Figure 8)
This time is in relation to activating sound in multiple scenes. Again using Movie Player and Projector to play a movie on stage but also play a background music when an input has been performed by the user. So create a scene called Movie and place Movie Player and Projector in it, then create another scene called Sound, duplicate the same objects from Movie. The reason why Isadora seems mp3 song as a movie clip is because it is a compressed file, go back to Movie scene and add Keyboard Watcher, Activate Scene and Deactivate Scene to the Movie scene. The Keyboard Watcher is to listen to any key presses from the user and Activate/Deactivate Scene is simply to play and stop the background music play. In Keyboard Watcher enter a specific key value, be sure to remember the key value as it is case sensitive, then drag and connect it to the trigger field, perform the same action for the other one. Once is complete, it will enable user to play and stop the background music in real time. Also give a five seconds fade in and fade out instead of suddenly play and stop the background music completely. (Figure 9)
Final experiment is in relation to creating your own User Actor. In other words, it enables user to create and place any objects inside the User Actor and become its own customised function. Inside User Actor I have placed four objects called User Input, User Output, Scanner and Desaturate. The User Input is to receives values from the corresponding input User Actor and the User Output is to sends values to the corresponding output User Actor. The Scanner allows user to dynamical change the pixels brightness in real time and the Desaturate is to remove colour information at will such as changing the percentage from colour to grey in real time. (Figure 10)
Head back outside of the User Actor and drag and connect the Movie Player’s video out field to the Video In field and drag and connect the Video Out to the Project’s video field. This resulting a customised effects applied to the video in real time as the movie progress on stage. Also it is the best practice to place visual effects objects or any other objects inside the User Actor as it reduce the use of space in Scene Editor to make it more dense, robust and compact environment. (Figure 11)
Today, I have gained some more technical knowledge in terms of how use add different kind of objects on Scene Editor, Control Panel and interact with different types of visual effects, I will be start using what I have learned from today and previous knowledge to create my very own interactive media and real time interactivity with Isadora.