Tutorial 1 - The basics
Tutorial 2 - Character moves and delays
Tutorial 3 - Appear, disappear and headings
Tutorial 4 - Create Video WebM Files
How Do I?
Click Load Images | Canvas width, Canvas height
Click Load Images | Background color
Click Load Images | Title
Click Load Images | Load From Your Computer
Click Load Images | Click on any image in the library
Click Load Images | Go to Images Added below the canvas | Click X on the image you want to delete
Click Arrange | Click on the image and drag
Click Arrange | Click on image and drag the edges
Click Arrange | Go to Images Added below the canvas | Click on the eye icon
Click Arrange | Go to Images Added below the canvas | Drag the image to the position you want
Click Direct | Go to Images Available below the canvas | The Available Actions for each image are listed
Click Arrange | Click Show Points | Click Add Points | Click on the canvas to add Point | Click Done
Click Arrange | Click Show Points | Click on Point | Click Delete Point
Click Arrange | Click Show Points | Drag the point to new position
Cowboy move to Point P1 in 3 seconds.
Display heading "Directed By Spielberg"
Display text "This is example text" at Point P1 for 2 seconds.
Cowboy appear at Point P2. Point is optional. If not specified the character will appear at the location it was placed.
DIRECTION SCRIPT SYNTAX
Line comments starts with //.
// This is a line comment
Block comments start with /* and end with */
/* This is a block
multi line comment */
Directions are case insensitive. Internally, everything works in lowercase.
One sentence per line.
Full stop at the end of a sentence is optional.
There are 3 types of text that can be displayed
Speech: The location, size and time to display are automatically calculated.
The text will be displayed above the related image.
However the time can also be user specified. eg.
Cowboy say "This is a demo."
Cowboy say "This is a demo" for 2 seconds.
Textblock: This is to display text at set locations. The size and time to display are automatically calculated.
However the time can also be user specified. eg.
Display text "This is a demo." at Point P2.
Display text "This is a demo." at Point P2 for 2 seconds.
Heading: These are displayed at the center of the screen. The location and time
to display are automatically calculated. However the time can also be user specified. eg.
Display heading "This is toonclip.com production."
Display heading "This is toonclip.com production." for 2 seconds.
Character names should match sprite names. eg. Sprite is called Cowboy, then
a valid syntax would be
Cowboy say "something."
Allowed actions are those for which valid sprites have been created.
Examples of valid commands:
Wait 2 seconds.
Cowboy say "Hello."
Cowboy move to Point B
Display heading "This is a toonclip.com production" for 2 seconds.
What is ToonClip, and what can I do with it?
With the ToonClip platform and online community, you can create your own interactive stories, games,
and animations -- and share your creations with others around the world. For children, as they create and share
ClipToon projects, they learn to think creatively, reason systematically, and work collaboratively.
How do I make an animation with ClipToon?
Check out the Ideas page to see lots of ways to get started with ClipToon
Who uses ClipToon?
ClipToon is used by people from all backgrounds, in all countries around the world, in all types of settings --
homes, schools, libraries, museums, and more. People of all ages create and share with ToonClip.
What are the system requirements for ClipToon?
ClipToon will run in most current web browsers on desktops, laptops and tablets. You can view projects on mobile phones,
but some of the edit ability may be limited. Below is the list of officially supported browsers.
Mobile Chrome (63+),
Mobile Safari (11+)
Who created ClipToon?
ClipToon is developed and maintained by a team of artists and techies.
When a ToonCliper makes a copy of someone else’s project and modifies it to add their own ideas (for example,
by changing scripts or costumes), the resulting project is called a "fork". Every project shared to the ClipToon website
can be forked. We consider even a minor change to be a valid fork.
Why does the ClipToon Team require that all projects be “forkable”?
We believe that forking other people’s projects is a great way to learn to program and to create interesting projects.
Through remixing, creative ideas spread through the ClipToon community, and everyone benefits. All projects shared on the
ClipToon website are covered by the “Creative Commons Share Alike” license, which means that you can fork any project you
see on the ClipToon website -- and everyone else can fork any of the projects that you share on the website.
What if I don’t want others to fork my projects?
Forking is an important part of the ClipToon community. If you don’t want others to view or fork your creations,
you can still create projects on the ClipToon website, but don’t publish them on the website.
Why is it useful to have a ClipToon account?
Even without an account, you can play other people’s projects, read comments and forums, and even create your own projects.
But you need an account to save and share projects, write comments and forum posts, and participate in other "social"
activities in the community (like "loving" other people’s projects).
How can I create an account?
Just click "Join" on the ClipToon home page. You’ll need to respond to a few
questions, and provide an email address. It takes just a couple minutes,
and it’s totally free!
How do I confirm my account?
After you create a new account on ClipToon, you’ll receive an email message with a
link. Just click the link to confirm your account. Once you confirm your account,
you’ll be able to share projects, write comments, and create cliptoons.
Confirming your account also lets you receive email updates from the ClipToon Team.
If you cannot find the email with the confirmation link, check your Spam folder.
If you still can’t find it, and want to receive another copy, go to your Account
Settings, click the Email tab, and follow the instructions there. Please note that
it may take up to an hour for the email to arrive. If you still don't see the email
after an hour, let us know.
I forgot my username or password. How can I reset it?
Enter your username or email address on the Password Reset page. The website
will send an email to the address associated with your username and a link you
can use to reset your password.
How do I change my password?
Login to your ClipToon account, then visit our Password Settings page where
you can change your password.
How do I change my email address?
Login to your ClipToon account, then visit our Email Settings page where you
can change your email address.
Can I have more than one account?
It's fine to have a few accounts on the ClipToon website, as long as none of them
are used to break the Community Guidelines. In that case, all related accounts
may be blocked or deleted.
Is it OK to have more than one person logged into an account?
This is not allowed because the website and project editor can easily get confused
when more than one person is logged in to the same account. When an account does
something that violates the Community Guidelines, all related accounts may be
blocked or deleted. If you share an account with someone who does something
bad with it, this means your accounts can be blocked for what the other person did.
How do I delete my account?
Login to ClipToon, and then click your username in the top right-hand corner.
Select "Account Settings", then click the "I want to delete my account" link at
the bottom of the page. But you should only do this if you are absolutely sure
that you want to delete your account.
Licensing and Permissions
Is ClipToon free? Can I use it wherever I want?
Yes! ClipToon is available free of charge. You can use it in your school,
and you can teach a course about it (even a course that costs money). You don't
need to buy a license: it's free!
Can I use screenshots of ClipToon in a book or presentation?
Yes, you can use screenshots / images of the ClipToon application and website
in a book or presentation, and consider them to be licensed under the Creative
Commons Attribution-ShareAlike license.
Can I include a description of ClipToon in brochures or other materials?
Can I present ClipToon at a conference?
Please feel free to make presentations about ClipToon to educators or other groups.
May I use / remix ClipToon support materials, sprites, images, sounds or sample
projects I’ve found on the website?
Yes: Most ClipToon support materials on the ClipToon website are available
under the Creative Commons Attribution-ShareAlike license. There are a few
exceptions: the ClipToon Logo and a few characters such as Dilbert and Morty.
Can I sell my ClipToon projects?
Yes: Your ClipToon project is your creation. But keep in mind that once you
share your project on the ClipToon website, everyone is free to download,
remix, and reuse the project based on the terms of the Creative Commons
Attribution-ShareAlike license. So if you intend to sell your project, you may
want to un-share it from the ClipToon website.
How do I know what is or isn’t okay to share on the ClipToon website?
Cliptoon is a family and children friendly site. So, no nudity, no excessive
profanity, no illegal activity.
What do I do if I see something that’s inappropriate?
Drop us a message with the link in question.
Sign up & Log in
How can I sign up for ToonClip.com?
You can join ToonClip.com by signing up through a verifiable email address.
Privacy & Safety
What do you do with my information?
We use your profile information and settings to show you are the author of your clips.
We will never sell your personal information to third parties and we do not store data
that isn't relevant to our services.
How do I report a user?
You can report a user by contacting us.
Problems within the platform
The site is freezing or crashing.
Today there are so many different types of deviceses and so many
software updates that bugs are inevitable. We are working as fast
as possible to squash them, but please help us out by reporting
them to the support team.
Didn’t Find An Answer to Your Question?
Web-Based Motion Graphics Editor
Script animation using simple English sentences