Scratch

 

at home -->Download here: http://scratch.mit.edu/scratch_1.4/

 

---

ONLINE VERSION: http://scratch.mit.edu/projects/editor/?tip_bar=getStarted

---

Instructions:

• ALWAYS change downloaded sprites

     – colour or shape.  

• Always place your name the first screen along with instructions for gameplay.

********************************************************

POST TO BLOG Download version:

upload your SCRATCH files to a new Dropbox folder called 'scratch' you create in the PUBLIC folder
https://www.dropbox.com/enable_public_folder

 Embed your game

You will need ScratchApplet.jar in the same folder as your game
download here: https://dl.dropboxusercontent.com/u/22608217/TestShareFolder/ScratchApplet.jar
sample code below:
COPY and paste using the HTML tab on your blog site.
Change the 'project' 'value' to your game and the 'codebase' link comes from the "Public Link" to your dropbox folder which you create in your PUBLIC folder. You get the public link form going to dropbox.com


<p class="center">
        <div class="bold"><h2>Name of your GAME</h2></div>
 <applet id="ProjectApplet" style="display:block" code="ScratchApplet" codebase="https://dl.dropboxusercontent.com/u/22608217/TestShareFolder/." archive="ScratchApplet.jar" height="387" width="482">
 <param name="project" value="Ex_ArtilleryStrike.sb">
 </applet> 
      </p>

Post the final version of the game only.

***************************************************************************
POST TO BLOG ONLINE VERSION: choose SHARE then copy the EMBED code.
Paste this into the HTML section of your blogpost.
***************************************************************************

Projects:

Activity 1-7 from

http://www.eastonhome.co.uk/Scratch/
alternatively  Find them here --> http://www.teach-ict.com/programming/scratch/scratch_home.htm

 

1. The Basics - Right click video for controls

2. Eyes 

Lazy Eyes

3. Car

Car Advanced

4. Helicopter

5. Tank  (needs an enemy)

6. Invaders

Invaders Advanced

7. Asteroids

Asteroids Advanced

 

Activity 8 – MAZE -2 parts

1.       Start easy - Maze game – “How to make a Maze Game (with levels)”: http://scratch.mit.edu/projects/2835930/

 

2.       Maze Extreme - 3 levels – different mazes for each, Add monsters, lives, points, YOU WIN or YOU LOSE screen

Advanced extra Activity 9

Create your own game- from scratch – no tutorial

3 levels – points, lives, restart

---
If you cannot see the game below UPDATE your JAVA

You can embed your game!

from my dropbox TestShareFolder which must be in the PUBLIC folder

 

Cinemagraph GIFs

Cinemagraph GIFs

http://www.hongkiat.com/blog/cinemagraph/

http://www.buzzfeed.com/thegeshow/the-60-most-beautiful-cinemagraph-gifs

Original

Sequence Cut Out 
Cinemagraph

  

Using Photoshop, Premiere Pro and FLASH

Find an interesting clip the fits the requirements of a cinemagraph-gif.

Look for lots of moving parts from which you will extract 1 or more to display in a still life image.
Categories:     This is Cool, That’s Creepy, Plain Scary, Odd choice

1.  Extract 1 moving item.

2.  Extract 2 in sequence à show 1 then show the other (as a reaction to the first).
3.  Extract and show 3 or more at different times
4. Bring in a sequence from a completely different movie clip- make it fit

A movie can only be loaded in to FLASH as an FLV file. However, FLV does not do Frame sequencing which is OLD SCHOOL DV movie encoding à

Converting a video to keyframes requires that the video compression (its Codec) is frame-based. But it isn't. DV - the once dominating format in camcorders, now less so, was probably the last format that used only frame-based compression. Some QuickTime variants too, and when you used these in Flash you could probably use a convert-to-frames method there. Modern formats use temporal compression which gives smaller files and better quality. This includes FLV. Temporal compression means - in short - that most frames are constructed from bits and pieces from previous and upcoming frames. Nowadays a videofile is a stream of data, not a chunk of frames. This means that you can't go to a specific frame either; there is no way in ActionScript you can say video.gotoandstop(112); or similar - for the same reason. Instead you can (only) seek to its nearest keyframe, video keyframe that is. Since these are (the only) full frames in the stream, they can be displayed in a frozen state easily. In an editing app you need to reconstruct the missing full frames before cutting is possible. Flash doesn't have this feature, and so you can't convert video to individual frames there. Video editing apps however will be able to export individual frames as bitmaps, easily. This batch can be imported to Flash. The whole process is pretty easy, and in some applications it may be the best way to go. But you lose the efficiency of the video compression. A video file say 2 MB in size may very likely end up as 10 MB of bitmaps, and may not play back as smooth either.

 As a result:  Use Premiere Pro 

 to cut out the section of video you are interested in.
Run Premiere Pro and use the default settings.
Drag your movie clip onto the VIDEO1 time line (lower right in Premiere Pro)
è If the popup occurs

è  

è Choose “Change Sequence Settings”

Watch the video and choose:            “{“     Mark In              and            “}”    Mark Out
to select a specific sequence from the video

Export the animation as a series of JPG images.

Choose FILE – EXPORT – MEDIA

Choose Source range: “Sequence In/Out”

Choose Format: “JPEG”

Choose Output Name: Sequence 01.jpg and create a folder to store the images in

– you may also change the name from sequence 01 to another word but keep the number i.e. “Rabbit 01”

Keep the width and Height

  

Back To Photoshop

Choose one of the Series of JPG pictures as your STILL image
copy and rename to still_image.jpg

Remove unwanted objects from the image:

NORMAL WAY à With clone stamp: 
LINK

NEW SUPER COOL WAY à With content aware fill:

LINK

You may have to “RASTERIZE” the image first before the FILL command will show up.

SAVE as STILL_image_edited.jpg
On to FLASH

Import these JPG images into Flash.

Layer 1 import the STILL_image to the stage.

create a new layer - Layer 2

Import to stage – select first sequence image

You should get a popup

Choose YES

On the second layer edit out the parts of the movie you DO NOT want. One picture a time.  Use CTRL-B to break them apart for editing

Be as accurate as possible ( ZOOM in)  and if the camera was not held steady you may have to tweak the position of your objects ever so slightly.

Save as:
AVI or animated Gif or SWF
Post to blog