Animal Crossing Script


Tallulah Riou, Harriet Daniel, Imogen HS, and Noah Shankster


Each scene will be short and montage like.

Locations: Antique centre (?), Kingston Museum (?), College (?), Busy park(?) or Canbury Gardens(?)
At location rekkies, we were unable to film at the Antique Centre, Kingston Museum.

Scene 1:
Medium shot on train, filming on train outside window. (5s)

Scene 2:
Cut to game play, player meets Rover (15s)

Scene 3:
Player walks into empty room (their new house), looks around slowly (8s)

Scene 4:
Player walks up to a tree and shakes it, peaches and a leaf falls on the ground. (9s)

Scene 5:

Shot 1:
Side-view of leaf on ground (out of first person perspective), player’s knees just in in shot, they bend down to pick up leaf. (6s)

Shot 2:
(Back to first-person perspective)
Player lifts up a chair (leaf turns into chair off screen, like in game) (5s)

Scene 6:
Player enters Nookling Junction shop
Tommy: “Welcome, Welcome, come on in.” (2.42 s)
Player gives him peaches, Tommy takes them and gives bells. (6.60s)

Scene 7 (Location: College):
Player enters clothing store. Mabel happily greets them,
“Hello! Welcome to the Handmade Fashion palace of the one and only Able Sisters!” – Mable (4s)
Player looks over to Sable, a glare is given in return. (2.60s)

Scene 8 (Location: College):
Player enters Shampoodle Hairdresser.
Harriet cheerfully greats player,
“My name’s Harriet, and this is my salon I help. I help people wear their inner beauty on the outside. If you want a makeover, sit down in that chair in front of my machine.” 10s)

Scene 9:
Player enters museum, Blathers greets them.
“Hmm? Hoo! How may I be of service? Hoo! What would you like me to assess?” – Blathers
Player hands over fossil.
“Ooh hoo!” – Blathers

Scene 10:
Player is fishing calmly and peacefully.

Scene 11 (Location: Canbury Gardens):
An Eerie, uncomfortable, and unnerving reality-break. Colour is drained from the screen, no music at all. Player continues acting the same, walking around a nature filled area


Scene 12 (Empty Room):
Sudden snap back to the game. The bright, bubbly colour returns but the music is still missing.


Overall, roughly 98.44 seconds. 


Website Design Development

Here i started with a few different sketched layout designs, i had a few basic elements that carried through each idea.



I know i want to include a pastel colour theme, mainly a soft, light pink. Pastels are colours that prominently show up throughout all of my work, so using them in my online portfolio is an obvious choice – I feel as through it represents me the best, as any other colour theme really wouldn’t fit quite as well.


Above are the wire framed drawings of my final decision on what i want my website to look like.


Here is further work on my website portfolio, on the video above i made the homepage and menu bar on the left. The menu bar took a lot of time as it went through a variety of fairly minor changes, such as layout and shape, as well as working on the breakpoints to make the movement of the menu bar work smoothly.
The floral picture in the circle on the left is my own photograph – as well as all the images on the center of the homepage.



Unit 52

Final Obstacle Course












I placed my file in my google drive and worked between a few different computers throughout the project, an autosave set every ten minuets. I slowly got used the controls and made as much progress as i could with my limited skills in 3D design and various technical difficulties.
I used the move and rotate tool to shape how the character would move through the obstacle course. I gave them a fairly cocky and overconfident personality at the start, which fairly instantly deteriorated when they came about the second obstacle as they dangerously and dramatically fell down it and rolled into the third obstacle.

Screen Shot 2018-01-24 at 10.49.53

Unfortunately, a part of the humanik rig on the chest got deleted so i was unable to move the body further without some contortion on the spine.

I progressed as far as i could but soon ran out of time to complete the obstacle course. I am fairly happy with what i was able to create in this 3D world, although very short lived, and

Barry Rig in Maya Obstacle Course Test 1














I took a few practice tries to work through the movement controls to maneuver this Barry around the start of the obstacle course. Unfortunately, my fuse character of myself was meant to go through the course, but through some technical difficulties surrounding the skeleton rigging i am unable to.
After i had a better feel of the controls i focused on adding some character and personality into Barry. At fist i was thinking of putting more clumsy, messy, and uncoordinated characteristics to him but then changed it to a more sassy, bold, and overconfident style. This was only a short experiment overall, i will progress further on another rig in the near future, as this was mainly an experiment to understand the task at hand.





