by Di Grazia Lorenzo, D’Orto Elisabetta, Possaghi Isabella, Tronconi Erica

Draggable is a “drag and drop” library for Javascript codes and examples. The related website is designed reflecting the library’s characteristics: simple and intuitive. Exploring the website you will encounter different interactive objects, each one representing a feature. For example: sortable elements and accessibility.

Each mini-game is extremely brief and minimalistic. While scrolling down, you can interact with color bright constructions and generate mouse click events to solve all the puzzles. The module is a colorful cube similar to a toy block, a metaphor for the single brick, used to start writing your code.

Another section of the website is dedicated to code examples. The layout recall the previous sections, describing each of them with interactive examples. Their code is available on the connected Github page.

The website is designed with SCSS and Javascript.

Tarot-o-Bot is an online experience which is able to predict your digital future. In this website, users can trigger the draw of three different illustrated special Tarots. Tarot-o-bot reads the data beyond the three Sacred Cards and generates a special and ironical prediction over design, art, tech and creative life.

Illo is a design studio with focus on motion design, illustration and set design. For the seventh birthday of the studio, the designers, developers and illustrators have used their abilities to create their own personal version of the tarot: animated, essential and ironic.

The real protagonists of this site are in fact the animated cards, inserted in an almost mystical context full of stars and planets as if it were a universe.

On the home page you can choose whether to start playing with the cards, but also other options such as: visit the page of the studio that created the site, look at all the tarot cards, or join Brillo7 which is the party organized by the studio for their 7 years.

If you click on “The Tarots” you will see all the animated gifs of the cards made by the study.
The main languages used for this website are Javascript and CSS.

NONI NONI is a website created by Jongmin Kim, inspired by his daughter and her love of drawing. Here you can draw pictures or letters which are converted to 3D visuals made up of colorful balls.

When you draw something, the web recognizes it as a shape of an object and it also gives you options to choose based on similarity, so clicking on them you it can generate a new 3D model. It also allows you to listen to the correct pronunciation of the name of the object by clicking on the ear icon on the right of the screen, there are more than 10 languages available.

For the models it takes illustrations from AutoDraw, a drawing tool by Google Creative Lab that helps to create anything visual, as well as from artist Sanghee Cho.
To reset the drawing you have to press the screen for a moment of shake the device, it works well also on mobile devices, and you can use the wheel to zoom in and out of the 3D drawing.

Solace is a funny and colorful interactive and animated story by Evan Boehm on celebrated science fiction writer Jeff Noon’s short story about a near future in which marketing and addiction are disturbingly intertwined. about a soft drink called Spook.

The fabric of the film is a generative, interactive liquid written in code in a cartoon-like physics system that responds to user interactions and generate animations in real-time. The user can use the mouse cursor to poke, pop and pull the liquid and the bubbles to trigger reactions, merging flavours and moving characters.
During all of the narration there will be some checkpoints that separates the entire in story in little chapters which can be easily skipped or watched again thanks to the player in the layout of the page.

The audio narration matches the animations and flows smoothly to provide the atmospheric soundtrack. The audio responds to the user’s interaction, which is often required in order to make the story continue through checkpoints.
This project has been built primarily with the paper.js library, an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
