 A puzzle game with a sense of humor  An onClick adventure featuring ninjas, zombies and cupcakes  Simple design, original graphics and clever commentary.

Slides:



Advertisements
Similar presentations
Website Development Scott Hastings. Website Development: How to help yourself. Fundamental Computer Techniques Find the Bigger Buttons Modifiers + [Mouse.
Advertisements

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
HOW TO BUILD A WEBSITE In 5 easy steps. Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets.
Making an Easy and Fun Game Using AdventureMaker.
Summary of Advanced Technical Writing Ideas for Today and Tomorrow December 2003.
Adobe ImageReady. What is ImageReady? Introduced as web-production companion to PhotoShop From a PhotoShop document, you can: make animated gifs “cut.
Interactive Media and Game Development Project. Introduction ARG story: –monolithic game corporation (like EA) is trying to take over the world –using.
Web Publishing Overview Adam Cavotta and Christine L. Vucinich ITS Training Services
Chapter 14 Introduction to HTML
1 Lesson 1 Quick HTML Know-How HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
Theology and Religious Studies Laura Borst Bill McEwan Theresa Howe Shane Hostetter.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
CSCI 101 Introduction to Software Development and Design.
Teaching Web Design to High School Students1 What to Teach Students How to Teach it Sample Projects Audience Sharing Questions and Answers.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
D202 – Crack the Code. Planning 1 st Draft of Time Plan Log Book (Keeping Track) – updated at the end of each lesson Final Draft of Time Plan.
44 CHAPTER SPECIALIZED APPLICATION SOFTWARE Graphics 1. Desktop publishing 2. Image editors 3. Illustration programs 4. Image galleries 5. Graphic.
FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design.
Web Pages I Jeffrey Muday Department of Biology Wake Forest University.
Design & Implementation of Project Adriana Aguirre Luis Carrera Naomi Dominguez Andy Sanchez.
Introduction to Course MMIS 656 Web Design Technologies.
Web Design First Semester Project – Getting Started in Dreamweaver.
Firstname Lastname. Resources  Development tools  Development tutorials  Graphics  Hosting services and online storefronts  Other tools  Business.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Landforms Definition: Any feature of Earth's surface having a distinct shape and origin. Landforms include major features (such as continents, ocean basins,
Extending HTML CPSC 120 Principles of Computer Science April 9, 2012.
Dynamic Web Pages & JavaScript. Dynamic Web Pages Dynamic = Change Dynamic Web Pages are web pages that change. More than just moving graphics around.
Welcome to Creative Web Design You will soon be creating your first web page.
Lesson 19: Site Development with FrontPage 2003 – Advanced Features.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
A man of many hats!. A Few of My Many Hats Proficient in  Adobe Illustrator Photoshop Indesign Flash Actionscript 2 & 3.
Partner A SOLVES the first problem.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
Please open a file manager window and Dreamweaver.
Web Development Tools Milton Acevedo Jerry Jones.
Course Introduction MIS 3501, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 1/12/2016.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.
Game Development Process ITP 160 Original Game Assignments.
Today's Ninja Challenge: Write Your First Computer Game!
Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
Adobe Products Introduction. Menu Within this PowerPoint I plan to give small introduction to some of the applications provided by adobe. These are the.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Introduction to Web Authoring
Designing Webpages Firstname Lastname.
Chapter 1 Introduction to HTML.
Where to Start When Re-Designing a Webpage
The Internet and HTML Code
Introduction to Advance Web Technologies
Section 10.1 YOU WILL LEARN TO… Define scripting
Web Page Development Tools
Overview of Dreamweaver
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Bellwork—August 31, 2015 In your journal, please write a response to the following question: Describe your favorite show and explain why it is your favorite.
Unit 6 part 3 Test Javascript Test.
Web Page Development Tools
Unit 16 The Web Book Test.
Catchup. Work on project.
COM 205 Multimedia Applications
Presentation transcript:

 A puzzle game with a sense of humor  An onClick adventure featuring ninjas, zombies and cupcakes  Simple design, original graphics and clever commentary

Captain Danielle Dyer  CAS Senior  Journalism major  Computer Applications and Creative Writing minor  2 semesters of Java programming, 1 semester of Javascript  Very familiar with HTML. Familiar with XML, and CSS. Has been designing web pages and sites for 8 years. Proficient with Adobe PhotoShop and ImageReady, as well as Macromedia Dreamweaver.  Responsibilities: Team captain. Chief script monkey and maker of pretty pictures.

Allison Bean  CAS Senior  Journalism major  Cinema Studies minor, pending Computer Applications minor  1 semester of Java programming  8 years of HTML and web design experience. Familiar with CSS. Proficient with Adobe PhotoShop and ImageReady, as well as Macromedia Dreamweaver.  Responsibilities: PowerPoint presentations, writer of HTML and CSS, and assistant script monkey.

Eblyn Felix  CAS Junior  Computer Science major (no minor)  5 semesters of programming (4 of Java, 1 of C, some Assembly)  1.5 years of experience with HTML and web design. Somewhat familiar with CSS. Familiar with Adobe PhotoShop and Frontpage.  Responsibilities: Assistant script monkey and graphic maker, and journal writer.

Game Overview You’re a ninja mercenary, hired to take care of a zombie situation in a small town just outside of Boston. You discover that while most of the town has been destroyed by the zombies, one building, Coffee Of Doom, remains untouched. You decide to investigate the premises. Drawing your sword, you slip inside the establishment, ready to cut up any lurking zombies. Suddenly the door slams shut behind you, trapping you inside--at least until the zombies figure out how to break through the windows and turn you into one of their own.

Game play  Click the map to move and click the room to find objects  Use items in inventory to solve puzzle and advance game  Uses lots and lots of functions onClick and via hyperlink

Diagram of Game Play

Victory Conditions  You win the game when you solve the puzzle.  If you win, you get to add your name to the hall of fame, see a pretty picture, and find out what happens afterwards.  If you give up the zombies win and take over the world.  The fate of the world is in your hands, gamer.

Group Dynamic Eblyn coded the journal and did some other basic coding. He also helped create the graphics and argued with Danielle about code efficiency. As Captain, Danielle kept group members on task, assigned duties, created most of the graphics, coded a large portion of the game and checked everyone’s work. Ph33r her. Allison was responsible for the Intro/victory pages, most of the CSS and HTML, finding item images & music and basic coding.

Challenges Using Objects: how the heck do we do this? Showing that Objects are selected: why is CSS evil? Cross-browser compatibility: IE is stupid and FireFox hates scrollbars! Trying to get all of our ideas into the game: no, there are no yetis in Boston.