My Character in Mixamo






















I applied my Fuse made character of me into Mixamo. In Mixamo there are countless animations that a 3D character model can be applied to. I placed my Fuse character into the online

Me in Fuse














In fuse we created ourselves into a 3d character. The program uses both modeling directly onto the model with the mouse tool and sliders for the various face and body parts. It took many tries to first get used to the controls and then to create an accurate depiction of me into a 3D character.

Barry Rig














Barry was added to Maya for us to work with a character rig. Barry started off as a T pose at first in an empty map, so as a class we had a lot of freedom to move him around. I mainly played around with rig to learn how to use the skeleton of the humanik. I tried to form a short walk cycle but was unable to create something successful. The screen shots above show some stills of the movement i tried to make.

3D Basic Animation Block in Maya




Screen Shot 2017-10-04 at 10.39.39.pngScreen Shot 2017-10-04 at 10.40.01.pngScreen Shot 2017-10-04 at 10.39.48.pngIn class, we created a short animation in Maya of these three shapes. The objects move from one end to the other of the map in the viewport. Using the time slider at the bottom to mark keyframes for the movement of the three shapes, and using the playback controls to view what has been constructed. I used the move tool to slide each object to the other side of the map.

Space Ship:

Screen Shot 2017-10-04 at 09.18.31

This spaceship was made using cube objects and manipulating them using the move, scale, and rotate tool to create this chair like a spaceship. It was more so as a way to get more familiar with the tools, as Maya is a program I haven’t ever used before.


Screen Shot 2017-10-04 at 09.17.50

Another tutorial we did in Maya is creating a Column, using the same tools stated above with the spaceship.
Overall, I did struggle in Maya and creating these objects. I mainly found difficulty in controlling the tools and remembering the steps on how to use them – although this is likely due to my inexperience within the program. Issues aside, I am interested in getting a better understanding of Maya.

Pixar short research: ‘La Luna’


La Luna (2012 film) poster.jpg

La Luna is a computer animated short film from Pixar. This short was directed and written by Enrico Casarosa in 2011. Other work the influenced and inspired Casarosa was his own childhood with his father and grandfather.

Image result for La luna 2011

All the backgrounds in this short are handmade with pastels. Watercolours and Pastels were prominent in the design process for the textures as the animated wanted to use the least amount of CGI. Water colour paintings were scanned in and applied.
In an interview, Casarosa spoke about the technology used in the short.

‘Question: Does this film advance any technologies?

Enrico Casarosa: Not specifically. We kind of tried… We were kind of given TS3 technology which it wasn’t even brave. In fact a couple of times we wished we had some brave technology, on the hair especially. That hair was a little difficult, because we wanted moving hair. We were kind of asked to… It hasn’t been as much a place where to do R and D just because it’s not a place where they want to put a whole lot of expense. So our way was like “How can we get a different look with what we have?” I really pushed for scanning a lot of real materials like pastels and water colors, so we really achieved a look that I hope feels different and I think it’s different through using way more media and kind of scanning it and putting it into the background, putting them on the textures on the characters, on the objects, but we didn’t necessarily introduce new technology.’

– from:

For audio, La Luna is primarily music based rather than speaking. The music is very orchestral and light, with instruments from the strings family playing the largest part.
Although the short focus more towards music, the characters do have some dialogue


The animation was very well received and nominated for an award for an Academy Award for Best Animated Short Film at the 84th Academy Award. It was added the beginning of the theatrical release of Brave in 2012.
Although it was a successful short, they had quite a tight budget and lack of recent software tools, among other difficulties. Although the short was paired with the movie Brave, the team didn’t have the same software, so animation the facial hair became a hurdle.

The animated short had a small team working on it. Casarosa led the team as the director and writer, he pitched the idea to Pixar and later goes to work on The Good Dinosaur. Kevin Reher was the producer.


Jobs in the 3D Workplace

Overall, 3D modelling can be used for almost anything, from medical to artistic.
Within the art field, examples that 3D modelling can be used in jobs for are:

The Games industry:

  • Character Modeling
  • Character physics Modeling
  • Level design
  • Environment artist 













