simon king


literacy center
August 27, 2008, 9:49 pm
Filed under: interactivity, semester 3, techniques, youtube

Brief into the literacy center
We started the LiteracyCenter.Net with a Small Business Innovation Research (SBIR) contract from the U S Department of Education. Today, it dynamically serves as many as 1.5 million free lessons a day to children in more than two hundred countries. Many ask why the LiteracyCenter.Net is free. Our answer is simple. We have a dream that all children will be able to access the same high-quality, research-based, education material. When you support the LiteracyCenter.Net you support our mission.

To the teacher/parent

The National Research Council’s study “Preventing Reading Difficulties in Young Children” states that children who are exposed to reading at an early age make the symbol/language connection and are more likely to be reading at the appropriate age level by the end of third grade.

The Literacy Center aims to provide safe learning activities for parents and teachers to share with young children. It follows a modified Montessori approach to teaching reading. As a pre and early reading curriculum, it assumes that each online lesson will be supported by appropriate offline instruction, either at home or in school.

The following are two flash based swf educational games/interactions. The first is based on colour and the second on shape giving very basic introduction and instruction of use.

Colour

By hovering  the mouse over the shape, it enlarges with text giving the colours title. Although the primary colours are shown, theory is not covered due to the younger age of the participant.

You are invited to scroll up and down through the colours and colour names by arrows, a congratulation message comes up as a reward for completion.

With this part of the interaction you are invited to use your memory to establish both colour matching with title and position making this enjoyable and challenging.

Shapes

In this shapes interaction there are more of a verity of puzzles as there are more you can do at this basic level. 

By hovering your mouse over a shape a title comes up giving its shape name.

Again you are invited to match up both shape with title

With this part of the game more of an interactive response is utilized, a drag and drop feature is featured allowing you to match up the shapes. A reward message pops up to congratulate on completion. 

Memory is again used in two ways both to match up title with shape and matching card

 

Shapes are given example in basic geometric shape by placement on this landscape, the moon is the circle and the star is, well the stars in the sky e.c.t 

This would encourage and lead into imagination of shape use.

The final step in the shape interaction allows you to spell the shape, in order to use the right letters examples are shown.. you can either click the letter buttons or use the keyboard.

 

Both interactions are excellent examples of how easily flash is used to demonstrate eduction interactive learning, with greater creative flair and process better results can be achieved.



Shapes and Sounds
August 25, 2008, 6:31 pm
Filed under: colour, semester 3, shape, sound

How do you associate shape with sound?  Emotion with shape? 

 Sound Shapes™ are high-quality, affordable percussion instruments that are perfect for the classroom or daycare center. They come in a variety of geometric shapes and cool sounds that are as vibrant as their colors. Sound Shapes are suitable for anyone from ages 3 and up and meet all EN-71 and ASTM safety standards.

This product is specifically aimed at children to help encourage learning, each shape would have a different pitch in which to associate sound with the physical utilizing cognitive and memory function.
click’ for site



flash interaction, interaction gameplay with tonypa
August 16, 2008, 8:15 am
Filed under: artists, flash, games, gaming, interactivity, semester 3, techniques

education qualities

I linked this into my blog as it has a nice interface leading into the game.
The interactive swf has educational qualities to it allow the viewer to count and answer on a continued screen.

Below is another game made by the same artist

TriLinks is a strategy puzzler in which the player must connect each set of three (3) same-colored links (“endblobs”) by moving the mouse over adjacent points on the game grid.

education qualities

Each connecting point represents one step with 100 total steps allowed per level. Moving over blobs of the same color, or over endblobs, do not count against the number of steps remaining.

The catch is that every move of the mouse will change the underlying point to a blob of the currently selected color, even links belonging to previously completed chains thereby ‘breaking’ them. It is all too easy to place blobs where you do not want them, therefore caution and restraint must be exercised throughout the game.

The game cycles through each color in order, repeating if necessary in the event that a chain was broken along the way. Once all endblobs for each color are connected together in an unbroken chain, your score is increased relative to the number of unused steps remaining. Later levels award more points per unused step.

Analysis: As usual, Tonypa’s game aesthetics are exemplary. The lovely piano music, sound effects and the simple, minimalist graphics are all nicely polished and very pleasing, soothing even.

The choice of using a simple mouse-over to draw the blobs, however, is puzzling to me and prone to user error. This is especially true at the very beginning of the game upon clicking the “Play” button. The mouse cursor begins in the middle of the board and the player begins drawing blobs immediately from there.

