background preloader

Augmented Reality with #Processing - Tutorial by Amnon Owed

Augmented Reality with #Processing - Tutorial by Amnon Owed
All of the visuals in the above video were created using NyArtoolkit for Processing. NyARToolkit is an augmented reality toolkit built with 100% pure Java. It is derived from ARToolkit-2.72.1. All right so let’s start with the general setup. 1. 2. 3. 4. All right, time to recap. Example 1: Basic The first example is basic, but holds all of the important techniques that are necessary for more advanced uses of the NyArtoolkit. If you input the following image (place it in the sketch’s data subdirectory)… …into the first code example, you should end up with something like this… Example 2: Dynamic Time to get a little more dynamic. Example 3: OOP The third example serves two purposes. Main Sketch ARObject Troubleshooting & General Tips If you get an “Exception occurred at Multimarker.Multimarker” you probably haven’t changed the camPara String. I hope you have learned something and this tutorial has been useful to get you off to a running start with augmented reality. Related:  lars.b

Hacking for Artists 10 Images That Changed the Course of Science (And One That Is About To) To understand this you need to understand quantum theory a little better. It's not that orbitals invalidated the stick-and-ball models of chemistry at all. If anything orbitals explained to us why the bonds are arranged as they are in stick-and-ball models. Prior to quantum theory, we only knew the geometry and patterns of those bonds by experiment. Stick-and-ball models are perfectly fine to use to tell us the shapes of molecules. As to what's being shown in the image, what you are seeing is are the places where electrons are most likely to be found. I like to think of the balls as cartoon beehives. They pretty much signify, "Bees are around here"; now, how many bees are in the hive and not taking a little trip flying around nearby? I suppose that works too.

Homemade iPad augmented reality cars | Johan von Konow Description How to build AppMATes compatible cars from PEZ dispensers Materials PEZ dispenser (cars2 edition)Knife, sandpaperQuick glueDouble sided adhesiveConductive foamConductive filmConductive glue Development Like many other kids, my son enjoys the Cars movies. I cut three small pieces of conductive foam (the kind of black foam that is protecting integrated circuits from ESD) into 5-6mm diameter. The foam was placed on the iPad screen. To create something that my son could hold I bought Cars2 PEZ dispensers. The car was removed and the base cut off. I made the bottom flat using sandpaper. The hole was covered by a piece of plastic glued into place (also from the PEZ base) Then I used an ESD bag (the metal looking semi transparent plastic, used for storing ESD sensitive components). I glued the three pieces of conductive foam on the ESD film with quick glue and made sure that the spacing between them was the same as when I tested the foam on the iPad. Disclaimer Licensing Related posts:

Responsive 3D Panel Layout A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects. View demo Download source Today we want to share a creative grid layout with you. The layout will contain slides where each one consists of up to four panels. When navigating through them, we’ll animate some separation lines (the “grid”), adjusting the size of the next slide’s panels. Please notice that this is very experimental. Some of the jQuery plugins used for this: jQuery Transit for most of the CSS transitionsModernizr for checking browser support of the CSS properties The placeholder text is from Veggie ipsum. An example for the HTML structure is the following: The first slide, which is a list item, will contain four images in this example. Each element/image can have a data attribute for the transition effect. The structure that we will create dynamically is the following: Each image or element will be wrapped in a division with the class sg-box.

The Year That Was Tom Scocca, Managing Editor of Deadspin, Slate Columnist, and Author of Beijing Welcomes You In this chain-reaction year—disaster, war, revolution, and death chasing one another around the globe—the pepper-spray assault at Cal-Davis was nowhere near the biggest event. Instead, it was small enough to be intelligible. Sohaib Athar, @ReallyVirtual, Who Inadvertently Live-Tweeted the bin Laden Raid The importance of an event is, of course, subjective, so while the Occupy movement may be the most important event of the year for some, the Arab Spring would be more important for others. Ken Silverstein, Washington Editor for Harper’s Magazine Nationally, the Obama administration’s complete cave to Wall Street and the steady conversion of the United States into an economic and political banana republic. Internationally, the Arab Spring for showing that people make their own history. The seams of this institution, which hasn’t fit for years, split a little further. Income inequality.

Examples - Blobscanner import Blobscanner.*; Detector bd; PImage img = loadImage("blobs.jpg"); size(img.width, img.height); img.filter(THRESHOLD); bd = new Detector( this, 0, 0, img.width, img.height, 255 ); image(img, 0, 0); color boundingBoxCol = color(255, 0, 0);int boundingBoxThickness = 1; img.loadPixels(); bd.findBlobs(img.pixels, img.width, img.height);bd.loadBlobsFeatures(); bd.drawBox(boundingBoxCol, boundingBoxThickness); import Blobscanner color contoursBoxCol = color(255, 0, 0);int contoursThickness = 2; bd.findBlobs(img.pixels, img.width, img.height);// to call always before to use a method returning or processing a blob feature bd.loadBlobsFeatures();bd.drawContours(contoursCol, contoursThickness); PImage img;PFont f = createFont("", 10); void setup(){size(320, 240);img = loadImage("blobs.jpg");img.filter(THRESHOLD);textFont(f, 10); bd = new Detector( this, 0, 0, img.width, img.height, 255 ); } void draw(){image(img, 0, 0); bd.imageFindBlobs(img); //Computes the blob center of mass. stroke(255, 100, 0);

8 Responsive jQuery Slider Plugins Whether you’re already a pro at creating responsive web sites or your just learning what it’s all about, it’s good to have some scripts handy that you can easily integrate into your site. We all know how popular image and content sliders are now, and for good reason. So we decided to round up some jQuery slider plugins that are already responsive – meaning they will adapt to the size of their container. Flexslider FlexSlider is an awesome, fully responsive jQuery slider plugin. Blueberry Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts. unoslider unoslider is a fully responsive, touch enabled, mobile optimized jQuery slider plugin. Responsive Thumbnail Gallery Plugin jQuery Plugin for creating image galleries that scale to fit their container. wmuSlider Elastislide – A Responsive jQuery Carousel Plugin Responsive Image Gallery with Thumbnail Carousel A jQuery image gallery with a thumbnail carousel.

Sotades Sotades (Greek: Σωτάδης; 3rd century BC) was an Ancient Greek poet. Sotades was born in Maroneia, either the one in Thrace, or in Crete. He was the chief representative of the writers of obscene and even pederastic satirical poems, called Kinaidoi, composed in the Ionic dialect and in the "sotadic" metre named after him. The sotadic metre or sotadic verse, which has been classified by ancient and modern scholars as a form of ionic metre, is one that reads backwards and forwards the same, as “llewd did I live, and evil I did dwell.” Sotades lived in Alexandria during the reign of Ptolemy II Philadelphus (285-246 BC). Only a few genuine fragments of Sotades have been preserved; those in Stobaeus are generally considered spurious. Sotades was also the author of some of the first recorded palindromes, and many credit him with the invention of that particular genre of composition. References[edit] Jump up ^ Plutarch, On the Education of Children, 11a; Athenaeus, xiv. 621a. Sources[edit]

GDC: Project: Augmented Reality - ARToolkit Patternmaker Copyright (c) 2002 The University of Utah All Rights Reserved. This is an experimental, research release of a component of the Alpha_1 Geometric Modelling System, and as such is subject to a license agreement with Engineering Geometry Systems, Inc. and may only be used under the terms of that agreement. Any other use is prohibited. Having received prior authorization from EGS, the University of Utah grants permission to use, copy, or modify this software and its documentation for educational, research and non-profit purposes, without fee, and without a written agreement. It is explicitly prohibited to redistribute this software or any derivative. The above permission is granted provided that this whole notice appears in all copies. I agree Use the release by typing in your shell: > gzip -d patternMaker.tar.gz > tar xvf patternMaker.tar Look in the docs directory for more information. Last update: September 3, 2002

28 Exciting New jQuery Tutorials & Plugins The open source movement has created a lot of new web developers. Over the past decade it’s been common to work on code projects in a private setup. But libraries such as MooTools and jQuery allow for rapid development of newer plugins and add-ons. In this gallery I’ve collected 28 plugins for jQuery users. Some of the plugins also include a tutorial for building it yourself, but all the links have a free download included. CSS3 Swatch Book with jQuery Tablecloth.js Handsontable Complexify Plugin Turn.js Curtain.js PageScroller Sammy.js jQuery Picture jQuery Scroll Path Crafty.js FitVids.JS Blueberry Image Slider Sequence.js Rhinoslider Handlebars.js jStat Bacon timeago Caman.js Popcorn.js simpleCart.js gameQuery.js Spritely Response.js jQuery Vector Maps Blur.js Sigma.js

A map of the Tricki | Tricki This is an attempt to give a quick guide to the top few levels of the Tricki. It may cease to be feasible when the Tricki gets bigger, but we might perhaps be able to automate additions to it. Clicking on arrows just to the right of the name of an article reveals its subarticles. What kind of problem am I trying to solve? General problem-solving tips Front pages for different areas of mathematics How to use mathematical concepts and statements

Processing meets Box2D and blob detection | der hess Home > english, My Experiments > Processing meets Box2D and blob detection For the Programming II Workshop at our Interface Culture department I decided to do an small experiment with Box 2D. For a long time I wanted to play around with Box 2D. Especially merging real world objects with virtual object fascinates me very much. I don't like so much the common Augmented Reality stuff. However, some stuff is really cool and inspires me. Now talking about the technical stuff. Another issue I have, is the correct recognition of the shapes. So far about my experiment. Knowledge sharing, ahoi!! Magnifying glass for image zoom using Jquery and CSS3 View codePlay Walkthrough Description Learn to make a realistic magnifying glass using Jquery and CSS3. Hover above the image to see the action. The code uses CSS3 box-shadow and border-radius properties to create the magnifying glass. Moving the cursor away from the image gently fades out the magnifying glass bringing the image back to the default state.

Living and Working Abroad Para leér esta entrada en Español píque aquí *************************************************************************************************************** This is not some theoretical piece about how you might do if you decide to live and work abroad. I’ve been ‘doing it’ for more than 30 years now, it was in 1980 that I left my home country, Germany, and in all humility, I am an expert. I spent seven month in India, lived three years in Greece, another three years in England, and I have been living in Mexico for the past 20 odd years.The years in between I roamed the world. I have not been with any multinational company that sent me to those places. I’ve been doing it on my own, sometimes with money, sometimes without money, sometimes in company, most of the time alone. When I started off I didn’t have a profession. I started to develop myself at the beginning of the nineties as a language teacher, since by then I spoke several languages. Find out for yourself.

Basé sur Processng, ce sont des exemples de programmes de réalité augmenté. by trackingnewtech May 14

Related: