Computer Science I Libraries. Sound. Saving frames as images. Classwork/Homework: Make sketch using sound. Add saving frames.

Slides:



Advertisements
Similar presentations
H.264 Series Camera Object Detection with NAS server Configuration IP Surveillance Internet Camera Copyright © PLANET Technology Corporation.
Advertisements

Computer Information Technology – Section 5-7 PowerPoint: Effects - Animations Some text and examples used with permission from:
Y A S O O B A L I b o r n o n 1 9 t h F e b r u a r y i n K a n p u r d i s t r i c t o f U t t a r P r a d e s h. H e s t a r t e d s i n g i.
CAMERA USAGE TIPS 1. SELECT RESOLUTION Too high resolution uses lots of memory, slows presentation. 1600x1200 is good for general usage 2. SELECT SHOOTING.
Processing Processing is a simple programming environment that was created to make it easier to develop visually oriented applications with an emphasis.
Photography Workshop 1. Putting photos onto the PC with a digital camera 2. Downloading pictures 3. Saving Pictures – in a file or online 4. Picture .
Created in 2011 at Liberty High School. Getting Started Overview on Magnet Tool – Graphics – Text – Image – Video – Sound – Wall A Sample Glog How to.
Videos MovieMaker. Things to Remember  Pictures, Video & Sound files MUST be available on the computer until movie is finalized  Save supporting files.
A Prezi presentation is like creating a mind map. It is created on a blank canvas and you decide where the information goes on this canvas.
Push the F5 key on the keyboard to learn about a database that will help you. To move through the pages of instruction, click on the mouse. Do you want.
Unit 1 – Improving Productivity Jake Carey. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer to finish.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Programming for Artists ART 315 Dr. J. R. Parker Art/Digital Media Lab Lec 10 Fall 2010.
This quick & easy tutorial will give you what you need to start building some really awesome marketing tools! Start at:
Procedures 6.02 Apply procedures to develop multimedia presentations used in business.
Click your mouse for next slide Flash – Introduction and Startup Many times on websites you will see animations of various sorts Many of these are created.
IV.Creating & Editing a Video/Movie. Editing Techniques To open a project On the File menu, click Open Project. In the File name box, locate the saved.
Go to the Destiny home page,
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
Scratch Computer Models & Simulations Level 3. What You’ll Learn…  What is meant by models and simulations  How models and simulations help us learn.
THE BIG PICTURE. How does JavaScript interact with the browser?
Windows Movie Maker. What is Movie Maker? Windows Movie Maker allows one to…. create, edit, and share your movies right on your PC.
Programming Games Show your simple video. More video examples. Audio. Classwork/Homework: Produce more complex video program.
Programming games Show your version of Bo the dog. Start cannonball Preview: video, audio work session (cannonball) Homework: Cannonball with ball in a.
AGENDA – DIGITAL COMPUTER 1B MARCH 21, WEDNESDAY  MS PowerPoint Advance Course Lesson 3: Working with Visual and Sound Objects (Applications) 
Programming Games Preview Video & Audio. Work on cannonball. Homework: finish cannonball!
Screencasting with Camtasia Studio Festival of Learning October 8, 2012 LGSUHSD Debra Troxell
AUDIO FILES Audio files are files which hold sound (music & noise). Their are different types of audio files like : WAV-standard file used in windows pc’s.
Unit 1 – Improving Productivity Matthew Hazzard. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer.
Introduction to Processing. 2 What is processing? A simple programming environment that was created to make it easier to develop visually oriented applications.
Sheila Fredericks File Management. Think of your computer as if it were a file cabinet Computer C D Each file drawer is a computer drive.
Click your mouse for next slide Animation Settings Place your pictures and text Right click the frame you want to animate Choose Animation Settings OR.
Digital Storytelling Photostory 3 from Microsoft.
Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School.
Go to your Blog URL: Then click on “Log in” Your students do not need to remember their password, they can select.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Programming Behavioral Experiments in Flash Session 2 of 3 Building Your First Flash Experiment January 30, 2009 – Jeff Galak (NYU)
Unit 1 – Improving Productivity Olivia Cooke.. 1.1Why did you use a computer? What other systems / resources could you have used? Could of used a leaflet.
Programming games Cannonball due. Drawing & printing example. Acquiring video or sound Homework: Catch up: complete projects (rps, Bo, cb). Start video.
Computer Science I Classes and objects Classwork/Homework: Examine and modify my examples. Make your own.
How to Create a PowerPoint Presentation Mrs. Leah Craft University of Mississippi NMGK-8.
Computer Science I Programming in Java (programming using Processing IN Java, using IntelliJ IDE) Classwork/Homework: copy your Processing projects over.
Computer Science I Arrays. Parallel structures. Classwork/Homework: Build your own bouncing things.
Computer Science I Recap: variables & functions. Images. Pseudo-random processing.
Computer Science I Looping. User input. Classwork/Homework: Incorporate looping & user input into a sketch.
How to Back Up In 10 Easy Steps. Step 1: Double click on My computer. You should see something like this. WatchWatch.
Quick Launch. Google Drive 30 GB Cloud Space Document.
Start with loading the picture Locate your camera’s USB cable –it looks something like this:
Pictures, Pictures, Pictures!. Load your pictures:  Open your and save each picture to your computer. I suggest saving to the My Documents or My.
The first thing you need to do is log in. This is what the “Log In Screen” looks like. Remember to get teacher permission and login information prior.
Instructions Go to the shared area and open a file Go to -> S:\ICT\My Teacher\Mr Crossan\Year 7\Catch the Clown Open the Catch the Clown file by double.
IN THIS LESSON, WE WILL BECOME FAMILIAR WITH HTML AND BEGIN CREATING A WEB PAGE IN YOUR COMPUTER HTML – the foundation.
Let’s Make a Movie The Basics. Goals Storyboard Take Video Upload Video.
Scratch Programming Lesson 1 Moving objects with sound and changing colours.
Computer Science I Animations. Bouncing ball. The if statement. Classwork/homework: bouncing something. Compress and upload work to Moodle.
Computer Science I Go over midterm. Reprise on curves. Table examples. The map function. Testing Strings. Fonts. Classwork/Homework: Complete midterm project.
Computer Science I Looking at code: "Where did Prof. Shablinsky go" Classwork/homework: midterm projects.
Computer Science I More class examples. Paths. Jigsaw. Tolerance. Classwork/homework: Your class project. Post proposal for midterm project.
Time to upload Virtual something.
How to create interactive CS lessons with Office Mix + Online Python Tutor Philip Guo University of Rochester Aug 2015.
Yahoo! Mail We gave Google some good press so we’ll use Yahoo! mail as our example for web s. If you don’t have an account Yahoo! will provide.
Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.
Game Maker Tutorials Introduction Clickball IntroductionClickball Where is it? Shooting Where is it?Shooting.
Task 2f – part a Prove that you can receive an WITH an attachment, open it AND save the attachment to your user area. Open the with the attachment.
Click on the "UPLOAD" buttom circled on the picture.
What is SCRATCH? Learning Objectives: to explore the Scratch website
How to Embed Videos into Powerpoint
Learning How to Create an Online Interactive Poster using
What is SCRATCH? Learning Objectives: to explore the Scratch website
Digital Story Telling with Frames
Presentation transcript:

Computer Science I Libraries. Sound. Saving frames as images. Classwork/Homework: Make sketch using sound. Add saving frames.

Libraries are collections of code. Why doesn't the Processing Development Environment (or IntelliJ, which comes next) provide everything? – Too big – New ones being developed all the time. So, the mechanism for including new stuff is the same as mechanism for including more of built-in stuff import libraryname;

Steps to using sound Make or find a sound file(s) you want. Download In Processing, use Sketch/Add file… find on your computer In Processing, use Sketch/Inport Library…/Add Library… find on list. If it isn't there, find it online and look up how to add!

Very simple example // using sound import processing.sound.*; SoundFile shutter; void setup() { size(600,400); shutter = new SoundFile(this,"camera-shutter-click-01.wav"); frameRate(.25); //notice slowing down of frames } void draw() { shutter.play(); } Notice this

About the reference this Remember: our Processing code actually is part of a larger Java program. Using sound (and video and other things) requires some attention to the rest of the coding. The this refers to the object, called a PApplet, that holds our code.

Saving frames Making the current frame into an image file and saving that image file to the Sketch folder. The function is saveFrame(your_choice_of_name); Can designate a folder AND series of numbers. I chose to add code to my path making Sketch and take the snapshot when user clicks on key.

Within a program void keyPressed(){ saveFrame("snaps/worms####.png"); }

When to trigger taking snapshot? Whenever you want! Caution: if you do it in draw, and have a high frameRate, that will be a lot of pictures. Possibilities: keyPressed, mouse action, condition determined by coding, etc.

To retrieve Processing/Sketch/Show Sketch folder

Family mark for my father

Classwork Incorporate sound – Find sound file(s) – Write your own program using sound. Add to data file Import library – Use headset to check? – Obvious choice is some kind of bump when bouncing thing hits the wall Incorporate saving image of frames – Obvious choice: make a sound like a camera shutter when taking a snapshot