Simokydesignsportfolio

Page 1

E-Mail: simok@eircom.net Phone: 0833681914

SimokyDesigns

Simon Kelly Portfolio


ESB Power Station The ESB project is a training simulation using the Oculus Rift, Leap Motion and the Myo armband technologies. The simulation is for staff to practice safety routines and operations at one of their major power stations

The Leap Motion will allow trainees using this simulation to turn switches and move rings, triggering events and actions.

This Project involves detailed modelling of the whole plant and control centre and providing an interactive control panel and visuals on power lines.

Languages and Frameworks

Incorporating basic functionality and specific electrical type accidents which for the most part

• C#

involves electrocution by physically touching live equipment or standing too close to high-

Oculus Rift Runtime and SDK

voltage live wires. Training also includes arching, which can occur where the high voltage can

LeapMotion SDK

cause essentially a lightning bolt to jump across the gap and kill the subject instantaneously.

Myo SDK


Project Serenity

This application comes from Mindmyths who I had the pleasure to work with during 2016. Serenity is a guide through a fingertip tapping practice, known as the Emotional Freedom Technique, which combines ancient acupressure with modern psychology, and helps you affirm your emotions, as you tap around your energy points.

Below: My tasks in this project were to provide a rigged model and animations. The avatar would tap designated pressure points on its body to the required rhythm and timing. Technologies used: Samsung GearVR, Blender, Unity, Photoshop. links: https://www.oculus.com/experiences/gear-vr/1516191791725226/


Project Lunar Destiny Innovate Our World launched the 8th Continent Lunar Destiny application back in March 2015. I had a wonderful three months working with the team in 2016.

The 8th Continent: Lunar Destiny game is an indie video game created by the nonprofit Innovate Our World (IOW), allowing you to build and run an entire continent. You and your bots are competing against others in the next step of the Final Frontier. The application is also compatible with the Oculus Rift. The player gets to race rovers for millions, mine for buried riches, employ robots and use 3-D printing to build a futuristic city.

In this project, I created a UI that allows the player the option of swiping through many different parts which they can purchase if they have acquired enough points. I also worked on modelling and developing AI Droids that attack any rover that ventures too close. Technologies used: Oculus Rift, Blender, Unity, Photoshop. links: https://www.youtube.com/watch?v=-MXxZkUovn8


Project Venture I always liked travelling to different countries and often used travel websites to book holidays. This made me think that there was no Oculus Rift game or simulation even remotely related to travelling. There were space simulations and simulations of being underwater, but there was nothing like a virtual travel agent, this project. With virtual reality coming to the public in the near future, the aim of this project is to create a virtual travel shop, an environment that people can virtually interact with, using touch and simulating user actions. The product consists of the following three parts: •

A standard main website where the administrator can create accounts for companies, edit, delete and upload images to a database;

An application that a customer can download from the website. The customer needs a virtual reality headset to use with this application and the Leap Motion hand sensor (optional). Wearing the headset, the user can launch the application on their PC or Mac, allowing them to access the start-up menu. The user can select one of the following options using their virtual hands or a gamepad: Login, Sign-up, Enter shop or Exit. If the user presses “Enter shop”, they will enter the room scene and see a room with a globe of the earth and a large monitor on the wall beside it. The user can rotate the earth and select a location using their virtual hands or gamepad. The monitor will present the website giving information on holidays available in the chosen location. They can navigate using the cross hairs to highlight selectable items and select them using the gamepad.

The third part is dependent on the travel company who is responsible for their displayed images. If a hotel room is selected, the room scene is loaded and the user enters into a 3D-environment, where the customer can view their room.


Project Venture

Travel companies will see possibilities that were unthinkable before, such as displaying a beautiful location in virtual reality.

The website home page has three sections, which are:

• Customer login panel. • Customer registration panel. • Administration login panel.


Venture Website When implementing these panels, a panel was chosen that would show/hide itself when needed. It uses JavaScript, jQuery components and plugins to achieve this. This allows the Customer and Administration Login to share the same space.

A good design leads its user through the experience and makes every action completely clear as to what it does. The Customer Page Right: Once a potential customer has registered, they can enter their profile page. This page contains the customer’s information and profile picture, which they can edit or delete. There is also a download button that will download the application. The Administrator Section below: The section below is entered by using the toggle button on the pop down modal to show the admin panel. Once the admin has entered the correct username and password, they will be taken to the admin home page.


Venture VR-App When the user selects a place on the earth, the Portal & the user will be transported there.

The starting interface consists of a single static start screen and an instruction screen. These screens are viewed normally without VR headwear. The buttons are selected by the mouse and activated by left clicking. Once activated, the Oculus Rift screen will be launched and the user can put on their VR headwear. The application contains four scenes. •

