Michael Campbell - Digital designer London | campbellssource http://campbellssource.com User experience, Information architecture, Interaction design and a little bit of coding Thu, 12 Jan 2012 14:26:55 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Wii Curling http://campbellssource.com/2012/01/12/wii-curling/ http://campbellssource.com/2012/01/12/wii-curling/#comments Thu, 12 Jan 2012 13:55:21 +0000 michael@campbellssource.com http://campbellssource.com/?p=55 Max playing some Wii Curling

Augmented reality

The purpose of the project was to build something that explored the idea of Augmented reality for an exhibition at university. At the time things that did ”Augmented reality” did so by making users view and interact with with a digital objects via a screen, I wanted to remove this view port and project the digital objects into a space. The Wii had just come out got people talking, not quite augmented reality as you are still manipulating virtual objects using avatar in a virtual world, but it did require the user to move around in a real physical space.

The venue was an exhibition space at the university, not a living room, so I was able to hang projectors from the ceiling to create the real space that I could project virtual objects. The Wii Controller measures relative movement in real space (how you move but not where you are) so combining it with a camera that tracked the player’s location I had a decent method of user input.

The idea to create a curling game came about as a result of what was practical in the time (3 weeks). The player could move around one side of the ally to select where they throw from and the Wii Controller allowed them to throw the “Kettle” with the desired pace.

How it worked

The game was built in flash, collision detecting, scoring etc. It got information about the players location and what the Wii Controller was doing from a sketch I’d built in Max/MSP/Jitter. I had to use a display splitter to project on two projectors from a mac mini. Generally it was all a bit hacky but worked.

Here is a video of me demoing Wii Curling at Rave on air:

I was still building the demo in between tour groups, eventually I managed to get the logic working so other players could sweep. Ultimately I had to move on to other projects so Wii Curling has moved no further.

Update Jan 2012: I put this together back in 2007, the Wii had just come out and was a revolution. tracking the players location was very primitive. I’d love to have a go at it now using the Kinect. Also, since then there has been a massive growth in augmented reality games like foursquare or Chromaroma. I don’t know of many things that are larger than a living room but smaller than a whole city. I can imagine something in the future a little like bowling alleys or Lazar tag that people go to to play some augmented reality game in a dedicated space.

]]> http://campbellssource.com/2012/01/12/wii-curling/feed/ 0 Another article with some stuff http://campbellssource.com/2011/10/27/another-article-with-some-stuff/ http://campbellssource.com/2011/10/27/another-article-with-some-stuff/#comments Thu, 27 Oct 2011 15:01:51 +0000 michael@campbellssource.com http://campbellssource.com/?p=45 Tests for common HTML elements
PARAGRAPHS & BOXES

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor sub text ut labore et sup text magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

LISTS
  • Unordered list test
  • Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Yet another element in the list
  • Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  1. Ordered list test
  2. Another list element
  3. Yet another element in the list
  1. Ordered list
  2. Here’s a nested unordered list
    • Nested Unordered list
    • Nested ordered list
      1. The first
      2. And the second
  3. Ordered List item
  4. Nested Ordered list
    1. Some point
    2. Nested Unordered list
      • The first
      • And the second
definition list dt
definition list dd
definition list dt
definition list dd
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
HEADINGS

H1: Lorem ipsum dolor sit amet

H2: Lorem ipsum dolor sit amet, consectetur elit

H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit

H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis

H5: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
H6: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

MISC ELEMENTS

<strong>
<del> deleted

<dfn> dfn
<em> emphasis

<a> anchor

<a> a + href

<abbr> abbr – extended text when mouseover.
<acronym> acronym – extended text when mouseover.

<address>
Donald Duck
Box 555
Disneyland

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore.

A standard test table with a caption, tr, td elements
Table Header One Table Header Two
TD One TD Two
TD colspan 2
A test table with a thead, tfoot, and tbody elements
Table Header One Table Header Two
tfoot footer
TD One TD Two
TD One TD Two
TD One TD Two
TD One TD Two 
<pre>
pre  space1
pre  space1
pre    space2
pre    space2
pre tab
pre tab

<code>
Not indented
indent1
indent1
indent2
indent3

<tt>

This tt text should be monospaced
and
wrap as if
one line of text
even though the code has newlines, spaces, and tabs.
It should be the same size as <p> text.


Valid HTML 4.01 Strict

]]> http://campbellssource.com/2011/10/27/another-article-with-some-stuff/feed/ 1