daisyrust.com » digital art hacks http://www.daisyrust.com digital art - quartz composer - performance - exhibition Thu, 29 Jul 2010 17:42:07 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Experiments in Digital Puppetry Published by Springer http://www.daisyrust.com/2008/08/01/digital-puppetry-and-quartz-composer-chapter/ http://www.daisyrust.com/2008/08/01/digital-puppetry-and-quartz-composer-chapter/#comments Fri, 01 Aug 2008 21:00:03 +0000 ian grant http://www.daisyrust.com/?p=141 Image Book Cover Transdisciplinary Digital Art

I've written a chapter in the following book: "Experiments in Digital Puppetry. Video Hybrids in Quartz Composer". It involves the material on this site and elsewhere that describes real-time video processing and the use of Quartz Composer in performance. I feel quite proud to be in such interesting and diverse company. The chapters on digital puppetry are really welcome. The subject deserves a book all of it's own! I have a chapter on Digital Puppetry and real-time performance systems (including Quartz Composer) in the following book: Transdisciplinary Digital Art. Sound, Vision and the New Screen Digital Art Weeks and Interactive Futures 2006/2007, Zurich, Switzerland and Victoria, BC, Canada. Selected Papers 978-3-540-79486-8_1 Editors: Randy Adams, Steve Gibson and Stefan Müller Arisona I'll post more details and some excerpts asap. If you are in a position to, please order the book for your college or local library!]]> Image Book Cover Transdisciplinary Digital Art

I’ve written a chapter in the following book: “Experiments in Digital Puppetry. Video Hybrids in Quartz Composer”. It involves the material on this site and elsewhere that describes real-time video processing and the use of Quartz Composer in performance. I feel quite proud to be in such interesting and diverse company. The chapters on digital puppetry are really welcome. The subject deserves a book all of it’s own!

I have a chapter on Digital Puppetry and real-time performance systems (including Quartz Composer) in the following book:

Transdisciplinary Digital Art. Sound, Vision and the New Screen
Digital Art Weeks and Interactive Futures 2006/2007, Zurich, Switzerland and Victoria, BC, Canada. Selected Papers
978-3-540-79486-8_1
Editors: Randy Adams, Steve Gibson and Stefan Müller Arisona

I’ll post more details and some excerpts asap.

If you are in a position to, please order the book for your college or local library!

]]> http://www.daisyrust.com/2008/08/01/digital-puppetry-and-quartz-composer-chapter/feed/ 0 Controlling Quartz Composer with Speech Commands http://www.daisyrust.com/2006/10/11/controlling-quartz-composer-with-speech-commands/ http://www.daisyrust.com/2006/10/11/controlling-quartz-composer-with-speech-commands/#comments Wed, 11 Oct 2006 10:44:37 +0000 ian grant http://www.daisyrust.com/2006/10/11/controlling-quartz-composer-with-speech-commands/ First draft:

Here we go! I did this once then failed to remember how I did it – and I’m not surprised – because the functionality to attach a speech command to an application specific key-press can only be accessed by SPEAKING the command “Define a Keyboard Command” – highlighted below in the Speech Commands window.

Omnidazzlescreensnapz002-2

After speaking the command – the interface below appears letting you assign a key press / key combination:

System Preferencesscreensnapz001

Then main “Define keyboard command” window lets you associated the key-press with a spoken phrase. An option lets you limit the Speech Command to a single application (the current frontmost application at the time the command was spoken) or to be available in all applications.

System Preferencesscreensnapz002

So: with Quartz Composer as the front-most application, invoke the “Define a Keyboard Command” Speech Command: I created speech commands for the words “Bored”, “Ecstasy”, “Frown”, “Smile” and “Wonder” and mapped them onto key-press “a” through to “e”. You can see them listed here in the “Speech Commands” window:

Quartz Composerscreensnapz001A

Then: I created a simple Quartz Composer composition attached here: with keyboard patch – that did stuff when letters “a” through to “e” were pressed: the demo presents text but you could easily set up commands to control video playback, switch between images, attempt interactive stories, etc… .

The Quartz Composer patch working:

Quartz Composerscreensnapz001