The Login Scene.

The Instruction Scene.

The Home & Video Scene.

St Johns Scene.

The Island Scene.


The entire model was built upon the aerial map in the prototype section. Each building was modelled in place. This also allowed the building to be modeled in correct location, with correct height and proportions.

Venture VR-App

Bottom: The St Johns Scene

The application involved modelling two scenes: an island, and this area of Limerick city shown on the map below. Real images from the local area were used, when possible, to texture the models of buildings. This gave a more realistic atmosphere.


There are monitors where they can book their holiday and view hotel rooms. There will always be a teleporter to bring the user back to the Portal, where they can select another location on the earth. This project uses the XBOX controller to walk, turn and select items that have been focused on

Venture Design

using the cross hairs on objects that are out of reach. The user can also use one of their hands to rotate, move or press a selectable object, if it is within reach.


Venture VR-App Hardware • • • • • • • • • • • • • •

Oculus Rift DK2 headset. Leap Motion sensor. Vibrating Mini Motor Disc NPN Bipolar Transistors (PN2222) – 10 pack Premium Male/Male Jumper Wires – 40 x 6 (150 mm) Half-size breadboard Arduino Uno R3 (Atmega328 – assembled) NVIDIA GTX 970 / AMD 290 equivalent or greater Intel i5-4590 equivalent or greater 8GB+ RAM Compatible HDMI 1.3 video output 2x USB 3.0 ports Windows 7 SP1 or newer XBOX Controller

Software • • • • • • •

uWebkit Unity (personal edition) 3ds Max NetBeans XAMPP Photoshop. BootStrap

Coding Langauges • • • • • •

C# Java JavaScript. JQuery Ajax SQL


Project Polishers The polisher demo is a challenge that involved combining augmented reality and virtual reality into an experience that merges modelling and a live camera.

The polisher demo is a challenge that involved combining augmented reality and virtual reality into an experience that merges modelling and a live camera. The demonstration itself was to sell an industrial polisher by showing how it operated as well as its safety aspects. Languages and Frameworks • C# •

Vuforia SDK

Oculus Rift Runtime and SDK

Andriod SDK


3D Modelling These are all projects that were created using 3Ds Studio Max, using standard lighting and rendered out using the Metal Ray renderer.

Above, we have a sports car that was constructed from standard primitives using boolean maneuvers and techniques, such as paint deformation, cut, weld and smoothing groups. Top Right: This animation shows a robot arm in the Pixar fashion, making a cup of tea. Note! It is a low resolution rendering Bottom Right: This was the first project that I was assigned to work on. It was a promotional concept video of a virtual shop to attract interest from the Musgrave group to offer a new way of shopping. This involves very detailed modelling of a shop, providing an interactive shopping experience where the shopper feels as if they were shopping at their local branch using the latest virtual reality hardware.


Web Design Projects These websites were designed using Photoshop, Illustrator and InDesign,with Flash being used for the animations. They were coded using HTML5 and CSS. JQuery was used for timelines with PHP used in form handling. Right: This is a website that I have designed for an Irish pub in Stalis on the Island of Crete in Greece. It includes animations and timelines using the Adobe packages. Below: This is a website I have designed for a professional Translator. The site users must be able to view the website in Polish, German and English. I put a small animation in the corner to draw interest.


Web Design Projects Currently, I have expanded on my knowledge of PHP and JavaScript, as I always like my designs to be make sense interactively. The website below allows students to create a profile and upload their images to a database. This is a mock website project for an LIT student portfolio website. The three images below show the Home Page (centre), the Student Profile Page (left) and the Course Page (right)The about us page.


Web Design Projects These websites were designed using Photoshop, Illustrator and InDesign,with Flash being used for the animations. They were coded using HTML5 and CSS. JQuery was used for timelines with PHP used in form handling.


Digital Video Here we have a three minute demonstration video and fictional short. Both were filmed using a Panasonic HCW850E HD Camera in H.264 format at 25fps. Premiere Pro and Aftereffects were used in the editing.

The Dub the Bag and the Ugly Script by Simon Kelly Based on story by Simon Kelly

EXT. THE BURREN. DAY. 360 longshot of landscape. Wind howling. Mid-shot of cowboy entering shot from right and stopping central. Close up of cowboys eyes looking from one side to the other. Longshot of cowboy walking away following a old road. Longshot of cowboy entering shot from left, walks to right stops, couches down and looks at something he found, he then stands up.. Close up of cowboys eyes looking from one side to the other. Longshot of cowboy, who starts to walk and leaves the scene to the right. Longshot, cowboy enters scene from bottom left, walks to right stops, crouches down and looks at fire burning, then looks around, he then stands up and continues walking to top right of screen. longshot, cowboy enters scene from bottom left, walks to right stops looks around, crouches and continues walking at faster pace in a crouching position till he reaches wall puts his back against the wall, turns slowly and the peeks over the top of the wall. Crouches again behind the wall he walks a little and then climbs over wall. Low angled long shot of cowboys rear.