An 3D environment artist would hold an important role in games design industry. Skills the artist is required to have create a perfect environment would include modeling, textures, lighting, and more. The artist can be hired to create objects, a whole room, an entire field, a mountain rage, a mansion, and so much more. The environment can be sci-fi themed, dystopian or apocalyptic, a simple suburbia, a fantasy forest. What the artist can make in the 3d world is only restricted to the limitations of the games design and their skills. A variety of programs can be used for the creations of game environments.

Toy industry

  • prototype modelling
  • 3D concept modelling


Within the toy industry, 3D modeling hold a key role in the creation of toys. An example of a job would be prototype modeling. Once a toy idea has passed down a variety of design processes beforehand, a physical prototype would need to be put into place through 3D printing, but first a 3D model would have to be created for that. As you can see in the photos above both the 3D prototype design and printed and assembled physical model show part of the process.

Website Research

Website 1:

Nintendo Webpage

The Nintendo website supplies both information and great visuals for its products. You can easily navigate through it and find what you want – either by its images or written information.

If I’m going to nitpick and be critical, one downside I can see is that it is a little bombarding on the menu screen. It has a large amount of bright, colourful images all clustered closely together showing up first thing as soon as you click on the website.

Although there is very little negative space on this website, i wouldn’t particularly say that its a bad thing, as the site is very organized and well arranged. It has a fun, playful look to it but has a mature, structured layout – a combination that works perfectly for a wide age range that Nintendo supplies for.

Inspiration from this website for my own would be its ability to blend both fun and information.


Website 2:

SkinnyDip London:


Personally, i find that this website has aesthetically pleasing visuals, its pink and white colour theme and fun feminine feel really brings it together. They style of the website represents its products and image of the company.
From looking at the way the website is made shows that they cater to feminine young adults interested in beauty and fashion. Its fairly obvious to gather this from scrolling just through the homepage.

One negative take away would be its images are just that bit too large and overtaking on the homepage. The initial large image scroll through works well, but as that theme carries on further down it becomes rather tiring to scroll through it all. Other than that i don’t have any complaints on the websites design.

Elements of this website that i want to include in my own, is the fun and fairly feminine visuals.

website 3:

Jenny Harder’s Portfolio Website

Screen Shot 2018-01-09 at 11.35.54.png

I really like this artists portfolio website, the layout is (word other than perfect) and the colour scheme works nicely. The home page is a lot less busy in comparison to the last two websites i have researched. It is very neat and organized, the categories for the work all present on the home page, a beautiful piece of work of theirs as the top banner and easy to read information beneath their profile pic (which is more of their work). There is no fuss or too many distracting elements from the work.
This concept artist has a wide variety of work in their portfolio, with art ranging from character work to backgrounds and such.


Website 4:


Screen Shot 2018-01-04 at 10.09.47.png

The site LingsCars is a cars rental site, but there is a lot more to it than just cars.

Visiting the website LingsCars is an unreal experience. There’s information everywhere, every harsh colour that exists, and an abundance of gifs. In a graphic sense its a mess – there is too much going on, everything is overlapping and clashing –  but its not necessarily a bad idea, It’s rememberable and unique, there is nothing like LingsCars. Although there is a lot going on, it does something every business wants: to be remembered. It seems like a terrible idea, but after deeper research and thought as to why this website is like this, its actually genius. It stands out. It grabs everyone’s attention. It turns heads. If this website was pictured next to a few other cars dealership website – LinksCars would be the one people see first. The website itself is one of its biggest marketing points (that and the truck with the missile on it, pictured below).

Ling clearly has a sense of humour that shows itself throughout their website. There are jokes littered on every page. Doing this gives this website and its owner character, making people want to look further for more of its personality.

Overall, its a fun, confusing website that hurts the eyes but you just can’t look away.


Website 5:





Website 6:




Website Terminology

HTML: HyperText Markup Language is the code for website creation.

CSS: Cascading Style Sheets is used to keep information in the proper display format with websites.

Bootstrap: is a front-end open-source framework that is used for web development design.

Javascript: JS is a term in computer programing language that is used to create interactive effects.

JQuery: a library built on javascript code that simplifies HTML for responsive web design and user interface interactions, it is made to be lightweight and easy to use when coding website development.

AJAX: Asynchronous JavaScript and XML is used to create interactive web application that works faster and better, it works in the background to send and receive data that doesn’t effect the display.

