Skip to main content

2D Development Process

·    First decide the total number of frames to be engaged for the particular animation sequence. This is what is called the span of the animation. The more the number of frames, the better – because, with gradual transition, the movements of the objects tend to be natural and smooth. On the flip side, this also means that we have to develop more number of frames!

·    Tools like Flash provide flexibility to the users, to increase or decrease the number of frames between the key frames. However, it is better to plan as much as possible in the beginning rather than alterations during development. A proper projection on the number of frames required for a given sequence comes only with experience!

·    Since we have already identified which are all the important key frames in which important transitions are going to occur, we need to divide the span across the frames. For example, if we are planning an animation with a span of 70 frames and if we have 7 key frames – then we may plan to distribute 10 frames between each key frame.

·    The movement of the object(s) between two key frames dictate the number of frames to be inserted between them. If the movements are long, more frames are to be allocated in-between two key frames.

·    Develop the key frames. For the very first key frame, you may have to draw the objects to be animated or import them from files. But for subsequent key frames, it is enough if you show the relative movement of the object with respect to the present.

·    First key frame development involves drawing the actual figures over the frame, using one or more drawing tools available with the environment. Sometimes, it may be felt that the drawing tools supported by the animation environment are simply not enough . . . in such cases, the frames have to be stored as individual bitmaps and manipulated using any of the advanced image editing software – till the desired results are obtained. This is a cumbersome process.

·    In professional animation studios, it is compulsory to leave the key frames to be developed by experienced animators and leave the frames in-between to budding professionals.

·    Once the key frames are done, the frames in-between can either be automatically generated or hand drawn using relevant tools. The nature of transformation or movement determines the choice.

·    The speed at which transformation between key frames occur, determines the number of frames. This speed can be easily controlled in tools like Flash.

·    Once the frames are completed, they can be played back using the playback feature.

·    When all the slots in between the animation have been completed, then they have to be linked and rendered together.

·    The final stage of animation development process is to plug-in the animation thus developed into the project slot.

·    There are two ways of plugging in the animation into the project slot – they are linking and embedding.

·    Linking is the process of maintaining the animation file outside the multimedia core program and making relevant calls to the animation media file or playback – whenever required. This is the most preferred means of plugging-in animations into the project. The only flip side is that the animations can be seen by the users outside the program and may even be copied and reused!! (In short, file is minimized and maximized as per need)

·    Embedding is – ‘literally’ is the process of bundling the animation as a part of core multimedia project file. Professional multimedia authoring programs have something called resources – and once you specify all the sounds, videos and animations as resources, they automatically manage them and make them available to the execute program during runtime.
Placed by: Chaudhary Amit V.

Comments

Popular posts from this blog

Characteristics of a Good Programming Language

Till now there are many high level languages which are very popular, and there are others, which could not become so popular in-spite of being very powerful. There might be many reasons for the success of a language, but one obvious reason is the characteristics of the language. Several characteristics believed to be important with respect to making a programming language good are briefly discussed below. Simplicity A good programming language must be simple and easy to learn and use. For example, BASIC is liked by many programmers only because of its simplicity. Thus, a good programming language should provide a programmer with a clear, simple and unified set of concepts which can be easily grasped. It is also easy to develop and implement a compiler or an interpreter for a programming language that is simple. However, the power needed for the language should not be sacrificed for simplicity. The overall simplicity of a programming language strongly affects the readability of the pr...

Angular 4 and Firebase Authentication: Email/Password

In our  previous  article we saw how to create authentication module using Google identity provider. Now we will see how to implement Email and Password authentication using Firebase. We will use Bootstrap form to create intuitive user interface for sign-up and login using Email and Password. Step 1: Create signUp component. ng generate component signUp Step 2: Create custom form in sign-up.component.html file. The result of above code: Step 3: Add two functions for creating the user and login using Email and Password in src/app/providers/AFAuth.ts file. Step 4: Call createUserWithEmailAndPassword function in service from sign-up.component.ts. Step 5: Update routing configuration in app.module.ts  to include signUp component. Step 6: Update Login form to have Bootstrap form. The result of the above code. Step 7: Enable Email/Password component in Firebas...

Angular 4 and Firebase Authentication: Setup

If you have come to this article, it means you are keen to learn new technology and that too Firebase. I love Firebase because it provides all basic but important features of any web application. Take for example, authentication, which is cumbersome and risky if not implemented with utmost care. And when we have the integration of Angular and Firebase, it becomes a lot easier for a developer to build such crucial modules in less time with minimal efforts. In this article we will create a simple Angular application using Firebase. I am going ahead with the understanding that you know the benefits of Firebase and have little knowledge about it. There are plenty of posts out on the web if you are behind. Step 1: Install Angular CLI (if not installed). npm install -g angular-cli Step 2: Create new Angular 4 project. By default now angular CLI will create Angular 4 project so you need not fret. ng new firebase-authentication Step 3: Check whether the ne...