TUTORIALS

Tutorials

Tutorial 1 - The basics




Tutorial 2 - Character moves and delays




Tutorial 3 - Appear, disappear and headings




Tutorial 4 - Create Video WebM Files




Tutorial 5 - Add Audio




Tutorial 6 - Create your own character




Tutorial 7 - Zoom, Pan and cut to cameras






You can also join us on Discord to chat directly with us about your questions:




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 | 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 | Click on the eye icon
Click Arrange | Go to Images Added | Drag the image to the position you want
Click Direct | Go to Images Available | 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 say "Hi there."
Cowboy move to Point P1 in 3 seconds.
Wait for 2 seconds.
Display heading "Directed By Spielberg"
Display text "This is example text" at Point P1 for 2 seconds.
The Action Script for this is "Clear stage."
Cowboy disappear
Cowboy appear at Point P2. Point is optional. If not specified the character will appear at the location it was placed.
Open the Create/Edit/Clone Images section. Click on Show Cameras, then Add Camera.
Open the Create/Edit/Clone Images section. Click on Edit icon for the Camera you want to edit, then drag to edit on the canvas.
If you want to Zoom "Zoom to Camera1". You can also use Pan or Cut instead of Zoom. Pan and Zoom work the same where the change is animated. However, cut does not have the camera change animation. Instead it is a sudden jump.



DIRECTION SCRIPT SYNTAX


Line comments starts with //. eg:
// This is a line comment

Block comments start with /* and end with */
eg:
/* This is a block
multi line comment */

Reserved words are:
  • at
  • display
  • for
  • heading
  • point
  • say
  • second(s)
  • text
  • wait
  • move
  • in
  • cut
  • zoom
  • pan
  • camera
  • template

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
  1. 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.
  2. 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.
  3. 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 turnLeft
Cowboy move to Point B
Display heading "This is a toonclip.com production" for 2 seconds.



General Questions


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.

Desktop
Chrome (63+), Edge (15+), Firefox (57+), Safari (11+)

Tablet
Mobile Chrome (63+), Mobile Safari (11+)

Who created ClipToon?
ClipToon is developed and maintained by a team of artists and techies.



Forking


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.



Accounts


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?
Sure!

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.



Inappropriate Content


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.




Misc.


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?
 
Contact Us


Features

  • Web-Based Motion Graphics Editor
  • Script animation using simple English sentences