Rochester Institute of Technology RIT Scholar Works Theses Thesis/Dissertation Collections 1-1-2008 Mr.Wolf, a Bad Guy?: Digital multi-language story book Ya-Wen Chen Follow this and additional works at: http://scholarworks.rit.edu/theses Recommended Citation Chen, Ya-Wen, "Mr.Wolf, a Bad Guy?: Digital multi-language story book" (2008). Thesis. Rochester Institute of Technology. Accessed from This Master's Project is brought to you for free and open access by the Thesis/Dissertation Collections at RIT Scholar Works. It has been accepted for inclusion in Theses by an authorized administrator of RIT Scholar Works. For more information, please contact ritscholarworks@rit.edu. Rochester Institute A Thesis College of Technology submitted to the of Imaging Arts Faculty and in candidacy for the degree Master of Fine Arts of the Sciences of Mr. Wolf, A Bad Guy? Digital Multi-Language by Ya-Wen, Chen Feb 15,2008 Story Book Approvals Chief Advisor: Chris Jackson, Associate Professor, Computer Graphics Design Chris Jackson Signature of Chief Advisor Associate Advisor: Date Dan Deluna, Assistant Professor, Computer Graphics Design Dan Deluna Signature of Associate Advisor Date Associate Advisor: Marla Schweppe, Professor, Computer Graphics Design Marla Schweppe Signature of Associate Advisor School of Design Chairperson: Patti Lachance, Associate Professor, School of Design Patti Lachance Signature of Administrative Chairperson Date Reproduction Granted: I, Va -Wen, Chen , hereby\gran~deny permission to Rochester Institute ofTechnology to reproduce my thesis documentation in whole or part. Any reproduction will not be for com mer Va-Wen, Chen Signature of Author Date Inclusion in the RIT Digital Media library ElectronicThesis and Dissertation (ETD) Archive: I, Va-Wen, Chen , additionally grant to Rochester Institute of Technology Digital Media library the non-exclusive license to archive and provide electronic access to my thesis in whole or in part in all forms of media in perpetuity. I understand that my work, in addition to its bibliographic record and abstract, will be available to the worldwide community of scholars and researchers through the RIT DML. I retain all other ownership rights to the copyright of the thesis. I also retain the right to use in future works (such as articles and books) all or part of this thesis. I am aware that Rochester Institute ofTechnology does not require registration of copyright for ETDs. 1hereby certify that, if appropriate, I have obtained and attached written permission statements from owners of each third party copyrighted matter to be included in my thesis. I certify that the version I submit is the same as that approved by my committee. Va-Wen, Chen l=eb / ~)-/ ~0'1f Mr. Wolf, a Bad Guy? Digital Multi-Language Story Book Ya Wen Chen Rochester Institute of Technology Computer Graphics Design Thesis Report Table of Content Introduction Abstract Project Description Review of literature 3 4 7 Process Story 10 The Characters 24 The The Logo 35 The Layout 36 The Topics 37 Summary 38 Appendix Programming 44 Thesis Proposal 48 Introduction Abstract Interactive study not of be learning material can languages. Given today's technology, books regarded as the only source languages. However, by Wide Web, relations, computer which will not only by learning and books, boost the interests in learning learning studying World inter-personal digital interactive enhance the or can the massive means of technology, one can create of integrating information readily available also be beneficial to the learning materials media, but languages. Website: http://www.saturdayestrella.idv.hm/story/index.htm/ Introduction Project Description Problem Statement Learning a new language from learning the grammar, language However, Nobel Prize English, Chinese due to the economy difficult for by writer name vocabulary from adults to be and spoken rapid growth of and population. would how? The asked Cela, a major in the future Spanish. I than kids. Camilo Jose in 1989 said, the three winner likely more indicates also pronunciation and be can Spanish a languages different linguistic be very difficult. Research system can a new a be answer is the Spanish and Chinese Hence, the study of these languages is important. language, but my Chinese is my first major was in Spanish Literature. I design computer graphic at R.I.T. my passion, but unfortunately it difficulties. Despite there seem to be insufficient materials available via computer comes to the study of be to combine motion audio CDs, tutorials, into an languages. images currently studying Studying in language is a computer amount of My project study when will materials such as fairy memorization of of it therefore work-books and popular vocabulary technology, study interactivity and interactive CD for easy pronunciation and am comes with countless advancement an undergraduate the languages. tales grammar, Introduction Project Description (continued) Thesis Statement I will create a who want English of Spanish. The and story book for multi-language to learn one well-known Red digital these languages: project is based Riding Hood", because Chinese, on Pigs" tales "The Three Little and they're people short and the two "The Little easy to follow. The digital story book includes these two elements: Motion There will be graphics: Animated graphics will accompanied with use a control user not hear the story used images in the book. to show the story, text to explain the bar to stop Pronouncing: The can be no still or to pause the only can read The story also. story. will Users can animation. the story, but be recorded by the native languages speakers. Fun: Both of the character, the a villain. Base version of the wolf. referred stories wolf. on story, But the wolf is same always described as this point, I'd like to create a new which overturns Moreover, the presented have the in the form menu of of the personality the new story is newspaper, thus the get to know the whole story and the wolf the newspaper. of user can by exploring Introduction Project Description (continued) Define Audience Language background: Chinese, English more one of and persons who Spanish, know basic and would like to learn the three languages. School Experience, their reading level: high education and beyond. Geographic location: Interests and places where hobbies: Spanish, English or have persons who computers desire to learn Chinese. Technical knowledge: browse school persons who standard website and know how to interactive Flash. Review of literature Books - Los Tres Cerditos/The Three Little Pigs (Bilingual Tales) Maria Rius Scholastic This book en Espanol, September 1, 2006 provides me as the Spanish language reference. The True Jon Story of the Three Little Pigs Scieszka, Lane Smith Puffin, March 1, 1996 - The Three Pigs David Wiesner Clarion Books, April 23, 2001 Jon Scieszka turned the favorite kid's story down by allowing the grossly misjudged side of - wolf to tell his the story. David Weisner guides the story of this book to go on the basis but the different part own adventures. Both come upside up with a is of each of the traditional version, pig ends these books totally overturning Disney's Classic Animated Story and in having help me their to surprising Book Collection Disney Interactive It helps learning me to create the layout for interactive material and interactive learning to understand how to build method. plot. Review of literature (continued) Instant immersion. Spanish Redmond, WA This book for : CounterTop Software shows me learning how to build a practical method to speak Spanish. Approaches and Methods in Language Teaching Richards, Theodore S. Rodgers Jack C. Cambridge University Press, March 12, 2001 How Languages Are Learned (Oxford Handbooks for Language Teachers) Patsy M. Lightbown, Oxford - Nina Spada University Press, April 27, 2006 Principles of Language Learning and Teaching H. Douglas Brown Pearson ESL, March 6, 2000 These books explains me and methods the in language teaching, grammar translation, teaching, and the of natural approach. language goals, syllabus, and and language It shows in terms of its language learning, teaching activities, teacher learner roles, materials, language such as communicative each approach and method theory major principles learning, and and cooperative content-based instruction, task-based language teaching. Review of literature (continued) Movie - Hoodwinked Cory Edwards, Todd Edwards, Tony Leech The Weinstein Company, 2005 Process Working Flow Chart Story Brainstorming Characters Setting Characters & Scenes Design Story Book Interface and Logo Design Story Translation Story Narration Recording Programming Motion Graphics User Test 10 Process The Story The story Little Pigs" revolves around on the overturns the stereotypical is to employ of published on explore the the local the story by The the the to which version, wolf. misunderstood as a villain wolf is newspaper. reading the dead, between the is news user can motion- other story. from, and Therefore, the In this way, the the user start comprehend is of wolf" wolf. for the as critical as which plot image wolf the story, the graphics-newspaper. isn't create a new a succession of misinterpretations each character and In the end the express The story character, 'the common the structure and to The way to Hood." "The Little Red Riding and develop from two tales, "The Three combines characters the order of each plot Thus, no matter user still can whole story. Story (English version) Mr. Wolf & All usual, Mr. Wolf Today as poker room, Mr. Wolf wins chips. He now. so enjoys So he puts all the last time he wins this cheats, the money will gamble he has to the most of the game bet, including so goes in and on casino with the bet. His table is full is happy the next casino. Mr. Wolf's Jerky. In the bet, and thinks this is He thinks Jerky, but it his he has And unexpectedly, money. an argument with with what of Jerky Jerky just ends in fighting. When Mr. Wolf is on his way home from the casino, he sees 11 Process The Story (continued) Money is walking door bell without patience and Money has delayed for one month. into will get Just big trouble, the money, "Hey, where's yells. All that Mr. Wolf Mr. Wolf doesn't again. can't stand and So he the road uses all go away. knocking, but cold and looking keeps smells his energy He only chases looks the and he the red hot him, fast as he can. turn and sees him. makes a running!" Money Stop run run run the street. so he After goes can't run one into week, he to any house the energy left to knock on the door. man in the house wind keeps sneezing. All yells blowing no one answers collapses. something on him. Mr. the door. He of a He only and walking. something smell sudden, can't after one can continue on thing. And then came good When he like cookies. gets the sweet smell and seeks Unexpectedly, the all him, red and can't in the Dark Again he uses is coming from something everywhere around gets so sad. he see Money run as home because he The left, follows the sees to which for food. Mr.Wolf keeps walking Forest, he go stays on sneezes, the house big plans bastard. do is he just hears the tells him to stand he his hunger anymore, a while Wolf keeps to want for food. He looking After so you can him and the rent, He knows if he lets he is ready to run, Money as Money is keeps peeking inside the house. looking for Mr. Wolf knows he his apartment, pressing the around outside for the find the origin. red ahead. thing is gone. red all He He thing. He that he remembers is something from his back and took him all big the way down then passed out. 12 Process The Story (continued) (On the way, Mr.Wolf bomb flies in the the bomb and opposite into a trunk, bump direction, exhausted looking for help and finds the door is "Is anybody to stand up, so he food. Finally, he crawls home?" a reaches is a he says, but and in the and no one around answers, air. dragging his body so he lets the house. No tired, on is one and the bed and deeply. while, the headache floating house, the nap first. So he just lies down falls asleep quickly After house. towards the house there. Although he smells the cookies, he is too to take of a open. himself into the house. He looks prefers the Mr.Wolf survives.) and When Mr.Wolf is awake, he finds himself in front He's too so wakes Mr.Wolf up. And he looks down. Red out of He finds himself and Granny are the house. Mr.Wolf knows his life is over, he is dead. Timmv & Mr. Wolf Just as when usual, he is sounds Timmy is ready locking the door to go to Granny's house. But windows, he hears some and coming from the back. He turns back and sees Mr.Wolf running towards him. "Ahhhh " Timmy thinks is Mr.Wolf is roaring and Mr.Wolf is going to eat running towards him. him, so all that he can do runs to run run run Jerkv & Mr. Wolf Because Timmy thinks Mr.Wolf is chasing his brother, Jerky, and lives with him for after him, awhile. he One night, 13 Process The Story (continued) they're sleeping, Jerky takes and a look him in the must come fear, for to hide ready to All that go still Timmy and shadow of Jerky Mr.Wolf, because he revenge Timmy, is who I didn't you. keeps knocking. Jerky to beat Mr. Wolf. their door. on well. "Go away, buddy. I have nothing for says, but Mr. Wolf knocking the sees He tells poker game. all over with shivering He out window. he thinks Mr. Wolf cheated is and someone outside cheat" bat grabs a Jerky and is Suddenly the house just collapses. can do is run run run Red & Mr. Wolf As usual, she serves the drinks and chats with the gamblers. Suddenly she feels someone touched her butt. She turns round, Mr.Wolf staring and sees Wolf One who day some But on guy for him just did the so she slaps him her. She thinks it is Mr. and walks away. her. She decides to hide beat him. Finally, the guy Red is ready to beat him stream of white smoke passes is smile at her way home in the Dark Forest, following and when it, with so scared and runs by to the house of finds there's somewhere who shows with and she to wait up is Mr. Wolf. Kong Fu, suddenly takes Mr. Wolf her granny as away. fast a Red as she can. Finally, she arrives at big hairy feet. "It's Then Granny's she house; takes a she closer again!!!" she says with anger. you softly and quietly. in Granny's ear, After Red leans Granny hands a finds her granny has look. It Then scares Granny over and whispers rolling pin her. shows up something to 14 Process The Story (continued) Red. Then Red just hits Mr. Wolf's head heavily several times. Paco & Mr. Wolf Timmy and Jerky to their Paco. big brother, happened to them. He decides to take what brothers. So road, and "I run smell they follow the footprints for any to wait something look. He is "Hey, chance smells following of Red." revenge Jerky tell Paco for his Mr. Wolf along the Mr.Wolf. get even with like Granny's They cookies." says. Timmy says. "I knew he likes her." "Come on, let's do something to Paco Red us." for and revenge says. Then Paco throws After cheer "Let save hearing their me the a fireball towards Mr. Wolf. sound "BANG! BANG! BANG! " The three pigs victory. buy you towards bar with guys some beers, ha-ha." Paco says and walks his two brothers. Granny & Mr. Wolf When Granny is preparing hears the hurries death, big sound outside which outside, and feels the floor to check, and the scene she shake. she She sees scares her to is Mr. Wolf is crawling towards her. She thinks Mr. Wolf is going to eat herself in the the ingredients for the cookies, her, so she runs into the house and hides closet. 15 Process The Story (continued) The Story (Chinese version) Mr. wolf & aii m%t$mkm ^^Mm&n-m - m&m jerky x^mmr ^___^^7*a.#i$sga SffeM ' Jerky MTS-ffi f Jerky Pit ffl > > ' jg*7?fSi$- *R4> ^ - fttiEMs-^:T #fffePfiW#B# rng tiea. -mmnm8. fii3__{_niIii3__i_Ji ft_*rJil$P*ftfeliS5fe__L mxminffi&BrViMffi&fc . fftiti__f 7Ifg&!j Wcvm ti&&W8*affis*fiiT m*mm&Em% St^-fi^ WcSM IE @5fefet!_W#^fteT Mffiffiffi? wm _f > - mm ftftJ^IT^^l - 37B#t__P.ftH 3ft6ifBl_SBJiSMT-<@^ SS6Uffe SMffi &m%m& feg^^/fW&tJtfif ffii^ffeffi Jerky ^iffiWS^F.^ - m9hmmm^ #ftfctIOM^#f$B#f| > - m mimum msajts P_BS!|-Pi#M|gW 16 Process The Story (continued) nm9tmmmm mm&B&-Fxm.9m ft_HSA^7 - ws. - *&&* flyesirnn - rMX^Mmi 71?" "* j ffelEg ffiSP&WAMP. #7*W^^ffASM7rl fHgft!_*i__ftAm7 ii7-P?7 ^^* Mas^pm^ftn^w - FJfJ^ffil-^ii Sl^ftfelfli!l7Sf^W# mj^ftfe^^^/j-T mmmm mftsmt&msmm > - - nmmrmm .I5fe_fe^niiftfeW^_%B^m mm& fl6EJK5E7 Timmv & Mr. Wolf (Timmy m^,*) m&n-m Timmy mmm^wwm T^gWffWfi-WSflf* r W j - ft_J| fji*#ftKtPTO?m S ffi^ftflfi&f^ftl&TSl* 3S5fe_fea.l9L^ft^ft&WS|6l?SS 3_#fflffcP__7 ' ft-na ^JtfffiStfSI-Eg Timmy Slft_gfl_ = Jerky & Mr. Wolf (Jerky m&K*) mU Timmy ljmftmsmi& Iifflf_.i-|57 A-E^^fteffTOP. 7 ' w-ab^ ' ' ftiliW'Jfffe^ Jerky IK rmft!_fffieB#fg jerky m&mtmrm >&3Sft_fc-5Hifcmi$ ' naiw mm&&%9t&.m& HfiffiftiSWif f)ffiffl_1173!il3_ ^Jift!.J^t/Tf##.4rft Timmy jg'R!*^ 17 Process The Story (continued) Jerky m imm9bikMmmn Wk-m Jerky 7*8* M.%MBH-g&&@mT ' *Ptftffl.l53_ Timmy m Jerky n fgfft Red & Mr. Wolf fzhE!Ji_J_____> f_ig*WA^*&_S7 /J^i-$nttSWiffi^^^fnlt^PWA mimwi mi7^ *M?H5t5_fifM^7^ #/j^iffl^fiffl?_*a5fe__LW0tfi 3__fe##t7 /J^M*7Sfr3 mmmrmmm gif_j@ rXMf*!!! mm j Timmy ID Jerky BBWOTfif!AP7-ff **_____$gi& JJEDH- r^ ' S^&61ft*fmt*t_-^7t-J ' f^ - ggffift;4= ESftfrMTOA^1 rmmm^mmm^mmm. IS ^SJff 7ft JifeSS^M^^^S ^M/J4ifi5ia7?i5t_fe&^^ - jgas-R-fisffl-g ^s_$;iuf w^-ii^ir-fM s**$6 Paco & Mr. Wolf (Paco r ' > _*f#ft5t_fe fte/MlM . Paco j % ffefl'.^IS Paco g7f+ Timmy s. j - r Jerky ift aftSIti&Sft/h i- aff-^SS'J^WUffi-iSmiSrtil j Pacofft 18 Process The Story (continued) r fam^mT-mftw usi paco rmmm{mmmm - ^%j Paco !*!! j & =m^m -iii^^-awffewa^i! Granny & Mr. Wolf (im%mji?r&.) mmmiB&mmmmmm^umm ^hs!Ieaww#_^ - * The - mmmmmtym m&mmmi&(mm mmmmm - Story (Spanish version) Mr. Wolf & All (El Sr. Lobo v Todosl Un dfa, Sr. Lobo el Sr. Lobo el de sus gana dinero que la las apuesta. El Sr. Lobo final discuten y al Cuando Sr. Lobo el esperando sin Lo estaba que si mirar lo piensa que regresa a su buscando su juego, y esta piensa qu esta es llena muy la ultima vez gana Jerky hace trampas, corer, casa, casa, tocando casa. va a ve que la por eso el Money timbre com la renta. esta impaciencia, El Sr. Lobo sabe para que pagara que Money El tambien sabe tener serios problemas, por so planea mas rapido possible. prepara para mesa esta Inesperadamente, Jerky dentro de la Money lo ve, escapar La de poker, se pelean. fuera de dejar de apuestas. sala tiene. Asf que decide apostar todo ronda, y el casino. Jerky. En la mucho con el cartas que en esa misma jugara en de las mayoria fichas. El disfruta contento con el se va al casino con Money En el momenta en que el se se 19 Process The Story (continued) voltea y lo Money ve. grita "iOye! Donde i Detente !"Todo lo que el esta el dinero sinverguenza. Sr. Lobo puede hacer es correr, correr, correr. El Sr. Lobo no quiere volver a su encontrarse con Money Despues de semana, el hambre, comida. El una pore so el emplea timbre. Pasa le el frio y enorme toda la le soplando, pero nadie se la calle. a cualquier casa para queda para le solo oye una voz que empieza a estornudar. estornudo, vivir en ya no puede aguantar mas energfa que viento sigue la puerta, a Sr. Lobo decide ir rata, y irse. El ordena llamando un Decide otra vez. el porque no quiere casa, la buscar tocar grita algo abre. El no puede soportar El Sr. Lobo casa. que mientras el sigue De repente, despues de hunde la y un un solo pretende encontrar comida. El Sr. Lobo calles. emplea dulce olor viene roja. aroma de al y sigue caminando por encontrar su origin. delante de cosa roja queda para perseguir Ve Entonce el el mira por El se pone triste. y Despues, caliente vino por Sr. Lobo camino, el Sr. Lobo y la bomba opuestas, y persiguir esta cosa desaparece. El que recuerda es que algo grande consigo. solamente que el Decide el. las siente olor a galletas. le no puede encontrarla. detras y lo llevo el y energfa que Inesperadamente, la todo lo , Bosque Oscuro toda la algo rojo todas partes, y (En y camina Cuando Mega Otra vez, este camina se vuelan en desmaya. direcciones sobrevive.) 20 Process The Story (continued) Cuando despierta, se demasiado la y "_ Hay lewantarse, cansado para buscar casa para la ve que se encuntra enfrente ayuda casa?" asf que entra. El dice a la casa esta Sr. Lobo, pero nadie responde, esri allf. Aunque demasiado cansado, y prefiere tomar Por una siesta primero. el Nadie mira por huele las galletas, todas partes. la eso se acuesta en cama y se queda enseguida. Despues de un rata, flotando encuentra Abuelita hacia pore so se arrastra Finalmente, Mega comida. Esta una casa. puerta esta abierta. alguien en dormodo y de se despierta en el aire. Mira hacia Entonces se da cuenta de abajo y fuera de la estan arrastrando su cuerpo enterrarlo. dolor de con un que su vida cabeza ve como y se Red y casa para ha terminado: esta muerto. Timmv & Mr. Wolf (Timmy v el Sr. Lobo) Como de costumbre, Timmy esta listo Pero las mientras cierra de que viene hacia que el " el Sr. Lobo correr, casa da Sr. Lobo va a correr y Jerkv & Mr. Wolf Como se ir a casa y las ventanas, vuelta y ve que el de Abuelita. oye algun ruido Sr. Lobo corre el. "Ahhhhh es detras, puertas para Timmy de su ruge comerlo, y corre por eso el. Timmy todo lo que piensa puede hacer correr. (Jerky y el Sr. Lobo) piensa que el Sr. Lobo lo persigue, corre hacia la hermano, Jerky, y vive mientras estan hacia durmiendo, allf por un alguien llama tiempo. Una noche, a su puerta desde 21 Process The Story (continued) fuera. Jerky echa un vistazo por Lobo. Piensa que vengarse, lo engano en el toma no Sr. Lobo sigue llamando un bate y repente, la pueden dispone se casa se hacer es correr, v el ve al Un Sr. Lobo bofetada y dfa, de que sirve mira Mega bien. que se esconda te engane!", la Entonces, Jerky puerta. un golpe al que no Sr. Lobo. De Timmy y Jerky correr. las bebidas y fijamente que acaba los charla con la toca, se voltea Ella con una sonrisa. de tocarla, asf que le da se va. la sigue. Finalmente, Sr. Lobo. Pero Le dice a poker. Sr. LoboT regreso a su casa en golpearlo. repente la Sr. Lobo cuenta que alguien y regresado para repente ella siente que alguien piensa que es el una y del Sr. ti, darle correr Como de costumbre, Red jugadores. De a a sombra nada para derrumba. Todo lo Red & Mr. Wolf (Red y tengo y ve la juego del temblando todo de miedo) Jerky dice:"Vete amigo, pero el ventana Sr. Lobo debe haber el porque el Timmy (esta la Bosque Decide esconderse el perseguidor aparece cuando esta una corriente lista Red Oscuro, da para esperarlo y resulta para golpearlo con de humo bianco y se se ser el kong fu, lleva al de Sr. Lobo. Red esta tan asustada y corre hacia la casa de Abuelita tan rapidamente como puede. Cuando Mega los a la llega y de Abuelita, y peludos. se asusta. "Eres tu pies grandes mejor casa suave ella ve que su abuelita Entonces se acerca para mirarla !!!" otra vez tiene dice con rabia. Abuelita y tranquilamente. Depues de que Red se inclina y le 22 Process The Story (continued) ofdo, Abuelita le da susurra algo al Entonces, Red Paco & Mr. Wolf (Paco Timmy y jerky explican lo fuerza golpea con corren que les ha Sr. Lobo sel sucedido. esperan cualquier ocasion "Huele algo, hay amasar a Red. varias veces. hermano mayor, Paco. Le su Paco decide hermanos. Siguen las huellas del Sr. Lobo y de Sr. Lobo) v el hacia un palo a de desquitarse un olor parecido a las vengarse por sus lo largo del camino, con el galletas de Sr. Lobo. Abuelita." Dice Timmy. "iEh! Mira, le el gustaba." Sr. Lobo algo para salvar a sabfa yo que Red y de paso nos Dice Paco. Entonces Paco arroja Depues de Red. Ya Dice Jerky. "Vamos, hagamos vengamos." esta persiguiendo a ofr el sonido celebran su victoria. cervezas, ja ja ja." Y bola de fuego hacia una "BANG! BANG! el BANG!" Sr. Lobo. los tres Paco dice "Dejenme comprarles va junto con sus cerditos unas dos hermanos hacia el bar. Granny & Mr. Wolf (Abuelita Cuando Abuelita galletas, oye suelo esta preparando un gran ruido Sr. Lobo') los ingredientes fuera de la casa para las y siente como el timbla. Sale afuera para ver que pasa, y lo que ve la asusta muchfsimo. Ella v el piensa que el El Sr. Lobo Sr. Lobo esconderse en el armario se esta arrastrando va a de comerla, hacia ella. asf que corre a su casa. 23 Process The Characters The original vector style design the characters (Image No.l). In characters, I render hand-drawing visual of order is based texture; the to vivify the the different touch and cut-out on by giving also give a them some depths (Image No.2). M Image No.l Image No.2 24 Process The Characters (Mr. Wolf) \__wm Introduction (English) Mr. Wolf is there's has no great no much to take big a report, left of job for him no chance Wolf's luck is in. He anymore. his deposit for the rent, in casino. become gambling partners, going to His boss told him if a going-to-be-fired reporter. wins There he and go some, he decides to meets to the and so Moreover, he Jerky. casino go They every day. Mr. he thinks his day is finally come. (Chinese) m9t^~mmmmw.mm^mmmm m^mm^mmmmm :&mmmm mtmmr - wxftfemmr - ms. - mmM&mm%>'^ pmm&fezmmm-m immmmmj jerky mc$tm wm msm^-m^mm mmxm^rm^ (Spanish) El Sr. Lobo es un periodista al que van a echar jefe le dijo que allf no hay trabajo alguno para el. para pagar su renta. grandes cantidades ser companeros Lobo tiene ningun reportaje Ademas, Pore so el no decide ir de dinero. Allf, de casino, mucha suerte y tiene del trabajo. Su bueno, ya no suficiente hay dinero al casino para arriesgar conoce a van al casino Jerky. Ellos Megan a juntos cada dfa. El Sr. piensa que por fin Mega su dfa. 25 Process The Characters (Mr. Wolf) Design 3-quarter-view Side view 26 Process The Characters (Red 8. Granny) Red & Grann\ Introduction (English) Red works at the casino, and Granny has live together in Oak Village. When Red go through the Dark Forest brings there granny's famous delicious are always cookies. and bunch Of course, a cookie store. goes to work, Rustic Village. She cookies with of people around also some guys just has to always her to work, her to want she They so the share to talk to her. (Chinese) immtf ^mBm-^mmimmnmM#mmmm^n - f:mxmmmm^^mmm^m^ nm m^Hk^Rmmm .ISME (Spanish) Red trabaja en el Viven juntas en Villa Roble. Cuando Red que pasar por el preciosa y deliciosas casino, y Abuelita tiene una tienda de va a trabajar, galletas lleva consigo al de Abuelita, muy tiene es trabajo las celebres y por esa razon siempre mucha gente a su alrededor para comer sus galletas. supuesto, ella Bosque Oscuro y la Villa Rustica. Red siempre galletas. algunos chicos solo quieren hablar hay Por con ella porque es guapa. 27 Process The Characters (Red 8i Granny) Red Design Front Back Side view 28 Process The Characters (Red 8. Granny) Granny Design 3-quarter-view Side view 29 Process The Characters (Timmy -Jerky 6. Paco) limmy, Jerky & Paco Introduction (English) Timmy is he's too go out a timid home afraid of is his favorite brothers, world outside. a rogue. and gambles all living by Jerky just He has no cookie. as job, his because makes He has two name and always day. The eldest, Paco, is smuggling out often The only thing Granny's dessert, Paco and Jerky. behaves like a the boy, he doesn't go him elder implies, fools a gunrunner. around He makes weapons. (Chinese) Timmy SHH/J^-lX^iS ft!_HJAma^t_-^ ' M7A^^a,-i-^Jilft_tBP,W*sJ_S55Wff^ WFBfiWW Paco m Jerky Jerky stSSfftW^Tttt - mM-mmm. Paco &wxf^ Ji_iA^felS ' > m^.mmmm - Jimmy ff IHflit mm-mx n mmw Ali_fe (Spanish) Timmy tiene es un chico miedo de sacarlo del tfmido mundo exterior. casa es su postre todo el Paco y lo indica, dfa pierde es un La casa porque unica cosa que consigue favorite: Las El tiene dos hermanos mayors, nombre de que no suele salir Jerky y es un sinverguenza. galletas Paco. El no de Abuelita. Jerky, tiene tiempo y apuesta dinero. El como su trabajo, y mayor se llama traf icante de armas. Se gana la vida haciendo contrabando. 30 Process The Characters (Timmy -Jerky fie Paco) Timmy Design ^ Side view 31 Process The Characters (Timmy -Jerky fif Paco) Jerky Design Front 3-quarter-view 32 Process The Characters (Timmy -Jerky & Paco) Paco Design Back 3-quarter-view Side view 33 Process The Characters (Money) Introduction (English) Money and is a greedy landlord three pigs all who owns Rustic Village. Mr. Wolf live there. (Chinese) (Spanish) Money es el codicioso Lobo y los tres dueho de Villa Rustica, donde viven El Sr. cerditos. Design / Front 3-quarter-view Back Side view 34 Process The Logo The Logo is designed the main character. of an angel separated wolf. By like with elements The upper part of wolf with a by the that correspond halo on the logo is its head which title bar to create a reflection Hence the title of this Project "Mr. an with image is then of an evil Wolf, A bad Guy?" the description of the logo I hope the message carried across helps to not identify Mr. Wolf as in the classic stories. 35 Process The Layout To ft-nom ihqi abotlL CJ&!nx The content of the project is composed of four major topics, the Characters, the Story, the Vocabulary and the Quiz. As shown located which at from the Image above, the the top-horizontal area. And to belong each major left-vertical area. The in the area, next To right structure users main menu with to located at the item is shown to the sub-menu. of information available for the the characters created in the story, the pop-up section, located user a space are the sub-menus, content of the chosen the amount to interact topic, all is at the bottom area, read and more flexibility to offers control the the screen space. 36 Process The Topics i he Character The characters Through this user a sense of control. could learn section Spanish of of these glass to give the process the users the characters from the pop-up more about in any in the field are shown languages, Chinese, English and their choice. m The menu of newspaper. the story is presented in The user can to read a little bit magnifying story is the also available to the i news or if so interested watch in text format for use the the story. The users to read in the story is shown in the form of motion assist the typography to have more interest in user learning language. The with of a of choice. segment of graphics form then move the magnifying glass to click a picture to glass their language Each of a motion graphics are animated to create an entertaining visual effect of words. he Vocabulai The Vocabulary offers the user the signification as soon as the story. the readiness to consult they learn any new word from 37 Summary The content of opportunity to from the the Quiz is to how examine provide much of as of Motion typography users to The was is the Story is presentation as motion composed of the animated amusing to a new of the see a combination such to draw the language. In addition thought the narration was easy users also stressed as on the the ear, Though it is a the positive drawback that I didn't working on their concern on the speed too fast for read and remember to the clear and professional. typography me users were visual effect a major attraction learning audience also very the the characters. A high percentage and this and its the graphic thought it attention most of the Quiz. The specialty graphic. they actually learned this project, I got it tested and the topics that seemed to interest and user an the vocabulary. use of After the completion Story the the concern, I put into also see this as a such as this on the any was I believe it is critical for tuning not miss the work. undergraduate major wasn't in working I consideration when motion graphics. main purpose and principal of no experience to words. the users, I had to stay focused to Because my the beginning language learners to learn that although a design work needs fine attract of in design, I had project with the scale one. 38 Summary (continued) From characters recording to challenges learned It took learn a motion for lot and me. and long a design, interface design, To listen to the where JvU ftji Iw users i process I definitely struggled a lot, on skills. project because I had to each and everyone of motion graphics design, it was really before the doing original interface design. The is the design is too should go rny it rwKjy lo go lo Wdi^g (*o doc* Granny' a great challenge. from the testers is indeed helpful for complicated material, moreover, there's they im <M&*. f-M for the voice Below is the learning lot them were narration design. For the interface from the a time to finish this to think through characters all of Through this improved characters actions me. graphics, story no clear response for a direction first. h i Mm v"-3 oomnq 'on we Qi n Mf Wto nm**) low_-* hi I Original interface 39 Summary (continued) I change space. section the design as below. Each The users can they only see section has its the information of own the pick. Final interface (characters) Final interface (story) 40 Summary (continued) Final interface (vocabulary) inal interface (quiz) 41 Summary (continued) The original present direction that I merely with image-based The image narration. characters I drew started will be the animating is to motion graphics and combination of and modified picture as the background (Image No.3). Image No.3 But as I out was to be bland and innovation at all. the out with no character or day, one when I life to it awhile was work turned nor to search for a watching a movie tried to put subtitle on, the idea came. I found out, as a non-English native helpful for to put the me speaker, to critical element-word a more (Image No.4). It's the significant simple reading and can enhance see to learn the language. my direction to the it, I found Thus, I halted for And new solution. and on working listening the is so Therefore, I decided to my type-based words work and to change motion graphics combination of the characters and drawings. I believe that to join together into the motion graphics the interest of a learning piece. 42 Summary (continued) Image No.4 To add to field for editing it, me. the narration recording totally I learned how to record, also the cooperating the and was voice with the a new skill of motion graphic. Doubtless, enhanced although for this point, I a the project is better finished, solution and am satisfied with lot could However, be at the achievement, and I did like to be deeply thankful for the constructive suggestions design. a guidance and from my the committee members. 43 Appendix Programming This part of action script controls the digital story book, such as the users, to determine opening tell animation of when to show or to show the topic when the basic function to load or Vocabulary chosen unload and of the by the the Quiz and to hide the pop-up reading section. stopQ; storyE :<rdSpc ce_mc._visible = false; rdSpace_mc._visible = true; charactersBG_mc.chj anCon 0; - char isible 3G_mc.wordS( = false; DularyBG. 3G_mc.qi ter_mc.gotoAn: X__mc.quiz_bt i. enabled DularyBG this.enaoled = .bled tn = } 44 Appendix Programming (continued) vapDepths(l); iiDirection_n ible chai actei = true; fc = -BG _ vocStarte : " bularyBG_ abulary_btn. enabled = true; quizBG_m< n.enablec storyBGj': .tn.onRoli BG_mc.ne = fui nc.aniContainerjnc.unloadMovie alse; chc ; jctersBG_mc.cl 45 Appendix Programming (continued) quizBC z_btn. enabled = ti //Voc Where = ere vocabul : = 1){ lit'" getDepth c.vocSta- P(24); ri(){ - quiz!- e = LUMI lurid fund: /ie icaniContainer l nloadMc vocabularyBGjnc. q<-; i); storyBG_mc.wordSpace_mc,_visib!e = false; 'isible = fa :'OtoAndStop(l); [i); :n. enabled = true; >cabulary_btn. enabled = true; j 46 Appendix Programming (continued) func Whe; Vhere = 1){ //trace(vi Gjnc.getDepf' quizBGjnc.qui; r = function(){ quizBG_mc. 47 Appendix Proposal Abstracts 49 Project Description 50 Survey of the Literature Marketing Plan 53 56 48 Abstract Interactive learning material can be beneficial to the study languages. Given today's technology, books regarded as the only source However, by integrating available by technology, interactive learning means of and the of learning massive books, or materials media, but also be studying languages. information readily World Wide Web, inter-personal relations, learning can not of computer one can create which will not only enhance digital the boost the interests in learning languages. 49 Project Description Problem Statement Learning a new language from be very difficult. Research pronunciation and more difficult for Camilo Jose three major different linguistic indicates vocabulary from Cela, Spanish. I and and population. Hence, the study of the grammar, Spanish by writer in 1989 said, the how? The and be can in the future spoken the Spanish rapid growth of a winner asked system can language a new Nobel Prize a learning kids. However, languages likely to be be English, Chinese due to the also adults than name a would answer is Chinese economy these languages is important. Chinese is my first language, but in Spanish Literature. I design at R.I.T. unfortunately it advancement insufficient interactivity project in am Studying under graduate major was language is my passion, but a amount of when therefore it study comes will difficulties. Despite technology, there computer be to computer graphic currently studying comes with countless materials such as audio fairy my seem to be materials available via computer to the study of languages. My combine motion CDs, tutorials, images and pronunciation and study work-books and popular tales into an interactive CD for easy memorization grammar, an vocabulary of of the languages. Thesis Statement I would like to create a and multi-language to learn one of Spanish. The project people who want English digital tale "The Three Little story book for these languages: is based Pigs", because it's on Chinese, the well-known short and easy to follow. 50 Project Description (continued) The digital story book includes these three Motion graphics: There Animated graphics accompanied with control bar to stop will graphics, language chosen be be text to user no used images in the book. to explain or pause Pronouncing: Once the motion will elements: the show the the story, story. touches any the user, can use a animation. object shown in the it's in the audio will pronounce what by Users and the called word also will be shown. I< Fun: The result of story changes depends on The user will moments. have two Each choice choices for each of develops into a users' choice. the pigs at different critical story. 51 Project Description (continued) Method - Use exiting "The Three Little imagination to develop Pigs" and story books invent and various stories and endings. - Motion graphics: use photographic (tools: - images After Photoshop, Illustrator, Flash, Pronouncing: require and Spanish, the animation two the illustrations Effects) language speakers, English native and record and pronunciations of objects in (tools: Photoshop, Illustrator, Flash, After Effects) Once the thesis is completed, it distributed on the web and on will be capable of being CD. Define Audience Language background: the three persons who already know languages, Chinese, Spanish and English School Experience, their reading level: high and one of school education beyond Geographic location: places where have computers Interests and hobbies: persons who desire to learn English or Spanish, Chinese Technical knowledge: persons standard website and who know how to browse interactive Flash 52 Survey of the Literature Books Los Tres Cerditos/The Three Little Pigs (Bilingual Tales) Maria Rius Scholastic Espahol, en September This book provides me as 1, 2006 the Spanish language reference. The True Jon Story the Three Little Pigs Lane Smith Scieszka, Puffin, of March 1, 1996 The Three Pigs David Wiesner Clarion Books, April 23, 2001 Jon Scieszka turned the favorite kid's story allowing the grossly story. David Weisner the basis each pig of guides ends in help surprising having the story of of by the this book to go me to their own adventures. Both come on up with a of totally overturning plot. Disney's Classic Animated Disney to tell his side down the traditional version, but the different part is these books and misjudged wolf upside Story Book Collection Interactive It helps me to material and learning create to the layout for interactive understand learning how to build interactive method. 53 Survey of the Literature (continued) Instant immersion. Spanish Redmond, WA : CounterTop This book shows how to build a practical method for to speak Spanish. learning Approaches Jack C. me Software and Methods in Language Teaching Richards, Theodore S. Rodgers Cambridge University Press, March 12, 2001 How Languages Are Learned (Oxford Handbooks for Language Teachers) Patsy M. Lightbown, Nina Spada Oxford University Principles of Press, April Language 27, 2006 Learning and Teaching H. Douglas Brown Pearson ESL, March 6, 2000 54 Survey of the Literature (continued) These books explains me the major principles and methods in language teaching, translation, communicative the natural approach. method in terms language of learning, activities, teacher its such as grammar language teaching, It shows theory and each approach and of language and goals, syllabus, teaching and learner roles, materials, cooperative language learning, instruction, and and content-based task-based language teaching. Internet Resources Kid's Juke Box http://www.kidsjukeboxinc.com/node/255 Up to Ten Kids http://www.coloringpage.org/ These two for the show me what people animated have already done interactive story, and how much I on line can improve. 55 Marketing Plan This thesis for language not only be utilized as school, but also learning persons who want could to learn and market the thesis, Schools, for teachers to atmosphere for Publishers, for teaching Home, for be material proper place for there to such as: create a more students interactive and fun to learn languages. people who edit materials learning as material by themselves. Moreover, are also several circumstances could discuss teaching language learning and to discuss. people who want to learn languages by themselves. Competitions, digital design after finishing competition to the thesis, I promote this will join some project. 56