LEARN THE BASICS OF ANIMATION USING TYNKER

 

TYNKER CODING


Why Coding?

In today's world, coding is a superpower. It gives you the ability to create, solve problems, and bring ideas to life through technology. However, coding doesn’t have to be just about solving puzzles or building apps. When combined with creative writing, it can become a tool for storytelling, expression, and imagination. Just like a writer brings characters and worlds to life with words, a coder can bring them to life with animation and interaction.

Why Tynker?

Tynker is a fun, easy-to-use platform designed to teach coding in a visual and engaging way. With simple drag-and-drop blocks, even beginners can create games, animations, and interactive projects without needing prior programming experience. It offers a hands-on approach that turns abstract coding concepts into real, tangible projects—making learning both fun and effective.

Code Visually.

Quickly turn ideas into reality without struggling with programming syntax. Visual code blocks introduce logic and programming concepts in a way that's easy for kids to master.

What is Tynker?

Tynker makes learning code similar to piecing together a puzzle. Tynker simplifies the intricate world of computer science by transforming it into easily digestible chunks through block-based coding. By transforming coding into an engaging and interactive journey, this method effectively unravels the mysteries of programming, igniting a passion for discovery among novice learners.

Let us see the steps to login to tynker .This is an online platform and link is https://www.tynker.com/

This is the login page and we could select either one option,student ,teacher or parent and could use class code or google account to login to tynker account.

We have been provided with a lot of options in tynker like game design, art and music ,stem and AI,Python,Javascript,HTML and CSS,JAVA,P5.js and so on.

Create a blank project

After logging in at tynker.com, you’ll see your Dashboard. From here, you can see your Recent projects and any courses you’re working on. But let's see how you can start a new block-coding project.

First click +Create Project from the left navigation bar.

Then choose Blank Block Coding Project:

OpenBlankProject-2.PNG



Now the Tynker Workshop will appear. You’ll see a little blue monster and some code on the screen, something like this: Tynker Workshop, annotated

❶ This is the Stage. You can see Codey, the blue monster, on the Stage for now (in the upper right). Whatever you program, the Stage is where the action happens. You can position Actors on the Stage by clicking and dragging them. And you can start and stop the action using the Play ▶️ and Stop 🛑 buttons.

❷ This is the Code Palette. Blocks are grouped together according to what they do (for example, Sound, Motion, Logic, and so on). To find the block you need fast, you can Search using 🔍.

❸ This is the Coding Area, where you drag and drop code blocks from the Palette for your Actors. Connect a stack of code blocks together to write your own programs.

❹ This is the Actors List. In Tynker, every object and character is an Actor. From the Actor List, you can click Add Actor to add new characters and props. To switch between Actors and add new costumes or sound effects to Actors, just click their names in the Actors List.


This is how the design page of tynker looks like.

On the Tynker Stage, Actors are placed according to a coordinate grid, like the one you’ve seen in math class. The center is at 0,0. To see the coordinate grid, click this icon on the Stage.

grid.PNG

When you do, a grid will appear on Stage, like so:

unnamed (5).png

The x coordinates describe an actor’s horizontal position. They go from x = -682 on the left to x = 682 on the right.

The y coordinates describe an actor’s vertical position. They go from y = 384 at the top to y = - 384 at the bottom of the Stage.

You can click and drag an actor to the exact position you want.

Hint: Notice the current coordinates of the mouse in the lower right!

The Actor List

The Actor List is in the bottom right of Tynker Workshop. In the example below, you can quickly see that I have a Big Bad Wolf actor and three Pig actors, as well as the Stage.

actor-palette.PNG

All of your project's Actors are shown in the Actor List. Your current actor will appear as selected. To give code to a new actor, just click on it in the actor's list.You can also quickly manage an Actor's code AND costumes using the Actor's list. Let's take a closer look at these buttons:

actor-icons.png

✎Edit — open the Drawing Tool, so you can edit or add costumes

⛭ Settings — check out advanced settings like Sound, Actor Properties, and more

≣ Arrange — move your actors to the front or back, so they show up exactly how you want (usually you want your most important Actors in the front and center of the stage)

⋮ More — Delete or Duplicate an actor, or add the Actor to the Backpack

How do I save my work?

Change the name of your project from “Untitled” to a name of your choice in the upper left hand of the workshop. Then click Save.

my-first-project.PNG

Now, whenever you login to Tynker, you’ll be able to see and update your project! Find it again in the My Projects section.


Comments