David's website!

e at my name is David and I'm student of Computer Science at Pompeu Fabra High School

I have developed four coding projects:

• Creating ab interactive image map using GIMP about sports newspaper

in the following image you can see sports newspaper:


• Developing and interactive painting caable of moving some areas of the painting with thw sound cptured by the microphone, movements controlled by the sinus and cosinus function and random movements. Our painting is Castle and Sun by Paul Klee
• 
• Create a game step by step. Our first game is based on falling a paddle colecting balls and avoiding red balls
Create a second game capable of 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 creation I follow this procedure :

1. Download the image to create an image map to create an image map, in my case "sport newspaper"
3. Open the gimp software and click on file/open to open the image ad after click over filter and image map.
4. 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.
5. On the image map screen, you need to create a link and description of the area of interest. Save your work in map format.
6. Open the map file created with the Gimp image map editor using Visual Code Studio software.
7. Add html code using html tag <> and head and body tags.
8. Connect mapper.js library in the html code to create areas of interest of different colors.
9. Upload the html code, the image, and the mapper.js library to your neocities webpage.