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

2. nd out Who the Killer is
ow 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