VVVV Session 4 - Study Task (26/02/2018)

Study Task


This study task allowed us to create a slideshow with three slides.

Main VVVV file for this project which contained other patches that were compressed. These patches worked together to create the final task.




Screen One

This patch created the first scene/slide used in the final creation. The I/O boxes connected to the output of the 'HSL' node control the colours used in the gradient by altering the hue, saturation, lightness and alpha of a specific I/O box (output). The 'DynamicTexture' node creates the gradient effect while the 'LinearSpread' ensures that these colours are either going in a vertical or horizontal position. The 'UniformScale' node is used to change the size of the 'Quad' (square). The text's position is also changed using the 'Translate' node while the 'UniformScale' node changes the size of the text.



Screen Two

This patch created the second scene/slide used in the final creation. Using the 'Quad' node to create a square in the renderer and the 'UniformScale' node to change the size of the square, I was able to use the 'FileTexture' node. This node allowed me to select a image from the VVVV image library and input it into that space.

The 'InputMorph' node is connected to the alpha connector on the 'HSL' node which is connected to the colour connector on the 'Text' node. When using the 'Damper' node along with the 'InputMorph' node, this gives the text the animated fade effect that we see in the renderer. The main purpose of using a 'Damper' node is to delay the output new value by a force applied to the input value of the damper, in this case 4.0000 is the input value, which creates the text fade in effect.



 Screen Three

This patch created the third scene/slide used in the final creation. The 'FileStream' node plays an important part in this patch as the first input connector is used as a play button while the second connector is used as a loop button. The fourth input connector is the Loop End Time and the fourth bottom connector is the Duration; which are both connected to the input and output of the 'Frame Delay' node. 

The 'VideoTexture' node, which renders video onto a texture, allowed me to use an already pre-existing video in my vvvv video library. This node is connected to the third connector (video) on the 'FileStream' node and is also connected to the 'Quad' node connector via the Average Frame Rate connector.

The 'Switch' nodes are connected to the 'Text' node and a blinker is set so that the text flutters/blinks while 'UniformScale' changes the size of the text. 



Ctrl

This patch controls screens 1-3. Each toggle button displays a different screen when clicked. By right clicking on the first toggle button connected to the 'MultiFlipFlop' node, screen one would be displayed on the renderer and so on. The 'Damper' node aids the transition between each screen.



Results from renderer



Comments

Post a Comment

Popular posts from this blog

Unity Project 4: Ball platformer game

Image
Finished game displayed in the scene view. Scene view Assets Uses Rigidbody so that the ball can use physics (Gravity) therefore it doesn't fall through the ground. The 'Rolling Ball' script is attached to the ball which adds force to the ball. Ball Inspector Scene view displaying the invisible cube object which can be used as a trigger for an event. Scene view When the console prints 'COLLIDED', the ball has collided with a specific object (Invisible cube). Console Message The invisible cube that is attached to the 'Trigger' script. When an object does not have a mesh renderer, the object becomes invisible as we cannot see it due to it not having a mesh. Cube Inspector Field of view changed, so that the ball can be seen from a slightly different angle. Follow target script also attached allowing a first person type view of the ball as the camera is set to follow the ball's movement. The camera can be moved so tha
Read more

[Research] Traditional Poster Design (4CTA1214)

Image
As you can see from the superman poster, there are only four main colours used which includes red, blue, yellow and brown. All elements are filled in with block colours with no shading which was a common colour theme for traditional posters of this kind. This poster may have been used to advertise a new Superman comic or movie depending on the year it was created. The expression on the characters face fits the title shown on the poster explaining that he is returning. This poster advertised Coca Cola, and looks as though this specific poster was used in the USA - due to the currency used. The whole aim of the poster is to incorporate this drink into working peoples daily lives. This is seen by the slogan, 'Work refreshed' and the small graphics on the bottom right of the poster. Displayed is a man working in a factory environment and a lady is working in an office environment both drinking cola during their breaks - to feel refreshed. In some ways the bottle and
Read more