Marina's website

Here's how you can make bold and italic text.

My name is Marina and i'm student fo Computer Science at Pompeu Fabra High School

I have developed four codingprojects:

• Creating an interactive image map using GIMP about the work "New Harmony" by Paul Klee

• Developing an interactive painting capable of moving some areas of the painting with the sound captured by the microphone, movements controlled by the sinus and cosinus function and random movements. Our painting is New Harmony (1936) by Paul Klee
• Create a game step by step. Our first game is based on falling balls and paddle collectingballs a avoidingred balls

• Create a second game capableof chasing and killing small blue balls and avoiding big yellow balls. The game difficulty increases with your score.

In the first project, about image map creatin i follow this procedure:

1. Downloand the image to create a map, in my case "The Ambassadors" by Hans Holbein.
2. Open the Gimp software and click on file/open to open the image and after click over filter and image map.
3. On the image map screen click on the polygon symbol to create an irregular area. You need to do it several times to create several areas of interest.
4. On the image map screen you need to create a link and a description of the area of interest. Save your work in map format.
5. Open the map file created with the Gimp image map editor using Visual Code Studio software
6. Add html code using html tag <> and head and body tags.
7. Connect mapper.js library in the html code to create areas of interest of different colours.
8. Upload the html code, the image, and the mapper.js library to your neocities webpage.

This is the final code: