thingsinjars

  • 15 Oct 2010

    The Elementals

    In one of my day jobs I do something involving education, large public institutions and web stuff and a while back I thought it might be an excellent idea to have a go at designing some cool educational toys. Learnin' 'n' Fun! At the same time! omg! And so forth!

    The idea was to build the kind of thing you could use to squeeze knowledge into people's heads without them complaining. Y'see, it's never a good thing to trick people into learning. If your educational toy/game/experience relies too much on hiding the information behind the fun then the big reveal at the end – "Ha, I tricked you into learning something!" – will leave the player feeling cheated and not change their attitude towards learning. If, on the other hand, you try and push the ideas you want to get across at the expense of the core game mechanic, you'll end up with a bored user. My opinion is that you've got to be up front about the learning. You've got to say to the user "Look, this is learning and it's fun. No tricks here, it's exactly what it looks like". As for getting it to appeal in the first place, I find that very few things can beat extremely cute cartoons.

    To that end, I present my first dabble in interactive educational whaddyamacallits: The Elementals, a fun periodic table where every element has its own unique personality.

    The Elementals

    It's available as an iPhone app initially but I'll be venturing into the Android Marketplace soon and putting it online as a web app.

    Available on the App Store

    Geek, iOS, Design

  • 12 Aug 2010

    Art Maker 1K

    Even though the rules for js1k only let me make one submission, I couldn't stop myself making another. This one is inspired by those pseudo-romantic pictures that you get all over tumblr that get reblogged endlessly (actually, it was inspired by the blog That Isn't Art by someone with the same opinion as myself).

    It randomly creates a sentence, adds some softly-moving almost bokeh coloured-circles and look, I made an art! Wait for the sentence to change or click (or touch) to change it yourself.

    Art Maker 1k

    And of course, don't forget the original spinny-circles 1k

    Geek, Javascript, Development, Design

  • 10 Apr 2010

    List of Touch UI gestures

    Just now, I'm trying to improve the UI for the Factory's first iPhone app. While doing this, I've come up with a list of available areas and gestures in a touch-driven app that you can use for actions. I thought I'd put them here so other people could point out where I've gone wrong and what I've forgotten:

    • Menus
      • Permanent on-screen menu
      • Transient on-screen menu (requires trigger)
      • Different screen menu (any number of them, requires trigger)
    • Static (can be overloaded with function based on position)
      • Single-tap
        • Single-tap 1 touch
        • Single-tap 2 touches
        • Single-tap 3 touches
      • Double-tap
        • Double-tap 1 touch
        • Double-tap 2 touches
        • Double-tap 3 touches
      • Touch and Hold
        • Touch and Hold 1 touch
        • Touch and Hold 2 touches
        • Touch and Hold 3 touches
    • Dynamic (Gestures)
      • Touch and Move 1 touch
        • Up
        • Down
        • Left
        • Right
      • Touch and Move 2 touches
        • Up
        • Down
        • Left
        • Right
        • Apart (Zoom)
        • Together (Pinch)
        • Rotate clockwise
        • Rotate anticlockwise
      • Touch and Move 3 touches
        • Up (Swipe)
        • Down (Swipe)
        • Left (Swipe)
        • Right (Swipe)
        • Apart (Spread)
        • Together (Gather)
        • Rotate clockwise
        • Rotate anticlockwise

    Geek, iOS, Design

  • 8 Mar 2010

    The Shadow Government and a Hyperbagel

    I listen to a bunch of podcasts. I watch the Daily Show and the Colbert Report. I listen to a lot of They Might Be Giants. When you combine this with the audiobooks I listen to, the shows I go to and the paper books I read, you start to spot a pattern. A slightly sinister pattern...

    • The Illiternati

    This originally started as a connectivity diagram of American Literary Non-fictionists but after I'd finished I realised it's not entirely American, it's not entirely non-fictionists. It's not entirely comedy and not entirely literary. After showing it to a friend though, he immediately suggested 'The New Illuminati' or possibly the Literary Illuminati. Maybe just the Illiternati. Any way round you have it, John Hodgman appears to be as some kind of Literpope in the middle of a literspiracy.

    From what I can figure, I need to write some world economics exposé with Planet Money, discuss the software I used to analyse the markets with This Week in Tech and appear onstage at The Moth to tell the audience how the experience changed my life then I can join the dots on the diagram and reveal the secret Iliternati symbol. I think it'll be somewhere between the CND logo and a hyperbagel.

    Not Geek, Design

  • newer posts
  • older posts

Categories

Toys, Guides, Opinion, Geek, Non-geek, Development, Design, CSS, JS, Open-source Ideas, Cartoons, Photos

Shop

Colourful clothes for colourful kids

I'm currently reading

Projects

  • Awsm Street – Kid's clothing
  • Stickture
  • Explanating
  • Open Source Snacks
  • My life in sans-serif
  • My life in monospace
Simon Madine (thingsinjars)

@thingsinjars.com

Hi, I’m Simon Madine and I make music, write books and code.

I’m the Engineering Lead for komment.

© 2025 Simon Madine