Animation Guild oral history interviews with Animators

Dan Haskett
Steve Hulett, who is the Business Agent of The Animation Guild (IATSE Local 839), is conducting a series of interviews which makes for some fascinating listening.  Download these interviews to your iPod and enjoy listening to this vibrant oral history project with some of the best animators in the biz:

TAG Interviews -- CLICK HERE --
Or here:  http://animationguild.org/interviews/

So far they have about a dozen interviews posted online, with more promised . Interviewees include Mark Kausler , Dan Haskett , Tom Sito,  Kathy Zielinski, Bruce Smith, Mark Kirkland, Brian McEntee , Tim Walker , Robert Alvarez , Ed Gombert , and Rubin Aquino. If you're from my generation in animation you recognize all of these names immediately (I've worked with over half of these folks) . Some of you younger people may not immediately recognize all of these names , but just go search for them on IMDB.com and you'll read a very impressive credit list.

I'm looking forward to hearing more in this series of interviews.

Kyler Spears animation reel

This animation is by a high-school student,  Kyler Spears.  He's applied to Cal-Arts and I would expect he'll get accepted there. Very nice to see someone so young turning out such polished work.

Community Generated Database of Bird Calls from around the World





Xeno-Canto.org is a interesting community database of shared bird sounds from the whole world. The website boaste around 67,000 calls and songs from a whopping 7147 birds, which amounts to an impressive 67.4 percent of all species on the planet.

Search through the growing collection, identify or discuss unknown sounds and download freely.

via treehugger.com

Displaying Coding errors in PHP

If you just see a blank page instead of any errors, and you don't have access to the server, you can add a few lines to your scripts to make it easier to develop your code.

Create a file called "init.php" with the following code:

<?php
error_reporting(E_ALL);
ini_set("display_errors", 1);
?>

Then, you can include it in any scripts that require error reporting:
<?php

include 'init.php';

// ... the rest of your code

?>

Posting Variables to pages with PHP



This short tutorial video shows the basics for sending variables to other pages with the PHP $_POST array.

references:
http://php.net/manual/en/reserved.variables.post.php
http://www.w3schools.com/php/php_post.asp

3D Sketching with HTML

http://hakim.se/experiments/html5/sketch/

Draw 3D sketches with animating strokes!
SPACE+DRAG to change perspective. CTRL+Z to undo.

Some examples from the sketch gallery:



Firebug Web Debugger for Firefox

Link to get Firebug:
http://getfirebug.com/

HTML Boiler Plate

An HTML Boilerplate is a starting setup when beginning a new website project. This one is very clean -- including blank .js, .css, and index.html files all linked together for you to start coding right away.


Download: html_boilerplate.zip

HTML5 Web Links

Some HTML5 Inspiration

http://www.chromeexperiments.com/ - official chrome experiments
http://reas.com/twitch/ - twitch game
http://www.chromeexperiments.com/detail/entanglement/ - puzzle game
http://jayweeks.com/sketchy-structures-html5-canvas/ - sketchy structures
http://style.purkki.ilric.org/projects/js_wave/ - canvas worm
http://hakim.se/experiments/html5/core/01/ - shield game
http://www.lionel.me/experiments/extruder/ - artistic canvas experiment
http://www.chromeexperiments.com/detail/sinuous/?f= - Unique game made with canvas and
http://mrdoob.com/projects/chromeexperiments/google_sphere/ - Google homepage made into a sphere
http://www.chiptune.com/starfield/starfield.html - Starfield made with canvas tag
http://www.neave.com/ - Experimental website (made with flash)
http://muro.deviantart.com/ - Official Diviant Art Paint App (canvas tag)
http://raptjs.heroku.com/ - HTML5 Physics Platformer

Resources
Javscript Physics Library
http://box2d-js.sourceforge.net/index2.html

Resume Writing Workshop Reminder

We'll be having a Resume Writing Workshop on Wednesday, January 19th during normal class time.

Edit Any Website Live

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Intro to The Web

The Web, or internet, or interwebs, is possibly the most impactful thing to be introduced to human culture in the last 20 years. It anyone with a computer access to the sum of human knowledge. The Web is dominated by open source hardware and software solutions, far too many to count. We'll be experimenting in depth with various web-based languages, techniques, and concepts, but first, let's start at the beginning. How does the Web work?

Domain names are a good place to start because they are the identification of servers, which host the files that make up a website. The domain is the "name" of the website. The beginning of the domain name represents the protocol, such as http://, which means the domain is responding with HyperText Tranfer Protocol. Any computer running webserver software on it can host files to other computers.

Domain names are registered on Domain Name Servers, which link the domain name to the IP address of the computer hosting the website.

Anyone can register a domain name for a monthly fee. There are a number of ways to register a domain name, but it's useful to know if it's been registered or not. There is a WHOIS document attached to every domain, which lists the registrar of the domain, that is, who registered it, the admin contact, and other information.

AjaxDomainSearch is open source and releases their code freely, and you can download it.

Some others:
http://instantdomainsearch.com/
http://ajaxwhois.com/

HTML - A Markeup Language

We'll start by experimenting with HTML, which is a Markup Language used to describe Web Pages, created in 1991. HTML is not a programming language like Processing or JAVA that we've been working on in this course. It literally is text that is marked up with "tags", and read by the web browser in a top-down fashion. HTML tags are interpreted into Elements, resulting in the visual building blocks of all websites. There is no embedded logic, variables, or functionality in HTML. HTML tags simply wrap around text. Certain HTML elements, such as the <script> tag, <canvas> and <embed> allow you to write code into HTML documents with other languages -- most commonly Javascript. Flash, and other media are plugins, which rely on the <embed> and <object> tags.

So, your web browser reads HTML documents and displays them as web pages. The browser interprets the HTML tags as page elements.

Who Comes Up with the HTML Tags?

The Word Wide Web Consortium (W3C) is a standards organization that oversees HTML tags which are contributed by the community. There are web standards that follow a set of guidelines and best practices, overseen by the W3C. They also maintain the official Markup Validator, which you can run a website through to see if it's written to the HTML specification.

Writing HTML

There are two types of HTML tags. Let's use the <strong> tag as an example. The code:

<strong>This text will be bold.</strong>
displays as:
This text will be bold.

The <br> tag is a single tag format (a line break), for example:

some text <br /> text <br /> text
displays as:
some text
text
text

The <br /> tag does not have an ending tag, so we have the backslash "/" before the ending bracket.

Tags can have attributes, such as:

<img src="some/image.jpg" /> 

Where the "src" attribute points to the location of the image. Tags can have multiple attributes, for example:

<div style="background:rgb(0,0,0);" id="element1" /> 

which gives this div a background of black via its "style" attribute, and the id "element1" via its "id" attribute.

References

HTML Tag Reference
W3C Markup Validator
Ajax Domain Search
HTML
Domain Names
Domain Name Systems
IP Address
W3C