Download: VoiceTest.qtz.zip VoiceTest.qtz.zip

Switching off all unnecessary speech “Command Sets” and calibrating the microphone (every-time) increases the reliabiliy of “Speech Commands”.

I intend to test how reliable ‘continuous listening’ is with a dedicated ‘line-in’ microphone with different voices speaking commands. I’ll report back.

*******************************
Ian Grant
Lecturer in Digital Art
*******************************

]]> http://www.daisyrust.com/2006/10/11/controlling-quartz-composer-with-speech-commands/feed/ 0 Using Magpie RSS to scrape blog headlines to html http://www.daisyrust.com/2006/03/25/using-magpie-rss-to-scrape-blog-headlines-to-html/ http://www.daisyrust.com/2006/03/25/using-magpie-rss-to-scrape-blog-headlines-to-html/#comments Sat, 25 Mar 2006 09:43:42 +0000 ian grant http://www.daisyrust.com/2006/03/25/using-magpie-rss-to-scrape-blog-headlines-to-html/ This walkthrough assumes you have access to a server running PHP and the ability to change permissions on directories.

Step One: Get MagpieRSS here! Head to sourceforge and grab the latest copy of the excellent MagpieRSS.

Step Two: Read the docs. Quickstart: setup a directory on the webserver that looks a bit like this:

Directory 001

Set the permission of the “cache” directory to 777 – world writable. You may be able to get away with more restricted permissions.

Step Three: use the code below as a starting point for exploration. You can see the results of it here here

There are several lines you can comment/uncomment to see the object magpierss returns. The current example is set to return the results of a blogger feed. With some extra code one can detect the feed and provide summaries accordingly… that is to come.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php
require_once('magpierss/rss_fetch.inc');
// the @ suppresses errors
// change the URL to the blog atom / rss feed.
// If the feed is not atom but RSS some of the
// item names will be different - one will need
// to check. The info is in the 'channel' array.

$rss = @fetch_rss( 'http://internetandnetworkart.blogspot.com/atom.xml' );
// $rss = @fetch_rss( 'http://ellington.tvu.ac.uk/dev/?feed=rss2' );

// dump the object to the screen to study the structure magpie returns
echo '

';
print_r($rss);
echo '

';
// end dump

$channel = $rss->channel;
echo "Blog Title: " .$channel['title'];

//display links recent blog entries:

echo “Latest blog additions:\n";
foreach ($rss->items as $item) {

   $href = $item['link'];
   $title = $item['title'];
   $author = $item['author_name'];
   $created = $item['created'];
   $content = $item['atom_content'];

   echo "$title created by $author on $created\n
   $content\n"
}

echo '

';

?>

The sample files can be downloaded here:

magpierss_blog_scrape.zip

]]> http://www.daisyrust.com/2006/03/25/using-magpie-rss-to-scrape-blog-headlines-to-html/feed/ 1 Basic Telematics using SMS and the Web http://www.daisyrust.com/2006/03/24/basic-telematics-using-sms-and-the-web/ http://www.daisyrust.com/2006/03/24/basic-telematics-using-sms-and-the-web/#comments Fri, 24 Mar 2006 22:00:29 +0000 ian grant http://www.daisyrust.com/2006/03/24/basic-telematics-using-sms-and-the-web/ Flickr Peep Show for more information. If you wish to do this style of creative telematic work, read on! There are a number of ways to get going with SMS (Short Message Service) and web page integration. Some techniques are trickier and more expensive than others. The technique here uses a Bluetooth-Enabled Mobile Phone, A Bluetooth-Enabled Mac/Linux Server and a free server tool called UltraSMS]]> Integrating Short Message Service (SMS) and the Web

Introduction

“Flickr Peep Show” connected mobile phone networks and a popular internet social photography network by means of SMS messaging and explored public display and projection. See Flickr Peep Show for more information. If you wish to do this style of creative telematic work, read on!

There are a number of ways to get going with SMS (Short Message Service) and web page integration. Some techniques are trickier and more expensive than others. Some rely on you having direct access and control over the web server – this may be possible when you are using web technologies to do installation / gallery work and are providing the infrastructure yourself (eg. degree shows).

