Making ends meet

I am contributing this entire blog towards the creation of the 3D interactive menu for my imagine worlds project.

And the reason for this is because of what I figured out throughout the development stage of the buttons. I couldn’t understand that my imported graphics would not show at a full resolution. Instead was pixlated and fuzzy, therefore I had to seek out an alternate solution to make this menu.

‘What about 3D?’

So I looked into making 3D buttons where the materials will not bring down the resolution of the button graphics. Coming across a video that explained clearly how to achieve this but there was a brick wall ahead…

Although I though…

Going back a few steps, the unity forums held the answer ‘Can JavaScript & C# be used in the same scene’

JavaScript for Menu Button functionality

#pragma script

car QuitButton : boolean = false;

function OnMouseUp ()

{

if(QuitButton) {

Application.Quit ();

}

else

{

Application.LoadLevel (“DWU_4.7”);

}

}

So after writing this script, it was applied to the 3D planes mimicking the buttons, and classified them as play, credits & quit buttons. To make them therefore work in connection with the Button script.

The image below gives a visual representation of what I’m trying to achieve by doing this…

Buttons

Plane

Next was the animation, and this was quite familiar as the timeline keying features were like them of Maya. It was just a method of selecting the object you intend on animating, then to the animation box and moving the object into place to therefore build the animation. This is how I completed the animation for the menu transitions.

Menu Animation

 

Advertisements

Imagine Worlds project Update

This is an overall summary of the past 8 weeks, versions have been made with improvement to; character interaction, Sound and obviously graphics.

My biggest struggles throughout the project has been the programming; on the bright side, I have been trying to grasp the more common features of programming by looking through YouTube videos, Unity script references and even my own written code and seeing if there is any similarity between what I have done and trying to do.

Continue reading “Imagine Worlds project Update”

2D Solo Game – Week 3

Now all the pieces are coming together nicely, and the code is making more sense by the day. Especially with the layout, learning the difference between Allman & TBS1 bracketing.

