HOME ABOUT PORTFOLIO CONTACT
Danny Roach Developer

ABOUT ME

DANNY ROACH

Danny Roach


Illustration of Me
My name is Danny Roach, and I am a 20 year old developer from London, currently studying at the University of Winchester.
Feel free to get in contact if you have any questions or would like to discuss a project.
PORTFOLIO

Choose a project to find out more!

Individual Project

This project was about working towards a brief set by The RSA for The Student Design Awards. My brief was as follows: Conceive and produce an animation to accompany one of the two selected audio files that will clarify, energise and illuminate the content. The requirements set by The RSA were an animation, a hero image and up to 5 boards of supporting material.
My idea was to have this animation be a panoramic VR animation, but once I got to the point of actually publishing it as a VR animation, I found that my laptop didn't have to power to process the files, and so I can only embed a regular version of the animation to this portfolio.
Click on the images to make them bigger

Initial ideas and research

Hero Image and boards

Storyboard
Character Development
Assets for animation

The Animation

This is my animation so far. It is a panaoramic VR animation, but neither my laptop nor my tablet could publish the animation as a webGL format, as they both kept crashing whenever I tried to process it.

GROUP CLIENT PROJECT

This project was called 'Green Spaces'. I worked as the developer in a team of two where we created a mobile application that was aimed at attracting people to explore and utilise the 'green spaces' in and around Winchester university.

Initial ideas and designs

Prototype

This was the initial prototype I created. It used our initial design, so wasn't very aesthetically pleasing, but it gave us an idea of how the app would work.

Development

Here are some of the methods and approaches taken during development.

Throughout the development process, I realised the app would have to be coded all on one page. This meant I had to move all the separate pages I had created onto one, and work out how I would code the navigation between them. I did this by giving each of the pages a different z-index so that they all sat behind each other (photo 1). I then created the buttons that called a function when clicked that would bring the new page to the front (photo 2). After that I wrote the javascript for the function (photo 3).
Click the images to see them larger
The map page was very hard for me. The idea was to implement Google Maps into the app and have the routes and spaces run through there, but I couldn't seem to get it to work in the app and so I came to another solution. I opted for creating multiple maps that had routes on them that would be brought forward by buttons like the pages were (photo 1). I also positioned buttons on top of the map image that would take you to the separate 'green spaces' (photo 2 + 3).
Click the images to see them larger
For th exercise page, I ended up using a modal to show the exercise pictures larger when clicked (photo 1 + 2). This was tricky to work out why it didn't work at the beginning, but once I figured the z-index needed to be infront of everything else (photo 3), it then started to work.
Click the images to see them larger

Final Application

Homepage
Map page
Route buttons
Route shown when button is clicked
Spaces page when space icon on map are clicked
Timer Page
Journal page
Extended Journal Page
Exercise page
Handover Document

GROUP CLIENT PROJECT (Semester Two)

This was the second semester working on the Green Spaces Application project. This semester, we had a new designer on the project, and a second developer. The aim for this project was to improve on the application we worked on before, and take it to it's final stages. We decided to completely redo the designs and drastically improve on how we develop the app.

Initial ideas

Project Proposal

Application Pitch

Flow Diagram

The Application

Click the images to see them larger

Development

Here are some of the methods and approaches taken during development.

Last semester, the app was coded all on one page. This meant I had moved all the separate pages I had created onto one, and gave each of the pages a different z-index so that they all sat behind each other (photo 1). I then had buttons calling each page to the top (photo 2), which would hide all the other pages behind it. Although this worked, it meant that I had a lot of cluttered and repeated code (photo 3). This semester, I used Angular framework with Ionic to make the app cleaner, faster and more efficient with a lot less code.
Click the images to see them larger
An example of this is that for all of the different spaces in the app, instead of making tens of pages all hidden behind one another, we created a modal that we would inject data onto (photo 1). We then inputted the data for each space under separate showModal functions (photo 2) and assigned each separate showModal function to each space button (photo 3). This meant that our code was a lot shorter, cleaner and far more efficient than last semester. We used the same technique for creating the routes page.
Click the images to see them larger

Handover Document

Classroom Rumble Game

For the Transmedia Exhibition, I was in a team of two developers and two designers working on creating a turn based battle game based on the lecturers and students at the university.

The Team

Initial ideas

The Designs

The below presentation contains all of the design work for the game. We used this presentation during the exhibition to show people the full extent of the character and environment design as well as all the assets we had designed.

Development

Development for this game was very difficult. We coded the game in C# using Unity and really struggled getting the turn based battle system working. It didn't take us too long to get the basic game working, but getting an evenly balanced and plausable battle system really threw us off course. Our initial game had a battle system where you could just choose multiple times the most powerful attack you character had and you could easily win the game. So, after following a LOT of tutorials, we figured out how to get it working well.

Each character had a different set of attacks. The main playable character (Debs) had a main attack that dealt damage to enemies, and a secondary attack that stunned the enemy and put them to sleep for a certain amount of time, leaving them unable to attack for their turn. It took quite a lot of trial and error to decide upon what values these attacks should have in comparison the the player's health and the enemies health, but after playing around for a while, we settled on values that made the game relatively difficult, whilst not making each level take too long to complete.
Some other features we included in the battle system was the ability for enemies to go first, and for the enemies to have special attacks such as summoning a horde of first years. Once we had sorted out the battle system, we added our sound effects, animations and storyline, and had a completed game.

Full Game Walkthrough

Here is the full game in action

Social Media Campaign

For my Social Media Campaign, I used the app TikTok. I uploaded 1-2 videos per week, with an aim to post a video in the final week of the campaign promoting my skills in development, in hope of getting some work out of it. Below is an evaluation of the campaign, and my action plan.

Social Media Campaign Evaluation

Action Plan

I have continued my social media campaign and am currently sitting at over 24,000 followers and almost 400,000 likes total.

CONTACT

Contact Me

Get in touch!

Winchester, UK
Phone: 07815 938178
Email: danny.roach@hotmail.co.uk

Drop me an email with any questions you have