Click the save button. When you click that, a black box will appear with JavaScript code. Highlight everything and copy it. Go to computer programming, click on JavaScript and click new program. You should now see a blank canvas. (Scroll 2/3 down the page) This is the link: https://www.khanacademy.org/computer-programming/new/pjs Paste the code in this new program, hit save and name your program. Your finished product should look like a mini GIF. Hope this helps!

Press save and copy the code into a new java script program

Who created animation, and how did they make it come to life?

Charles Émile Reynaud I think.. and I'm not sure how they made it come to life.

hi how can animate a new object

The lesson will teach you - you can use Bezier Curves, which are curves that makes your animation realistic. Use the Pink dots to adjust. The Y is for height and the X is for left & right. To make the ball seem alive, you can stretch it while it's falling and squash it when it hits the ground. The r is for rotation of the ball.

¿Puedo modificar el código para cambiar la imagen?, es decir, ¿en vez de la pelota tenéis diferentes variables para cada personaje pixar o solo habéis hecho la varible ('pixar/luxoball') asociada a una imagen? ¿Si yo pusiera var ball= getImage('pixar/grandpaUp'); podría animar al abuelo de UP?

No, no lo creo. Podrías intentarlo, sin embargo.

how do i save after the animation

Where is javascript? Can you send me alink.

why is the save not working

there should be a black box with code u have to copy all of the code and paste it here https://www.khanacademy.org/computer-programming/new/pjs

how do you save? it shows me a black box with code..

you have to copy all the code and paste it here https://www.khanacademy.org/computer-programming/new/pjs

how do you saeve this plz answer soon

Click the save button. When you click that, a black box will appear with JavaScript code. Highlight everything and copy it. Go to computer programming, click on JavaScript and click new program. You should now see a blank canvas. (Scroll 2/3 down the page) Paste the code in this new program, hit save and name your program. Your finished product should look like a mini gif.

Main content

Save your animation

Google Classroom

Make and save your own animation!

Your turn!

Use the program below to build your animation. Now you can move the ball anywhere as well as rotate it. Use the

x

and

y

avars to position the ball. Use the

s

avar to control the stretch and squash, and use the

r

avar to control the rotation of the ball.

When you're happy with your animation press the Save button; this will bring up a black box containing the code for your animation.
Copy all the text in the box and paste it here to create a new program.
Then save that program.

Note: If you see an X and several A's on the last two lines, delete those.

Challenges

Can you make the ball look heavy?
Can you make it look like a water balloon?
Can you make it look happy?

Want to join the conversation?

Sort by:

Aly Girl
Posted 8 years ago. Direct link to Aly Girl's post “How do you save?”
How do you save?
Button navigates to signup pageComment on Aly Girl's post “How do you save?”
(104 votes)
Answer
- FrenchHorn1
  Posted 6 years ago. Direct link to FrenchHorn1's post “Click the save button. Wh...”
  Click the save button. When you click that, a black box will appear with JavaScript code. Highlight everything and copy it.
  
  Go to computer programming, click on JavaScript and click new program. You should now see a blank canvas. (Scroll 2/3 down the page)
  This is the link: https://www.khanacademy.org/computer-programming/new/pjs
  
  Paste the code in this new program, hit save and name your program.
  
  Your finished product should look like a mini GIF.
  
  Hope this helps!
  Comment on FrenchHorn1's post “Click the save button. Wh...”
  (115 votes)
Parzival
Posted 7 years ago. Direct link to Parzival's post “how do you save?”
how do you save?
Button navigates to signup pageComment on Parzival's post “how do you save?”
(10 votes)
Answer
- MonkeyRJK
  Posted 7 years ago. Direct link to MonkeyRJK's post “Press save and copy the c...”
  Press save and copy the code into a new java script program
  Comment on MonkeyRJK's post “Press save and copy the c...”
  (18 votes)
705678
Posted 4 years ago. Direct link to 705678's post “Who created animation, an...”
Who created animation, and how did they make it come to life?
Button navigates to signup pageComment on 705678's post “Who created animation, an...”
(10 votes)
Answer
- nova
  Posted 3 years ago. Direct link to nova's post “Charles Émile Reynaud I t...”
  Charles Émile Reynaud I think.. and I'm not sure how they made it come to life.
  Comment on nova's post “Charles Émile Reynaud I t...”
  (9 votes)
