It’s my first experiment with Processing.JS and I’m using the Processing IDE in its 2.0alpha version. I’m pretty surprised of the results and development is flowing smoothly!

Here you can see a proof of concept of Phone Story Web Standard Libre Edition and if you want to see the technologies behind this experiment you can visit Phone Story development documentation and sources.

Everything is GPLed and the resources are Creative Commons BY-NC-SA!

Happy hacking!

Our suggestion to have all codecs and multimedia features needed by digital artists, game developers and web content creator in a GNU/Linux environment:

• Download and Install Ubuntu 10.04 Lucid Lynx
• Update your installation using the Ubuntu Update Manager
• Add Medibuntu repository in order to have latest version of multimedia codecs
• Install ffmpeg and some proprietary codecs with this Terminal command:
  

  sudo apt-get install ffmpeg libavcodec-extra-52

How to install Java, Eclipse and Processing on Ubuntu 10.04 Lucid Lynx

We will install Java Development Kit using the Ubuntu package system and the rest of tools inside the /opt/ folder in order to have them system wide available. You may put everything in your HOME folder but in this way only your user will be able to access these tools.

If you change the /opt permission to 777 you’ll have it done but it’s the “dirty way”. In order to grant permissions to just a group you have to understand the *nix File System Permission mechanism…

• We will install the OpenJDK using the Terminal:
  

  sudo apt-get install openjdk-6-jdk

• Now we download from the Official Processing.org website the latest version for Linux
• Uncompress Processing .tar.gz file into your /opt/
• Set execution permission on the processing binary file:
  

  chmod 755 /opt/processing/processing

• Now download your favorite version of Eclipse: Processing team suggest to use the Java version
• Uncompress Eclipse into your /opt/
• Don’t forget to add a Applications menu entry manually (right click on the Applications menu and “Edit Menus”…) or learn something about xdg-desktop-menu and hack your own .desktop file for future installations!

Advanced Topics and Suggested readings

• HOWTO: Easily enable MP3, MPEG4, AAC, and other restricted encoding in FFmpeg
• How to setup the webcam with Processing
• Fully understand and play with some cool ffmpeg “pipes” just modifying, for example, this interesting Capture2File GSVideo Library sketch (if you install the Processing gsvideo library correctly you can find inside the Processing IDE itself!!!)
• How to install Processing libraries
• How to develop Processing libraries using Eclipse IDE
• Overview of File System Hierarchy Standard (FHS)

You have to install quicktime and a compatible video digitizer. Here are the links to download the last version of quicktime, and the WinVDIG 1.0.1 (recommended). Restart your computer after installation process and the webcam should work.

Recommended links:

http://processing.disenoudd.cl/tips/conectar-mi-webcam-a-processing-en-windows
http://www.eden.net.nz/7/20071008

Clica para ver donde dejamos el proyecto... y olvidarlo!

El proyecto es y serà GPL y Creative Commons: toda la garantía necesaria para poder trabajar juntos sin paranoias!!!

Si estas interesad@ en participar usa este formulario para enviarme tus experiencias y lo que te gustaría aportar.

The first workshop will be the 21 of April 2010 in Madrid.

Topics of the workshop:

• Processing fundamentals: procedural programming, OOP and Java integration
• Interactivity: mouse, keyboard, video and webcam input
• Graphics fundamentals: coordinates system, 2D transformation and 3D renderers

More attention will be dedicated to visual arts or video games prototyping according to the skills of participants.

Processing IDE

So, welcome Processing into our Temporary Supported Software here at Mondonerd!

We are very happy to post about a good news:

Red5, the open source Flash Media Server, is now at its 0.9.0 version!

We already installed this version and it’s now under our microscopes (Ubuntu 9.04).

Happy streaming hacking!

How to create your own theme

There are several ways to theme StatusNet. You may choose one of the methods below:

1. If you just want to change the text, link, background, content, sidebar colours, background image:
   • Do this from the Admin->Design settings (recommended!). You could also create a directory and a file structure like the default theme, search and replace with your own values. This is more work, but, you can do this if you plan to make additional minimal changes.
2. If you want to change the background images and colours:
   1. Create a directory and a file structure like the default theme. Key files are listed at the end of this page.
   2. Have your stylesheet import base/css/display.css and add your own styles below. It is okay to add minimal changes here.
3. If you want to create a different layout, typography, background images and colours:
   1. Create your own theme directory (like base or default) with stylesheets and images like.
   2. Enable your theme by selecting it from the Admin->Design interface. You can set site’s logo from here as well.

Location of key paths and files

base/css/
base/css/display.css                #layout, typography rules
base/images/                        #common icons, illustrations
base/images/icons/icons-01.png      #main icons file (combined into a single file)

default/css/
default/css/display.css             #imports the base stylesheet for layout and adds background images and colour rules
default/logo.png                    #default site logo for this theme
default/mobilelogo.png              #default logo for the mobile output
default/default-avatar-mini.png     #24x24 default avatar for minilists
default/default-avatar-stream.png   #48x48 default avatar for notice timelines
default/default-avatar-profile.png  #96x96 default avatar for the profile page