Jonathan Alfonso Project 1 Presentation
-
Upload
jonathan-alfonso -
Category
Technology
-
view
97 -
download
1
description
Transcript of Jonathan Alfonso Project 1 Presentation
![Page 1: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/1.jpg)
Daydream Doorway
byJonathan Alfonso
![Page 2: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/2.jpg)
1st In-Class Exercise• Story• Description
• Related Source• Scroll Position
![Page 3: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/3.jpg)
Results: 1st Exercise
Horizontal Scrolling
![Page 4: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/4.jpg)
My Thoughts
![Page 5: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/5.jpg)
How did it all start?
![Page 6: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/6.jpg)
Think it over!
![Page 7: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/7.jpg)
Drafting out Ideas
![Page 8: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/8.jpg)
Related SourcesAnime & Poetry
![Page 9: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/9.jpg)
Exercise Retake
![Page 10: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/10.jpg)
Project Description
![Page 11: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/11.jpg)
Results
![Page 12: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/12.jpg)
Sitemap
![Page 13: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/13.jpg)
Materials
![Page 14: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/14.jpg)
Mockup
“Hope is a walking dream.”- Aristotle
![Page 15: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/15.jpg)
Pros- I used jQuery to
process the lettering design.
- Used JavaScript coding for animating text.
![Page 16: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/16.jpg)
Cons
- JavaScript limits my opportunity to animate certain objects.- Errors and
glitches.
![Page 17: Jonathan Alfonso Project 1 Presentation](https://reader033.fdocuments.us/reader033/viewer/2022052907/5592dd541a28abea3b8b470e/html5/thumbnails/17.jpg)
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.