FTP: File Transfer Protocol is used to transfer files between computer on a network and a client and a server.

Database: is the organized, structured collection of data on a computer.

Client: is a piece of software or hardware that gives access to a service held with a server.

Web-server: is a computer system that hosts websites over the internet, it processes requests and sends information over a basic network protocol.

PHP SQL: is a free, open source scripting language, it is used to develop application or internet on the web.

MySQL: is used for database management, it is an an open source system.

ASP: Application service provider is used over a network to provide services to customers.

AngularJS: is a javascript-based framework used to create web apps.

Responsive web design is a key part of webdesign that makes the website view-able on any screen (phones, tablets, desktops, etc.).

Cookies is used to store and contain information about a browser by a server.


A Header/Banner displays some basic information on the identity of the website, like the name or logo, photo of some work or  the owner of the website. It is also most often at the top of the page.

A Logo is used to represent the company or brand in a visual and recognizable sense. The logo is usually on the banner.

A Slider on a website is a term used for a slideshow.

The Navigation (menu) is used to maneuver through the pages on the website. It usually includes a way to the homepage, about page, help page, etc.

Links on a web page is used to redirect the user to places on the website or elsewhere.

A Gallery is often used to display a series of photos of work that is relevant to the website.

Thumbnails are a way to represent work (or something similar context) by using a small picture or video. An easily recognized example of this would be the small image one would see linkedto a YouTube video before clicking it.

A Lightbox displays images and videos in a way that fills up the majority of the screen, and dims out whatever left of the website is seen.

The Footer on a website is placed on the bottom section of the page and contains information, such as contact info or links .

Loader (loading bar) is used as a visual indicator on the progression of the loading site or page, it often shows how long the user needs to wait.

Social Media Icons on a website is used to show that the person or business has a profile on said sites that a represented on the website. (e.g. twitter, Instagram, etsy, tumblr, etc.)





Animal Crossing Trailer Plan

Thursday 25th January:

Plan – Story Board, script, location rekkie, prop design

I emailed Kingston museum for permission to film, they redirected me to other point of contact to ask permission.
I started off the details of the script, working together with the storyboard – which was also being made today, with Jade being in charge of it as they are the creative manager.

Although we planned to do a location rekkie that day, due to a few complication we  unfortunately had to postpone it.


Thursday 1st February

Plan – Finish Story board, finish Script, Location rekkie!!!(MUST DO TODAY!), Prop making,

I finished writing the script for the trailer, and jade finished the Story board. The props were made

Thursday 6th February

We started some filming, we went to Canbury Gardens and did the fishing scenes, tree shaking scenes, and various walking scenes to use in the reality break.

Unfortunately, none of the shots are usable for a variety of reasons. These scenes will need to be reshot when possible

Thursday 8th February

We filmed the clothing store scenes that Imogen and I starred in as Mabel and Sable. We filmed in college, supplied all the costumes ourselves, the props were supplied by a mix of our own objects and college (mainly mannequins).

Between the 12th and the 21st of February Harriet The Director got really ill.

Between the 15th and the 27th of February Noah the Cameraman and Editor got really ill.


Thursday 22nd Febraury

We did the whip pans this day to put before, inbetween, and after the scenes, mainly the clothes store and hairdresser scenes.


Between 23rd February and 4th March I was sick and unable to contribute to the project.


Tuesday 7th March

We filmed the Harriet Hairdresser scenes.


Thursday 8th March

Today we got all the work we did together and completed. (Script, storyboard, moodboards, prop planning, costume planning, lighting planning)







Animal Crossing Trailer Development


animal crossing modboard.jpg




  • Player-noah
  • Harriet the poodle- harri
  • Sable-imogen
  • Brewster- jade
  • Mabel-lulu
  • Tom nook – tom
  • Rover-Harri
  • resseti-lulu





  • Train
    • Meet rover on train
  • Fishing
  • Shop
    • Tom Nook dialogue
    • Shop camera shots
  • Hairdresser
    • Harri goes through the dialogue Harriet the Poodle says at the hairdresser.
    • Player changes hair
  • Clothing shop
    • T and I go through Mabel and Sable dialogue
    • New clothes
  • Café
    • Coffee is served
  • Tree
    • Shaking tree
    • Shot of leaf on ground
    • Leaf turns into chair
  • Snapback to reality
    • Carrying a chair and a shovel
    • Maybe a fish
    • Tired
    • Hair is a messy mess
    • Cuts to animal crossing figurines/amiibos?