Why not use a click-and-drag mechanic? I believe that would work (and feel) much better for the player, though it may make the resulting game a bit too easy. In its present form, I find it rather annoying that it places blobs where I do not want them, which takes up valuable steps. Using a mouse-over may make the game more challenging, and yet the discomfort it causes is a detriment to the enjoyment of the game.

—————-

FreeGamesNews: How do you proceed to develop a new game, and what kind of tools do you use?

Tonypa: I use Flash8 currently, but for many years I used Flash5 without upgrading. I loved the speed and simplicity of Flash5 and like with so many other programs newer version only made it slower, more complex and more difficult to use. I still feel for most text editing tasks MS Word 2 was the best version ever made. But Flash8 has many new features which are worth for upgrading now.

I like to keep my Actionscript code out of the source fla in separate as file and because actionscript editor Flash had was not very good, I am used to SciTE|Flash. Sadly it’s not being developed any more so it’s missing new commands, but I am too much used to it. I also use it to edit all txt, xml, php, html etc files.

My main fla usually has preloader and then in main game frame it has include command which then takes the external actionscript file. I tend to put simple Stop() actions inside movie clips, but usually like to keep every piece of code in that as file. Its so much easier to debug and change the code if you keep all the code in one place and not spread all over the frames, movie clips and layers.

For the graphics I use old version of Photoshop. Even for some pixel sprites I have made.
To modify sound wav files I use a free version of WavePad and again, it’s a nice and simple program which can do pretty much everything you need to get the “boings” and “wooshes” right! I can connect a microphone to my computer, record a sound and then edit it in Wavepad until effect sounds are good enough.

full interview with game developer Tonypa on www.freegamesnews.com



N+ coming to DS and PSP soon. Another Flash game makes it big!
August 16, 2008, 6:29 am
Filed under: flash, gaming, interactivity, semester 3, youtube

If you’ve never played N+, you should check it out. It’s a really well done game:

http://www.thewayoftheninja.org/

N+ started as N, a Flash based game created by MetaNet software. It later became a very popular XBox Live Arcade game, and is now about to be released for the Nintendo DS and Sony PSP.

I’ve played the Flash version and it’s great. I can’t wait for the DS version. It seems to be one of those games that would be just perfect for that platform.

The game relies on a collision detection variable with in flash, once the running figure collides with other movie clip objects causing interaction with the environment.

The DS/PSP versions will both be released on August 26 (America) and will both be priced at $19.99, which is pretty low for a quality game.

Here’s a preview vid from E3:



the shape of music
August 11, 2008, 12:44 pm
Filed under: semester 3, shape, sound, techniques


What does music look like? The Shape of Song is an attempt to answer this seemingly paradoxical question. The custom software in this work draws musical patterns in the form of translucent arches, allowing viewers to see–literally–the shape of any composition available on the Web. The resulting images reflect the full range of musical forms, from the deep structure of Bach to the crystalline beauty of Philip Glass.

http://turbulence.org/Works/song/



Colour Harmonies
August 9, 2008, 1:51 pm
Filed under: semester 3

– basic techniques for creating color schemes

Below are shown the basic color chords based on the color wheel.

Complementary color scheme 
Colors that are opposite each other on the color wheel are considered to be complementary colors (example: red and green).

The high contrast of complementary colors creates a vibrant look especially when used at full saturation. This color scheme must be managed well so it is not jarring.

Complementary color schemes are tricky to use in large doses, but work well when you want something to stand out.

Complementary colors are really bad for text. 

Split-Complementary color scheme 
The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color, it uses the two colors adjacent to its complement.

This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

The split-complimentary color scheme is often a good choice for beginners, because it is difficult to mess up.

Rectangle (tetradic) color scheme 
The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs.

This rich color scheme offers plenty of possibilities for variation.

Tetradic color schemes works best if you let one color be dominant.

You should also pay attention to the balance between warm and cool colors in your design.

click for website infomation

– 

Using a colour circle wheel is a surprising way of producing shapes, this is one way of linking both together using colour theory.



Camberwell Sexual Health Centre
August 8, 2008, 7:35 am
Filed under: artists, colour, interactivity, semester 3

The Camberwell Sexual Health Centre was officially opened on November 23 by The Rt. Hon. Harriet Harman, MP for Peckham and Camberwell.

