18
Daydream Doorway by Jonathan Alfonso

Jonathan Alfonso Project 1 Presentation

Embed Size (px)

DESCRIPTION

Project 1 Presentation of Ian Pollock's Web Authoring course... CSU East Bay, Hayward, California Art-3870 Spring Quarter 2013

Citation preview

Page 1: Jonathan Alfonso Project 1 Presentation

Daydream Doorway

byJonathan Alfonso

Page 2: Jonathan Alfonso Project 1 Presentation

1st In-Class Exercise• Story• Description

• Related Source• Scroll Position

Page 3: Jonathan Alfonso Project 1 Presentation

Results: 1st Exercise

Horizontal Scrolling

Page 4: Jonathan Alfonso Project 1 Presentation

My Thoughts

Page 5: Jonathan Alfonso Project 1 Presentation

How did it all start?

Page 6: Jonathan Alfonso Project 1 Presentation

Think it over!

Page 7: Jonathan Alfonso Project 1 Presentation

Drafting out Ideas

Page 8: Jonathan Alfonso Project 1 Presentation

Related SourcesAnime & Poetry

Page 9: Jonathan Alfonso Project 1 Presentation

Exercise Retake

Page 10: Jonathan Alfonso Project 1 Presentation

Project Description

Page 11: Jonathan Alfonso Project 1 Presentation

Results

Page 12: Jonathan Alfonso Project 1 Presentation

Sitemap

Page 13: Jonathan Alfonso Project 1 Presentation

Materials

Page 14: Jonathan Alfonso Project 1 Presentation

Mockup

“Hope is a walking dream.”- Aristotle

Page 15: Jonathan Alfonso Project 1 Presentation

Pros- I used jQuery to

process the lettering design.

- Used JavaScript coding for animating text.

Page 16: Jonathan Alfonso Project 1 Presentation

Cons

- JavaScript limits my opportunity to animate certain objects.- Errors and

glitches.

Page 17: Jonathan Alfonso Project 1 Presentation

Other Technical Difficulties

- High quality of the materials.

- Dealing with <div> regulations.

- Unable to animate certain things• Rotating objects

whenever you scroll.• Numbers appear

whenever you scroll.• Opacity changing leads

to pixelating images.

Page 18: Jonathan Alfonso Project 1 Presentation

Thanks for Everything

Jonathan [email protected]@horizon.csueastbay.edu