Web Update: New Paint Editor Drawing Tool

Web Update: New Paint Editor Drawing Tool

Web Update: New Paint Editor Drawing Tool

The Tynker Workshop on Web has a new drawing tool that will make it even easier for students to draw assets for their projects. This new tool is called the paint editor, and it’s more intuitive for kids to learn and use. Our old vector drawing tool is still available and is still a valuable skill for students to learn.

Screen Shot 2016-02-02 at 3.12.55 PM
Screen Shot 2016-02-02 at 3.12.05 PM
Paint Editor (left) and Vector Drawing Tool (right)

Using the Paint Editor

To get to the paint editor, just click “Add Actor” and choose the “Draw Your Own” option. It’s super simple to use the paint editor. From top to bottom, the tools available are the pen, paint brush, eraser, paint bucket, stamping tool, shape tool, text, selection tool, and alignment tool.

Accessing the Vector Drawing Tool

When you click “Add Actor,” choose the small icon on the far left below the main row of options. The vector drawing tool will work exactly the same as it always has and you can continue to use it for Tynker lessons.

Although the paint editor is easier to learn, vector drawing has a lot of advantages. If your students already know how to use the vector drawing tool, they can continue to use it to create images that would be challenging to make with the paint editor.

Teaching the Vector Drawing Tool Lesson

Note to Educators: Programming 101 Lesson 2 is about how to use the vector drawing tool. While you are in this lesson, the “Draw Your Own” option will open the vector drawing tool. This means that you can still follow the same instructions that are in the lesson for using the vector drawing tool. While outside the lesson, though, the “Draw Your Own” option will launch the new paint editor.

Tynker enables children to learn computer programming in a fun and imaginative way. More than 60 million kids worldwide have started learning to code using Tynker.

Style Switcher

Layout options
  • Boxed Layout
  • Full Width Layout
Header options
Accent Color Examples
Background Examples (boxed-only)
  • detailed
  • pixels
  • diagonal-noise
  • swoosh_bw
  • swoosh_colour
  • beach
  • sundown
View all options →