The three options I write about here are:

(Option 1) Subscribe to an online SMS gateway
(Option 2) Use a GSM Modem
(Option 3) Using a Bluetooth-Enabled Mobile Phone, A Bluetooth-Enabled Mac/Linux Server and UltraSMS

(Option 1) Subscribe to an online SMS gateway for sending and receiving messages.

This option is the only one that does not require physical access to the web server.

(a) Find a service and sign up.
I use tm4b – bulk sms gateway. http://www.tm4b.com/

Signing up is free [true circa March 2005). You have many options for sending messages, via their web interface, via their simple Application Programming Interface (API) using scripting languages like php. The cost per message is slightly cheaper than mobile network operators charge.

(b) Sending a message using tm4b's SMS API and PHP
Here is a working php script. Download here (ctrl/right click): sms.php.txt.

<?php
//initialize the request variable
$request = "";
//this is the username of our TM4B account
$param["username"] = "[your TM4B username]";
//this is the password of our TM4B account
$param["password"] = "[your TM4B password]";
//this is the message that we want to send
$param["msg"] = "This is a sample SMS.";
//these are the recipients of the message
$param["to"] =
"[recipients phone # or multiple #s seperated by a pipe (|)]";
//this is our sender
$param["from"] = "Ian";
//we want to send the message via first class
$param["route"] = "frst";
//we are only simulating a broadcast
//$param["sim"] = "yes";
// un-comment this line to enter 'simulation' mode.
// It will test the script without sending a message (saving money)

//traverse through each member of the param array building
//the url query
foreach($param as $key=>$val){
//we have to urlencode the values
$request.= $key."=".urlencode($val);
//append the ampersand (&) sign after each
//parameter/value pair
$request.= "&amp;";
}
//remove the final ampersand sign from the request
$request = substr($request, 0, strlen($request)-1);
//echo $request;
//uncomment this line to view the URL that is constructed
//using the code above.
//this is the url of the gateway's interface
// method 1 — using CURL – this must be installed
$url = "http://www.tm4b.com/client/api/send.php";
//above: the url of the gateway's interface
$query = $url."?".$request;
$ch = curl_init($query); //initialize curl handle
//run the whole process and return the response
$response = curl_exec($ch);
<pre><code>curl_close($ch);//close the curl handle
// uncomment to show the result onscreen for debugging
//echo $response;

(c) Receiving messages

Receiving messages via a web page and handling that message within a script is slightly more involved. Some web based 'bulk sms' suppliers charge a packet (no network pun intended) for this facility - you normally need a dedicated number or short number and the set up costs are prohibitive - with monthly fees sometimes as high as £1000! I am have a 'keyword' and a dedicated short number from tm4b.com. I'll update this post / or post another entry when I have had a chance to evaluate this service properly. The API is flexible and well documented.