teccse74
Posted 6 years ago. Direct link to teccse74's post “hi how can animate a new...”
hi how can animate a new object
Button navigates to signup pageComment on teccse74's post “hi how can animate a new...”
(5 votes)
Answer
- Kevin Guo
  Posted 3 years ago. Direct link to Kevin Guo's post “The lesson will teach you...”
  The lesson will teach you - you can use Bezier Curves, which are curves that makes your animation realistic. Use the Pink dots to adjust. The Y is for height and the X is for left & right. To make the ball seem alive, you can stretch it while it's falling and squash it when it hits the ground. The r is for rotation of the ball.
  Button navigates to signup page
  (9 votes)
David.O
Posted a year ago. Direct link to David.O's post “How do i animate my ball ...”
How do i animate my ball doing a 360 no scope and then making the ball teleport like a ninja
Button navigates to signup pageComment on David.O's post “How do i animate my ball ...”
(8 votes)
Answer
- David.O
  Posted a year ago. Direct link to David.O's post “u can,t boy u can,t!”
  u can,t boy u can,t!
  Comment on David.O's post “u can,t boy u can,t!”
  (2 votes)
Elena Santiago
Posted 4 years ago. Direct link to Elena Santiago's post “¿Puedo modificar el códig...”
¿Puedo modificar el código para cambiar la imagen?, es decir, ¿en vez de la pelota tenéis diferentes variables para cada personaje pixar o solo habéis hecho la varible ('pixar/luxoball') asociada a una imagen?
¿Si yo pusiera var ball= getImage('pixar/grandpaUp'); podría animar al abuelo de UP?
Button navigates to signup pageComment on Elena Santiago's post “¿Puedo modificar el códig...”
(5 votes)
Answer
- nova
  Posted 3 years ago. Direct link to nova's post “No, no lo creo. Podrías i...”
  No, no lo creo. Podrías intentarlo, sin embargo.
  Comment on nova's post “No, no lo creo. Podrías i...”
  (4 votes)
marina.ruschel-silva
Posted 6 years ago. Direct link to marina.ruschel-silva's post “how do you saeve this plz...”
how do you saeve this plz answer soon
Button navigates to signup pageComment on marina.ruschel-silva's post “how do you saeve this plz...”
(1 vote)
Answer
- FrenchHorn1
  Posted 6 years ago. Direct link to FrenchHorn1's post “Click the save button. Wh...”
  Click the save button. When you click that, a black box will appear with JavaScript code. Highlight everything and copy it.
  
  Go to computer programming, click on JavaScript and click new program. You should now see a blank canvas. (Scroll 2/3 down the page)
  
  Paste the code in this new program, hit save and name your program.
  
  Your finished product should look like a mini gif.
  Comment on FrenchHorn1's post “Click the save button. Wh...”
  (7 votes)
Zhong Lin
Posted 6 years ago. Direct link to Zhong Lin's post “how do i save after the a...”
how do i save after the animation
Button navigates to signup pageButton navigates to signup page
(3 votes)
Answer
- Kgonzalez
  Posted 5 years ago. Direct link to Kgonzalez's post “Where is javascript? Can ...”
  Where is javascript? Can you send me alink.
  Comment on Kgonzalez's post “Where is javascript? Can ...”
  (2 votes)
ha3220058
Posted 3 years ago. Direct link to ha3220058's post “why is the save not worki...”
why is the save not working
Button navigates to signup pageButton navigates to signup page
(3 votes)
Answer
- Yusha Oliver
  Posted 2 years ago. Direct link to Yusha Oliver's post “there should be a black b...”
  there should be a black box with code u have to copy all of the code and paste it here
  https://www.khanacademy.org/computer-programming/new/pjs
  Button navigates to signup page
  (2 votes)
Anch
Posted 4 years ago. Direct link to Anch's post “how do you save? it shows...”
how do you save? it shows me a black box with code..
Button navigates to signup pageButton navigates to signup page
(3 votes)
Answer
- Yusha Oliver
  Posted 2 years ago. Direct link to Yusha Oliver's post “you have to copy all the ...”
  you have to copy all the code and paste it here
  https://www.khanacademy.org/computer-programming/new/pjs
  Button navigates to signup page
  (2 votes)

Pixar in a Box

Course: Pixar in a Box > Unit 10

Save your animation

Your turn!

Challenges

Want to join the conversation?