Scenes in order:

These scenes will be shown more as a montage-ish style in trailer

  • Get off Train (meet Rover?)
  • Empty room (the players house); chucks bag down, sigh at emptiness, leave room.
  • Shakes tree, fruit falls down, & leaf falls down, player picks up leaf but its a chair, puts in pocket.
  • Tom Nooks shop, sells fruit for money (bells)
  • Clothing shop, gets new look
  • Hairdresser, gets new hair
  • Museum
  • Fishing? Reality break through the fishing; becomes dreary and less colourful (Mr Resetti in the background, looking disappointed)
  • Shows Player walking around with a chair, basket of peaches on chair, a flower in their hair(?), tries to replant flowers by throwing it on the ground, people around Player giving them strange looks (maybe filming)
  • Snaps back to bubbly, colourful game and out of Reality with Player in his once empty room that now has his chair in it




Trailer Feel


  • Light and fun
  • Bubbly
  • Bright
  • Lots of colour
  • Happy music
  • A faster, peppy, pace (not too quick so you don’t know what’s happening, but quick enough to get a peppy and (*) feel from it.



  • Raw
  • Creepy and eerie
  • Happy music continues but it is slightly faded and distant
  • Basically Doki Doki but with animal crossing
  • Mr Resetti
  • Idea that things might not be like they actually seem (like Brandon Roger’s mom video)
  • Yeah i agree ^^^
  • Slower, unsettling pace than when it’s in the game (not too drastic but enough for people to pick up on a noticeable change)
  • Suddenly snaps back to game, pace goes back to what it was before (like the reality break never happened)




The player arrives at their new city, Rover greets them whilst on the train. The Player is in a bright, bubbly, and colourful space of existence that seems unreal. Traveling through their new city and its stores, The Player takes in the sights and enjoying its amusements. They travel to parks and rivers, stores and



‘Bubble Bubble’ App Brief Evaluation

Before this brief i had not worked on any app related projects. both professional or personal wise. It was quite interesting to delve into this style of design and i did enjoy creating the visuals for my app.

‘Bubble Bubble’ is a beverage app made for users to find places to find Bubble Teas and flavor combinations of said drinks.
I stuck to the colour theme i set all through the projects and I am glad i did because these colours fit perfectly with my app genre. I feel that the colours were bright and fun but not harsh on the eyes nor caused any disruption to the layout.

With the logo, i made that in illustrator, but the screens were made in Photoshop. Primarily, i sued the shape tool in both Photoshop and illustrator. I have always been less than comfortable in using illustrator  – especially in comparison to Photoshop.
The text that is used on the screen is (*). Choosing this text was very easy as i knew instantly that (*) was exactly what i was looking for and fit perfectly with the overall aesthetic of my app.

I really enjoyed working in Adobe XD and its a shame that we were unable to use it further in class. We did move onto the program Muse to view the app screens, and personally i didn’t particularly enjoy it as much as the other programs we have used in the past.

My favorite part of this brief was designing the visuals of my app, working on colour combinations, finding the perfect layout, and. Personally i very much prefer to work in the visuals and aesthetics rather than more academic orientated processes like coding and such. I also enjoyed creating the logo, it took a little while to decide what direction i wanted to go for but in the end I am happy with my decision.
I hope to progress in the more creative side of app design as i had a lot of fun with that, and i hope to be more comfortable and skilled with working in newer programs that will aid me in designing similar

Final App Design for ‘Bubble Bubble’

Here is my final piece for the app design brief.

Final Logo:

logo final yeah

For my final logo design i chose to use this style as it has the most fun and eye-catching look in comparison to my other alternations. I made a few very minor changes here and there – such as i made the colour for the lines surrounding the cup and the heart the same dark purple colour, and slightly rotated and shifted the cup to the left.
I am very happy with how this came out, it may not look exactly what i originally envisioned but the path it went down is even better.


Final Screens:


The design of the final three screens for my app have stuck very closely with the original idea that was first drawn in my sketch book. The designs went through a few minuscule changes, nothing too drastic, just some very minor colour shade alterations and some almost unnoticeable movement with the layout that – at least i feel – brought it all together .