[update 18 July 2006 - I won a dedicated keyword on a long-number-service of my choice in a customer service survey for tm4b - I can highly recommend them as a web based SMS service - check out their current options here: http://www.tm4b.com/

The principle is: through your suppliers web interface you set up a "message receiver" and a "message responder". tm4b.com has 3 main channels for handling received messages: depicted here (read from bottom to top):

Tm4B Receiving Model Image

In the case of our artistic endeavors, the communication model may not immediately re-route the message to a user. It is likely the text message will be intercepted by a web script using the SMS API and processed in a creative and interesting way. For example: text process the message, stripping keywords and then flickr retrieving images, or store the message in a mysql database and processed later - maybe into a fragmented hypertext narrative.

(Option 2) GSM Modem with SMS capabilities with Built in SIM Card Reader

You need to buy a modem and have a spare SIM card with a phone number, dedicated only to receiving SMS and have physical access to a server.

Richard Colson (Digital Arts Pathway Leader) has a Falcom GSM modem for use in Digital Art modules. [Note: this post was originally written as a tutorial for students on the BA (Hons) in Digital Art at TVU, London. http://mercury.tvu.ac.uk/da/] The drivers are windows only and as yet, I have not tested it. It can send/receive SMS message to a dedicate phone number and relays the message to the PC it is connected to. Using cross platform open source SMS tools (http://smstools.meinemullemaus.de/), you can configure a server box to do near enough what you wish. Using it, Richard has created a shockwave movie that interfaces with a matrix display and outputs SMS content.

(Option 3) Instant SMS to MySQL Using a Bluetooth-Enabled Mobile Phone, A Bluetooth-Enabled Mac/Linux Server and an Open Source 'Daemon' Called UltraSMS

Requires: Physical access to a bluetooth enabled linux or Mac OS X Server, running MySQL and a supported phone

This option is very cool and relatively straight forward. Put simply: the server and the phone are 'paired' via bluetooth. A small piece of software (ultraSMS), called a daemon, runs continuously in the background and 'listens' for an incoming SMS. As soon as a SMS is received, the daemon pulls the SMS data off the phone, inserts it into a MySQL database and tidies up by deleting the received message from the phone. As soon as the SMS is in the database, any server side scripting language can access, process and output the data.

Step by step

(a) Download UltraSMS here: http://kinks.ultralab.ac.uk/ultrasms/
UltraSMS is an open source daemon for sending and recieving SMS messages. It will work on Mac OS X and Linux systems. It comes with full instructions for use.

(b) Use phpMyAdmin, or similar tool, to create a MySQL database on the webserver to contain the SMS Data - the SQL file (ultrasms.sql) to do this for you is included in the ultraSMS distribution.

01 Create Db-1

(c) 'Pair' the server via Bluetooth with a supported phone (luckily mine was on the short list!).

On a mac you do from the bluetooth preferences, detailed instructions are in the documentation of ultraSMS (click for larger images):

Bluetooth 01

Pair the phone, then click the button to edit the serial ports:

Bluetooth 02-1

Here are the settings: the port name will be needed in the configuration file in the next step, so copy it!

Bluetooth 03-1

(c) Edit the UltraSMS Configuration file (utlrasms.conf) to point to the newly created database, sample below your details may vary.


DEVICE = "/dev/tty.Torme-SerialPort-1"
DAEMON = "FALSE"
DEBUG = "FALSE"
MYSQL_HOST = "localhost"
MYSQL_DB = "ultrasms"
MYSQL_USER = "root"
MYSQL_PASS = "[insert your mysql password]"

You put this conf into the /etc/ directory.

(d) Start the daemon.

Start Daemon

(e) Wait for a text!

(f) Voila! Message Received

Daemon Receives Message

(g) The SMS data is automatically inserted the database.

Database Result

(h) The next step is to do something cool with the data!

Conclusions

I favour option (3). Physical access to a server is not always possible and so this solution is ideal for art installation scenarios where one has hands on access to a web-server setup.

Option (1) - is great but finding an inexpensive service, of an appropriate scale and that is reliable has so far eluded me. I will update this view when www.tm4b.com get back to me.

The next tutorial, Public Art and Interactivity using SMS: a prototype, will demonstrate how to integrate a flickr search with the ultraSMS and MySQL process elaborated in Option 3.

Ian Grant

Further Links

Flickr Peep Show
http://www.textually.org/

]]> http://www.daisyrust.com/2006/03/24/basic-telematics-using-sms-and-the-web/feed/ 0 searching and returning images from flickr http://www.daisyrust.com/2006/02/05/public-screens-searching-and-returning-images-from-flickr-via-sms/ http://www.daisyrust.com/2006/02/05/public-screens-searching-and-returning-images-from-flickr-via-sms/#comments Sun, 05 Feb 2006 16:45:56 +0000 ian grant http://www.daisyrust.com/2006/02/05/public-screens-searching-and-returning-images-from-flickr-via-sms/ A number of people need to get searching flickr, returning and displaying images according to tag or full-text searches and handling associated tags. Although it seems a long process, this tutorial demonstrates one way to approach flickr that is simple and flexible. With application and extension, you can use the contents here to play a part in projects that:

- utilise user input to get images from flickr. ‘User input’ could come from web forms or, like ‘Play Flickr’, from mobile phone SMS messages.
- search and display flickr images from script-based lists of words and associations. Select search terms by semantic analysis (meaning) or other random principles. You could use ‘get related tag functions’ as demonstrating in phpFlickr_search_002_red.php.
- store image search result data in a mysql database or in a text file to use in flash

This tutorial requires:
PHP 4 (or higher), phpFlickr (a library available from http://www.phpflickr.com/)
Optionally Uses:
A mysql database to speed up server responses by using a ‘cache’ or a file system cache (a plain text document)
Basic Requirements: server access with php; free flickr account and flickr API key; ftp program, a good text editor or dreamweaver 20mins.

Instead of getting down and dirty with flickr’s own api directly, phpFlickr is a class written by Dan Coulter that hides most of the complexity and, through simple examples, allows elaborate interactions with flickr. There are easy to adapt examples on his website and the documentation is great (see: http://www.phpflickr.com/docs/)

A number of projects I’ve seen depend on returning images from flickr after searching for a keyword, a tag, a cluster name etc… In this example the search term (red, summer, winter) is hard coded into the php. You could supply these terms in many ways. A future tutorial will demonstrate using an array of search terms.

Click below to see what the demo files we are looking at produce:

Link: phpFlickr_search_001.php
Link: phpFlickr_search_002_red.php

Download the source files: phpFlickr_Tutorial_Files_001.zip

Before you get going, there are several basics to get started:

First Steps

(1) Sign up for a free flickr account (http://www.flickr.com)
(2) Get a flickr API key associated with that account (http://www.flickr.com/services/api/key.gne)
Flickr Api Key
image: get a flickr api key after setting up a free account.

(3) download phpFlickr (http://www.phpflickr.com/) and upload it to a directory on a php enabled webserver (eg. zappa.tvu.ac.uk)

Important Note:
Copying and pasting the coloured code may not work. WordPress and the colour syntax highlighter occasionally messes up some of the characters particularly some angle brackets (>). So: -> becomes -/> and that breaks the php. Download the zipped files and use the coloured code as a broad indication of the scripts flow. You will need to edit the code to get things working. Details below.

You will make reference to a ‘magic’ file (phpFlickr.php) in that directory in any script you write where you wish to use flickr resources in your web pages. eg. This code ‘includes’ the functionality in any page you write:


[php]< ?php
require_once("phpFlickr/phpFlickr.php"); // the path to the file must be accurate
?>
[/php]

Including this file does a lot of the work for you, you just then have to learn how to use the function calls and how to do with the results the calls ‘return’. Although this looks complicated, desconstructing the sample code is relatively simple.

Here is an example php script, adapted from an example on the phpflickr page that uses phpFlickr to search for images sorted by ‘interestingness’ – a useful category for returning pictures selected using flickr’s own sorting algorithms


require_once("phpFlickr/phpFlickr.php");
// Create new phpFlickr object
$flickr_object = new phpFlickr("[insert your flickr api key]");
// Enable transparent caching.
$flickr_object->enableCache(
"db",
"mysql://root:torme@localhost/phpflickr_cache"
);

echo "

Most interesting photos tagged with \"red\":
\n";
// Search by the single tag "red"
$photos_red = $flickr_object->photos_search(array("tags"=>"red", "sort"=>"interestingness-desc", "per_page"=>6));
foreach ($photos_red['photo'] as $photo) {
// Build image and link tags for each photo tagged with 'red'
echo "";
echo "$photo[title] "src=" . $flickr_object-/>buildPhotoURL($photo, "Square") . ">";
echo "";
}
echo "

\n";

?>

file: phpFlickr_search_002_red.php

Step by Step Walkthrough
(1) and (23) Open and closing php tags.

(2) require_once includes the phpFlickr library. We do not need to touch (or understand) the contents of this referenced file. That said, take a look inside the file and you will find better documentation for each function.

The url needs to point to the correct place though. If you do look in phpFlickr.php you will find definitions of all the classes and functions available for playing with flickr. It does a lot more than this example. Note that you pass in the flickr API key. I have taken mine out. You paste yours in this space.

(4) Create a flickr ‘object’ and assign it to a variable. Doing things with (technically ‘sending messages to’) ‘$flickr_object’ will achieve the responses we need. An example of such a message is seen in line 12.

(6-9) An optional block that enables great speed enhancements. To take advantages of this you need access to a mysql database. If you have such access the only details you are likely to need to change are as indicated: mysql user name, password, and database name. When the script first runs it populates the existing database with all the tables and data the script will need the next time it runs. It will then not call to flickr, search and fetch images, rather look in your local database – speeding things up significantly.

Mysql Phpmyadmin
image: using phpMyAdmin to create a database

If you don’t have access to a mysql database, you can change lines 6-9 to:


$flickr_object->enableCache("fs", "phpFlickrCache"); // fs stands for file system. phpFlickrCache is a directory with permissions of 777
?>

This will ‘cache’ [store] the flickr data to a flat text file on your webserver. You must set the permissions on the target directory allowing the webserver ‘write access’. Permissions set at 777 is overkill but good for troubleshooting. Use a good ftp program to set permissions on directories or files. More info on phpflickr caching at http://www.phpflickr.com/docs/caching/

Project Directory and Changing Permissions Using and FTP Program
Image: Changing directory permissions using and ftp program

(11) This begins ‘printing’ or echoing html out from php to the web page that the end user eventually sees. There are rules to how this happens. Studying the php manual will help http://uk.php.net/manual/en/function.echo.php. Errors can creep into your php AND in the html. Hence, a familiarity with html is very helpful. There are other ways to do this where the html does not get embedded after an echo command and between quotation marks. Ask me for some tips!

(13) Note the use of variables. This is where our phpflickr ‘object’ is sent a list of messages:
in English –
- go to flickr and search for pictures where the image is tagged ‘red’.
- Sort results by ‘interestingness’ descending (meaning most interesting ones first).
- Send us back six results.
In computer jargon, the ‘list of messages’ is an array of parameters expressed as ‘key-value pairs’: eg. tags => red is a ‘key-value pair’ where ‘tags’ is the key and ‘red’ is the value associated with that key. So we pass messages to the object using an array.

Look up these terms, particularly ‘arrays’ to understand them further. Although you don’t need to understand them to get these examples to work, manipulating arrays is central to getting phpflickr to ‘return’ what you want. The results are sent as an array, technically an array of arrays or an associative array. Don’t get scared but here is an ugly, full example. It should be clear from the data represented here, what may be going on behind the scenes of our little search script.


Array
(
[_name] => photos
[_attributes] => Array
(
[page] => 1
[pages] => 23835
[perpage] => 6
[total] => 143009
)

[_value] =>
[page] => 1
[pages] => 23835
[perpage] => 6
[total] => 143009
[photo] => Array
(
[0] => Array
(
[_name] => photo
[_attributes] => Array
(
[id] => 53363322
[owner] => 93291046@N00
[secret] => 03c1a1c6a2
[server] => 27
[title] => Er-Liao/二寮
[ispublic] => 1
[isfriend] => 0
[isfamily] => 0
)

[_value] =>
[id] => 53363322
[owner] => 93291046@N00
[secret] => 03c1a1c6a2
[server] => 27
[title] => Er-Liao/二寮
[ispublic] => 1
[isfriend] => 0
[isfamily] => 0
)

[1] => Array
(
[_name] => photo
[_attributes] => Array
(
[id] => 57472700
[owner] => 78637845@N00
[secret] => ab2bf469ff
[server] => 24
[title] =>
[ispublic] => 1
[isfriend] => 1
[isfamily] => 1
)

[_value] =>
[id] => 57472700
[owner] => 78637845@N00
[secret] => ab2bf469ff
[server] => 24
[title] =>
[ispublic] => 1
[isfriend] => 1
[isfamily] => 1
)

[2] => Array
(
[_name] => photo
[_attributes] => Array
(
[id] => 30706255
[owner] => 66668382@N00
[secret] => 4a21314a00
[server] => 23
[title] =>
[ispublic] => 1
[isfriend] => 1
[isfamily] => 1
)

[_value] =>
[id] => 30706255
[owner] => 66668382@N00
[secret] => 4a21314a00
[server] => 23
[title] =>
[ispublic] => 1
[isfriend] => 1
[isfamily] => 1
)

[3] => Array
(
[_name] => photo
[_attributes] => Array
(
[id] => 37360829
[owner] => 48819593@N00
[secret] => 5f30fdefd6
[server] => 25
[title] => `Nu York Parallax`
[ispublic] => 1
[isfriend] => 0
[isfamily] => 0
)

[_value] =>
[id] => 37360829
[owner] => 48819593@N00
[secret] => 5f30fdefd6
[server] => 25
[title] => `Nu York Parallax`
[ispublic] => 1
[isfriend] => 0
[isfamily] => 0
)

[4] => Array
(
[_name] => photo
[_attributes] => Array
(
[id] => 23471561
[owner] => 78527758@N00
[secret] => 90486d5d23
[server] => 16
[title] => How can I put into words what I feel?
[ispublic] => 1
[isfriend] => 0
[isfamily] => 0
)

[_value] =>
[id] => 23471561
[owner] => 78527758@N00
[secret] => 90486d5d23
[server] => 16
[title] => How can I put into words what I feel?
[ispublic] => 1
[isfriend] => 0
[isfamily] => 0
)

[5] => Array
(
[_name] => photo
[_attributes] => Array
(
[id] => 36145605
[owner] => 51035555243@N01
[secret] => 1901c66046
[server] => 24
[title] => Mars
[ispublic] => 1
[isfriend] => 1
[isfamily] => 1
)

[_value] =>
[id] => 36145605
[owner] => 51035555243@N01
[secret] => 1901c66046
[server] => 24
[title] => Mars
[ispublic] => 1
[isfriend] => 1
[isfamily] => 1
)

)

)

[See Note 1]
If we increased the images to be returned from 6 to 10, the photo array would contain elements numbered 0-9 rather 0-5. Note other pieces of information contained in the response that could be used to build more queries: eg. page number and total pages, image titles.

See: for more on associative areas http://en.wikipedia.org/wiki/Associative_array

(14-20) Is a control structure (see: http://uk.php.net/manual/en/control-structures.foreach.php) that loops through each result sent back and, using the same method as (11) prints out html containing our search results. In this case, the results are returned as ‘square’ thumbnails that are links to the full image on flickr [Note 2].
Check out an image on flickr and investigate the structure of the url. That will help to explain the url construction within the ‘a’ html tag.

To display the thumbnail image we use the html image tag:
some text about our picture /><br /> </code></p> <p>but the image source is constructed simply by calling the function in the following snippet:</p> <p><code>$flickr_object->buildPhotoURL($photo,

where $photo is each photo sub-array of the array called photo!! PhpFlickr protects us from this complexity. The function does the tricky business of walking through the array and producing the photo source url from the correct key-value pairs. All behind the scenes!

(21) Closes the open paragraph tag, completing the html code block. Make sure you always construct valid html.

Conclusions
This draws to a close this walkthrough.
We demonstrated how phpFlickr, with the right preparation, can use short, elegant scripts to do complex searching of flickr, array crunching and performance-enhancing caching. We saw easy integration with mysql databases and flat text files. We say the ease with which php can write html out for a web browser.

For the more curious:
(a) take a look at the way the returned data is stored both in the mysql tables (you will need access to phpMyAdmin or another similar tool). How easy would it be to get flash working with this data? How could you use phpFlickr as a bridge between flickr and flash?
(b) Try to use and create arrays of words in php to automatically return images according to those words and, maybe, the associated tags.

Notes
Note 1: Adding this php snippet after line 13 will print out the array structure – good for debugging and general information.

echo " 

\n";
print_r($photos_red);
echo "

";

Note 2: Looking at the source code of phpFlickr (confirmed by the documentation of the flickr api) one can discover that we could use any of the following image sizes/shapes in this function: square, thumbnail, small, medium, large, or original. Medium is the default size.

]]> http://www.daisyrust.com/2006/02/05/public-screens-searching-and-returning-images-from-flickr-via-sms/feed/ 0 creating anaglyphs with adobe photoshop http://www.daisyrust.com/2006/02/05/creating-anaglyphs-with-adobe-photoshop/ http://www.daisyrust.com/2006/02/05/creating-anaglyphs-with-adobe-photoshop/#comments Sun, 05 Feb 2006 00:07:14 +0000 ian grant http://www.daisyrust.com/2006/02/05/creating-anaglyphs-with-adobe-photoshop/ Creating Anaglyphs with Adobe Photoshop:]]> A useful excerpt on 3d imaging from dogfeathers.com:
Creating Anaglyphs with Adobe Photoshop:

I crank up the saturation on both images in an attempt to compensate for the washed-out appearance that the 3D glasses give:

Activate the left image (click its title bar)
Open the “Image” menu.
Select “Adjust”
Select “Hue/Saturation”
Crank the (Master) saturation up to 60 and click “OK”
Repeat for the right image.

Get rid of the Red component of the right image:

Activate the right image (click its title bar)
Open the “Image” menu.
Select “Adjust”
Select “Levels”
Select the “Red” channel.
Change the second Output Level to 0 (now both Output levels are 0)
Click OK (now the right image is Blue-Green)

Get rid of the Green and Blue components of the left image:

Activate the left image (click its title bar)
Open the “Image” menu.
Select “Adjust”
Select “Levels”
Select the “Green” channel.
Change the second Output Level to 0 (now both Output levels are 0)
Select the “Blue” channel.
Change the second Output Level to 0 (now both Output levels are 0)
Click OK (now the left image is entirely Red)

Put both images into a bigger window (as separate layers) to facilitate rotations:

Copy the right image into the clipboard:

Activate the right image (click its title bar)
From the “Select” menu, choose “All”.
From the “Edit” menu, choose “Copy”.

From the “File” menu, choose “New”.
The file size will default to the size of the image in the clipboard.
Choose units of “pixels” in the right-hand combo boxes
and add about 200 pixels to both dimensions. Choose “transparent” for
the “Contents”.
Click “OK”.
From the “Edit” menu, choose “Paste”. You should now see the right image
centered in a larger rectangle.
Copy the left image into the clipboard:

Activate the left image (click its title bar)
From the “Select” menu, choose “All”.
From the “Edit” menu, choose “Copy”.

Paste the left image onto the big window:

Activate the big image (click its title bar)
From the “Edit” menu, choose “Paste”. Now your “Layers palette”
shows two layers. “Layer 1″ is the right image. “Layer 2″ is the
left image. (You can rename them if you want.)

Change the Blending Mode for the Top Layer (the left image):

In the “Layers palette”, activate the top layer by clicking on its name.
Change the Blending Mode from “Normal” to “Screen”. (The Blending
Mode appears in a drop-down combo box in the “Layers palette”.)
Now the big window should show the colors of both images and you should be able
to see some results when viewing with red-blue glasses.

Rotate and move the two layers for the best effect (while viewing with your 3D glasses).
The 2 images should be offset horizontally but not vertically and they should not
be rotated relative to each other.

To Move a Layer:

Activate the layer by clicking on its name in the “Layers palette”.
Activate the “Move tool” on the “Tools palette”.
Use the arrow keys to move the layer around. Holding down the shift key while
arrowing produces bigger movements. Mouse-dragging also works but is less precise.

To Correct the Angle:

Activate the layer by clicking on its name in the “Layers palette”.
From the “Layer” menu, choose “Transform” and “Rotate”.
Use the mouse to grab one of the little corner handles of the image and drag it.
When finished rotating, double-click the image.

From the “Layer” menu, choose “Flatten Image” to flatten it into a single layer.

Crop the image, excluding parts where the two original images don’t completely overlap:

Activate the “Crop tool” on the “Tools palette”.
Click and drag the “Crop tool” across the image to make a cropping rectangle.
Adjust the cropping rectangle by dragging on the little mid-edge handles.
You can move the entire rectangle by mouse-dragging on its middle.
Double-click on the middle of the image to finalize the cropping.

Save It.

You are done.

]]> http://www.daisyrust.com/2006/02/05/creating-anaglyphs-with-adobe-photoshop/feed/ 0