===== 1TBS =====
while (x == y) {
    something();
    somethingelse();
}
===== Allman =====
while (x == y)
{
    something();
    somethingelse();

This basically shows different ways to layout the code so programmers can read it easily and make sense out of it. 1TBS shows the opening brackets connecting to the end of the first line of code which could represent the literal connection whereas Allman separates creates a new line for a new bracketing section… like a quarantine in a way. Keeps everything away.

PICKUP
Allman Bracketing (Physics Movement ‘Script’)

Doing either bracketing will not affect the workings of the code of what target you apply it to. Ultimately this should show what code is supposed to look like and also show an easier way of bracketing the code.  Below is an example of 1TBS bracketing, I wouldn’t expect you to read it all but if you want to, I highly recommend looking at the way the brackets are set in comparison to Allman.

Cone & Line of Sight

Back to the game in hand, there have been major improvements such as including collectable objects in my game to finally trigger the door, the idea.

  1. Get the Collectables.
  2. Avoid the Enemy.
  3. Get to the goal.

Simple, it’s just… making more levels & having the gameplay flow at an equilibrium alongside an increasing difficulty. Throughout the duration of the game…

GAMEPROG
collectable objects function / Recent progress

A Change in scenery

Let’s say in a film, there is a scene which simply takes your breath away. Maybe a storm brewing above, the atmosphere changing in the environment. pretty interesting right?

Right!

This blog shows the magic of a changing in the skies and the feeling in which it brings to the environment you are trying to imply as the developer of VFX artist. First let me show you this image…

CaptureSKY

Firstly, this composition may consist of a JPEG image and either a still, panning or any other footage for the effect to really take hold. To start off, the linear wipe tool needs to be used to add the feather effect on the horizon as most would see any other sunny day. Applying this will show immense realism and give the audience extra to look at rather than a blank canvas.

Next, the ‘Linear color key’ will keep the JPEG image from being show on anything but the ground and by doing this there will be more room for safety and less for risk of positioning images or effects.

Finally, adding colour balance to your composition should give the overall effect and footage a more natural feel and with the right adjustments; everything should look more natural.

This video should show many other tutorials about Linear colour key and sky changing tutorials;

 

 

VFX – Skinning Effect

Like in Iron Man 3?

Tony stark flying about yet again whilst fighting of hordes of enemies which seem to look pretty steamed up… literally.

LR-Iron-Man-3-1
Skinning example (Iron Man 3)

This effect gives an immense amount of depth in the characters face from within, the effect mimics that of a photo shot of a hand with light shining through revealing the inner skeletal and vein structure.

 

hand-over-red-light
Skinning effect shown in real life photo

Applying this effect required a MP4 sequence of a face in any view preferably being;

  • Front facing
  • Side facing
  • 3/4 View
Skin clip
After effects composition setup.

This alongside a JPEG image of veins and the fractural Noise which can give the cloudy effect between the veins. Furthermore, the use of the external software of ‘Mocha AE’, movement can be tracked using the bezier tool and the data from that process will then be copied and moved to the mask & pre-comp.

Skin Bexier
Bezier Tool

Going back to the tracking for the scene, this can be explained with a short gif that I made in another composition  to show of Mocha AE tracking capabilities within any environment;

Tracking Feature

Using the Bezier tool I can select a specific point on the video, preferably with contrasting colours and hit the track forward button to begin gathering tracking data and this tracking data can the be applied to the masks within After effects of the image layers.

Autodesk Maya – NEXT GEN IDENT

I have been progressing ever so slightly with my I dent animation developing and refining it with minor changes by using the motion graph editor to help me with ‘block animation’ which also means step-by-step animation to help me get those main poses or key-frames just right…

I’ve also been meaning to redo the lighting to either expose the scene and enhance the aesthetics of the scene. In other words basically bringing out those nice colors and making everything look spectacular. The method I thought which was best using was the three-point lighting method this will contain a main light, filler light and a back light that can bring out much more of the model or the scene.

During the pipeline of development, I was told about a new renderer called TURTLE. Turtle, like mental Ray can enhance and improve lighting by taking characteristics of lightning from real environments and apply them to your own scene which overall can inject realism but on an uncanny level which also introduces the term ‘uncanny valley’.

ident
I DENT scene with motion blur + DoF (Depth of Field)

Uncanny valley – A term used when an event or a scenes characteristic turns out to be not fully realistic.

After all the lighting was complete I then moved on to cameras and the animation of the cameras, for this I did not need to use block animation. Instead, I switched over to the camera view which I wanted to animate and by moving myself to where my assets looked best I could insert a key frame, this would show off my version of what I wanted myself and the audience to see.

The only problem that I faced during this task was trying to get timing right, but I learnt that by going through the timeline I can pick out key points in the scene and position the camera to where I want when I needed. By doing this I found it a lot easier and a lot more successful to improve camera animation within Maya.

Continue reading “Autodesk Maya – NEXT GEN IDENT”

The 12 principles of animation ‘Illusion of life’

I have just watched a clip of the 12 principles of animation from Disney. I have also taken into account the vast range of different ways which an animation or a real life object can be altered to either look more fluent or fun in a way.

Click the link to watch the full video: The illusion of life

tumblr_n4roywpwa01tx30c0o1_500
Extract from Illusion of life ‘Secondary action’

Squash and Stretch

This principle delivers weight and volume to an object as it moves throughout a scene.

Anticipation

Gives the illusion of preparation through movement prior to the objects main movement

Staging

The presentation of an idea so it is therefore clearer to the audience what is being shown.

Pose to Pose and Straight

The idea of animating through two different methods which give out a smoother animation.

Pose to Pose

Charted with Key drawings so you can therefore plan out what will happen through the timeline of your animation.

Straight

Working the animation from frame to frame/drawing to drawing to complete the overall animation.

Follow through and overlap

When the main character moves from one space to another and suddenly stops, the rest of the body continues to follow through. Therefore nothing stops all at once.

Slow in and slow out

When the action starts, less drawings make the animation go faster. On the other hand, more drawings make the object move slower.

Arcs

All actions tied to an object give out a round or arc movement, it gives out the perception of natural action and better flow to an animation.

Secondary Action

It’s an additional action which therefore creates additional supplementary actions to give the main action more dimension and interest within the scene.

Timing

More drawings make between poses make the animation slower yet keep the animation smoother yet less drawings present the animation with faster movement but with a more static movement.

Exaggeration

Keep the common views of reality yet come across that view in a wild and wacky view.

Solid Drawings

The practice of drawing out three-dimensional objects taking into consideration their weight and volume.

Appeal

It is the charm and the personality/charisma of the character action which is aesthetically pleasing to the audiences eye.

All of these principles should be able to alter and improve the way we animate anything from 2-dimensional drawings to 3-dimensional models and drawings. There is a book which can help any aspiring animator hoping to make a mark on their work. This book is called  ‘The Animator’s Survival Kit’ by Richard Williams. It can be bought online and contains everything which you would need to know about any form of animation within the creative industries.