This demonstration video, which I shot at home, presented its own challenges. Everything had to be premade and set up. I looked for a style that most celebrity chefs use, like Nigella Lawson.

This story is about a cowboy tracking an (until the end unknown) animated fox using Sergio Leone spaghetti western style as in “The Good the Bad and the Ugly”.

I used background music and written instructions rather than spoken dialogue that worked

The music used was Ennio Morricone, The Ecstasy of Gold, which worked well with the

with the style I had chosen. The shots were edited with a Gaussian blur added to the

surroundings. The Burren was ideal in winter as the fauna resembled tumbleweed and barren

background. Certain shots that were deemed to long such as the shot shown above, where

landscape the desert. Playing the part myself, setting up the camera shots and shooting

twelve paper holders were filled, were sped up. Extra lighting was used when needed, which

between the showers was a challenge. The audio for the dialogue was easy as the dubbing

would help the viewer focus on the important area.

was always terrible in spaghetti westerns.

Mid-shot, cowboy says

COWBOY

Hey Foxy you come down to our village and think you can take what you what. Prepare to die.

Rotating Long shot left to right till foxy comes in view Foxy laughs and says FOXY

Don’t make me laugh you’re the one who is going to die.


This page shows some of the work I have done consisting of illustrations, photo editing, painting and logo design, using Photoshop, Illustrator and 3ds Max. Right: This was a first year assignment that was about designing a superhero type character in the form of how we view ourselves. Multi-Man was a rock star whose life took a turn for the worse. As a result, he developed powers that would allow him to multiply himself for a short period of time.

Graphic Design

Bottom Right: This strange creature is a combination of 5 photoshopped animals.The city image is an illustration drawn in Illustrator. The image above it is an oil painting of a game Idea I had called Max Smarter, where an alien race based their civilisation on signals that were intercepted from the TV show Max Smart. Bottom: Here are various logo designs. The shamrocks logo was made for an Irish pub website. The logo beside it for a translation freelancer and the glass created in 3ds Max for the Drink Aware Campaign.


Mobile App Design

Both projects were made using Photoshop and Illustrator. In one of them we had to redesign our mobile, based on what we thought would be an improvement. The other one involved a complete LIT timetable app.

Redesigned App Screen

Redesigned Home Screen

10.35 YouTube

X

Call On Hold

X

Right: The home screen design would allow for a large number of apps being displayed at the same time, while making it easy for the user to keep track of them. When the apps in the front row are swiped to the left, they will be automatically placed at the back of the queue and replaced by the apps behind them. The action can be reversed by swiping to the right. The app screen design was designed to address the following issue: If an app is being used and the user wants to call someone, text or open another app, the first app would need to be closed. So I used a tab system to allow the user to have multiple tabs open. The tabs can be then closed by simply pressing the “X�. Below: This assignment started out as a group project where we chose the colour scheme, fonts, made the wire frame and then had to individually design it. The home screen has two swipe-able panels, which depending on the user, i.e. current student or guest, could swipe to reveal what is important to them, without including irrelevant information.

Swipeable Panels The Home Screen

Timetable Screen

Student Login User Name

User Name

User Name

Student Login Password

Student Login Password

Password

Remember me

Remember me

Remember me

Log in

Log in

Log in

Services and Information

Search Course

Services and Information

User Name Password Remember me

Log in Guest login

Guest login

Search GuestCourse login

Student Login

Search GuestCourse login

Services and Information

Search Course

Services and Information

Navigation Wireframe


Mobile App Design

One of these two projects is an educational interactive experience for desktop, which was animated using Flash Professional and AS3. The other one is an AS3 game created using Flash Builder for mobile devices. Illustrator & Photoshop were used, with Sprite sheets been packed using Texture Packer. Right: This was my first group project and was made for the Samsung Digital Awards. The other member of my group was Kieran Dennehey. Our Idea was to show children how communication travels throughout the modern world in the form of binary. The binary is represented in the form of a train travelling throughout the world. The train would stop and the player would have to interact by performing tasks or playing mini games. Below: This game started as a group project for the DrinkAware campaign. We came up with an initial idea as a group and then had to individually design and build the project. The game is an infinite runner that gets faster and faster as the game progresses. The player has to see how long he can survive by avoiding barrels, collecting bottles for points and hearts to increase health.


E-Mail: simok@eircom.net Phone: 0833681914

Thank You


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.