This document outlines design challenges for a web project about a mafia game. It discusses character design using PNG files, background layout dimensions, adding mouse click interactions to characters using jQuery, creating scrolling rotations, and animating a starting bullet inspired by The Godfather movie. Future directions mentioned include making a horizontal scrolling website like League of Legends.

1. Web Authoring Project 2
The Game of Mafia
Wen Liu
05/17/2013

2. Find out Who the Killer is
How everyone can survive in this game

3. SiteMap
Imaging

4. Character design
Using PNG Files

5. High res mockup
Other Background Element Design

6. Background and layout
Width: “2640”
Height: “2490”
Div class ID

7. Design Challenge#1
for Mouse click On character
Using jquery.scrollpath.js
Set <nav> in Html and <a href “ID"> in <li> tag

8. HTML CSS

9. Design Challenge # 2
Rotation when scroll
Adding .arc and .line to function in JS

11. Design Challenge# 3
Animation start from the Bullet
Inspiration from the movie “God Father”

12. HTML and CSS
For the bullet
HTML and CSS
For the Pistol

13. Future Directions
League of legends horizontal scrolling website