Tag: colour

Philips Hue ’16 Million Moments’

My mate Lucy Tcherniak has just mastered her most recent piece of work, for consumer tech giants Philips and their Wi-fi enabled lighting range Hue – which are remote control light bulbs that can augment the mood of a room via your mobile phone:

The blurb:

Discover just some of the millions of ways to use light with Philips Hue. from helping you relax or concentrate to reminding you of that perfect sunset or bringing a bedtime story to life. it can even tell you if it’ll rain later.

Earlier this year, Ars Technica ran a piece on the Hue’s free to use API & SDK, which have expanded the usefulness of these genius devices through third-party apps such as IFTTT. The article describes the full spectrum of 16 million colours, indicated below:

Philips Hue Full Spectrum

Now, of the available 16 million colours, Lucy chose to feature just 16 in her film, which highlighted at least a few cool use-cases for the Hue range. For example, adjusting from yellow to white light to improve concentration while studying, or the reverse when settling in for a quiet night on the sofa, sampling the colours of a vase of flowers to suit the room they’ll live in, reminding you to take an umbrella in the morning, or making home media more immersive for the viewer.

I can think of a few more, such as adaptive to music streaming from my Sonos, or as an alarm system for a gradual morning wake up, or flashing blue when I have a Twitter mention during a TV show. Cool system, cool advert. Not sure when it will appear on screen but I think it might make it onto a few people’s Xmas lists. I’ll certainly be asking for one!

Philips LivingColors Gen 3 Aura Black 70998/30/PU Colour Changing Mood Lamp with Remote Control  is £49.99 on Amazon.

Learn Piano through AR

I like this:

The Projected Instrument Augmentation system (PIANO) was developed by pianists Katja Rogers and Amrei Röhlig and their colleagues at the University of Ulm in Germany. A screen attached to an electric piano has colourful blocks projected onto it that represent the notes. As the blocks of colour stream down the screen they meet the correct keyboard key at the exact moment that each one should be played.

Florian Schaub, who presented the system last month at the UbiComp conference in Zurich, Switzerland, said that users were impressed by how quickly they could play relatively well, which is hardly surprising given how easily we adapt to most screen interfaces these days.

But while there is real potential for PIANO as a self-guided teaching aid, in my view it’s the potential for a really tight feedback loop that makes this most interesting, and potentially more widely applicable.

When a piano teacher corrects a student’s mistake, they will perhaps specify one or two things that need improving, but this approach would sense each incorrect note and could provide an immediate visual response, flashing red for instance, conditioning the student to success more quickly.

via New Scientist.

3D Printed Success Kid

Shapeways is a growing repository of 3D models for purchase by 3D printing hobbyists, and like everywhere else on the web, they’ve attracted a fair few memes. But none are as inspired as this most recent entry: Success Kid!

Original Success Kid

Here’s how digital artist Ryan Kittleson sculpted a model (modelled a sculpture?) of this now seminal image using Sculptris.

The final output, once 3D printed in full colour sandstone, looks like this:

3D Printed Success Kid

Buy the 3D model from Shapeways for just €12.05, and you’ll find yourself immediately more successful as a person.

I Give You My CSS3 Heart

I made this little heart shape with CSS3, which I’ve been playing around with lately as a way of rendering rounded corners in the latest version of Subscription Options. Turns out there’s loads you can do with CSS3!

Here’s the (admittedly complex) code that’s used to render the above:

#heart {
    position: relative;
    width: 100px;
    height: 90px;
}
#heart:before,
#heart:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: url("http://files.digitalcortex.net/images/header/rotate.php"); // this makes the colour the same as my header image - but could be any HTML colour instead
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
#heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}

If you’re interested in playing around with CSS3 shapes like the above, loads of them are are available at CSS Tricks.