The 1 million Centre – the first of its kind in the UK – is part of the MIs Sexual Health project and is run in partnership with Kings College Hospital NHS Foundation Trust and local sexual health providers in Lambeth and Southwark.

The unique facility was designed in consultation with users and is based around self-management, so that people can decide for themselves what degree of support and services they need, with help from touch screen information and self service points. This system allows more people to be seen more quickly, as not everyone needs a formal consultation.

  • Client support workers who act as greeters, assessing visitors needs on arrival and guiding them through the registration and treatment process
  • Touch-screen technology which allows people to self-register and choose the most appropriate service
  • A new self service machine, activated by tokens provided at the registration screens, that allows people to obtain free condoms, pregnancy testing and sexual health screening kits without seeing a healthcare professional
  • Informal consultation pods for people with straightforward needs that don’t need to be managed in a traditional clinical consulting room
  • A relaxed, informal and welcoming atmosphere which is totally unlike a traditional sexual health or contraception clinic

 

A series of abstract drawings (funded by the Charity) by artist Lothar Goetz is helping to create a warm welcome for visitors. Find out more and see the drawings»

 

 

Artworks help make a good impression in new sexual health centre

A series of abstract drawings by Lothar Goetz is helping create a warm welcome for visitors to the groundbreaking Camberwell Sexual Health Centre.
The collection comprises seven images, each with a unique design and colour palette. The drawings are framed in clear perspex boxes and mounted on coloured card which echoes the interior design. A mix of geometric lines, wheels and shapes evoke symbols of the natural and mechanical world.
A close inspection of the images reveals that the print quality finish is achieved with nothing more than the humble coloured pencil. The evenness of tone demonstrates the dedication and care with which each piece is carefully handcrafted.


Camberwell Sexual Health Centre artwork

http://www.gsttcharity.org.uk/projects/mpsex.html



Lothar Götz
August 8, 2008, 7:30 am
Filed under: artists, colour, semester 3, shape, techniques

Götz uses colour to define the architectural qualities and spirit of a space. He is 
interested in the way decoration and colour can have an impact upon us and in exploring how shapes, dimensions and colours influence the way we think, feel, and behave. He is inspired particularly by Modernism and Minimalism, but also Bavarian Baroque Churches, Renaissance paintings and architecture of all periods.

For his exhibition at Piccadilly Circus, the artist has created an installation in response to the distinctive architecture of the Ticket Hall. He has produced a sophisticated composition of brilliant colour located within twenty two former display windows in the ticket hall. The work is inspired by the architectural language of Charles Holden, who designed the ticket hall in 1928. Holden’s design, from the structural plans and elevations to the lighting and decorative details, aimed to provide harmony and integrity throughout. The dimensions and arrangement of the display windows provide the layout for the piece. Brightly coloured geometric shapes fill the rectangular windows and create a single large scale, rhythmic work, reminiscent of the constant movement and flow in the busy ticket hall. The shapes and colours refer to the colours of the Underground, the busy life of the station and to the radical modernist thinking behind its design.

Lothar Götz was born in Germany and studied in Wuppertal and Düsseldorf there before going to the Royal College of Art, London where he gained his MA. He has exhibited internationally and has had solo shows in London at The Economist, Chisenhale Gallery and Gasworks. Forthcoming projects include exhibitions in Hamburg and Santiago de Compostela.

http://www.tfl.gov.uk/tfl/corporate/projectsandschemes/artmusicdesign/pfa/artists/lothar_gotz.asp



450+ examples of German and Swiss Modern Book Design
August 8, 2008, 7:15 am
Filed under: artists, colour, semester 3

 

Anwendungstechnik moderner anstrichstoffe c1963 designed by Franz Fassle

 

This book covers above come from Felix Wiedler’s excellent book ( design ) stories website

Prepare to put aside a few hours to browse this site. Felix has done an amazing job of cataloging design work from Hans Hartmann, Siegfried Odermatt, Richard Paul Lohse, Josef Muller Brockmann, Armin Hofmann, Max Bill, Max Huber, Hans Erni, Otl Aicher, Gottfried Honegger-Lavater, Nelli Rudin, Anton Stankowski and many others.

Also worth checking:

Swiss Graphic Designer: Donald Brun

Karl Gerstner and Markus Kutter – Die Neue Graphik

Publicity and graphic design in the chemical industry – Hans Neuburg



Colour Therapy Training, Healing, Products and Consultancy
July 29, 2008, 3:47 pm
Filed under: colour, semester 3

coloursofthesoul.com