Top Banner
Web Authoring Project 2 The Game of Mafia Wen Liu 05/17/2013
13
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Project 1 presentation

Web Authoring Project 2

The Game of Mafia

Wen Liu

05/17/2013

Page 2: Project 1 presentation

Find out Who the Killer is

How everyone can survive in this game

Page 3: Project 1 presentation

SiteMap

Imaging

Page 4: Project 1 presentation

Character design

Using PNG Files

Page 5: Project 1 presentation

High res mockup

Other Background Element Design

Page 6: Project 1 presentation

Background and layoutWidth: “2640”

Height: “2490”

Div class ID

Page 7: Project 1 presentation

Design Challenge#1

for Mouse click On character

Using jquery.scrollpath.js

Set <nav> in Html and <a href “ID"> in <li> tag

Page 8: Project 1 presentation

HTML CSS

Page 9: Project 1 presentation

Design Challenge # 2

Rotation when scroll

Adding .arc and .line to function in JS

Page 10: Project 1 presentation
Page 11: Project 1 presentation

Design Challenge# 3

Animation start from the Bullet

Inspiration from the movie “God Father”

Page 12: Project 1 presentation

HTML and CSS

For the bullet

HTML and CSS

For the Pistol

Page 13: Project 1 presentation

Future Directions

League of legends horizontal scrolling website