Price of ideal things for interactive media

Equipment:

  • Pens/pencils/notepad – up to £5
  • Good computer – £900-3000
  • Good sound equipment – £400
  • Mouse – £69
  • Keyboard – £98
  • Studio space rent – £890 per month
  • Transport – £1200-5000
  • External hard drive – £45
  • Graphics tablet – £245

Software:

  • Photoshop – £17.15 per month
  • Cinema 4D – £2700
  • Adobe after effects – 17.15
  • MS paint – free only if you have a window

Total = £7336.30

Application of 3D

Application of 3D

 

  1. Various different industries make good use of 3D Environments to create quality and professional products. A prime example of this is the gaming industry, which has been impacted heavily by the use of 3D. This is because the jump from 2D to 3D made many new types of gameplay and genres available such as horror, as well as adding much more potential to create immersive and enjoyable experiences. 3D is also used in film and television, as it opens up many new possibilities for animation, which was previously stop motion and 2D, which were much more limited in what they could display and achieve. 3D is also used in Architecture because it can be used to show the attributes of a proposed design, helping in the process of building a structure.

 

  1. Cinema 4D is an example of a software used to create 3D environments. Many reviews praise Cinema 4D for being easy to learn and having quick and quality results. This software is also praised for exceeding in modeling, animating, lighting, texturing, and rendering.

 

A model made in Cinema 4D

cinema 4d image

Blender is another example of a 3D environment software, This software is free, giving it an advantage over other programs as this makes it much more accessible to people with low or no disposable income, while still being capable of creating quality results. Blender is also capable of fluid and smoke simulation, particle simulation, and soft body simulation, as well as having its own integrated game engine.

Blender particle simulation

blender particle simulation.jpg

Another software commonly used is Zbrush, which is very effective at creating dense and complex fibre systems which can be converted into splines for rendering in other 3D packages, making it a good choice for the creation of things such as foliage and furry creatures, while also a good choice for somebody who uses multiple different 3D softwares to accomplish different tasks. A disadvantage of Zbrush however would be that the GUIs are complicated, making it difficult for newer users to create quality products.

Zbrush fibermesh
zbrush fibremesh

 

3.

Architectural Walkthrough

splendid-example-of-conceptual-architecture-walkthrough

The image above has been used by an architectural development company in a walkthrough of a property, demonstrating all of the features and properties of the house. It is clear that in architectural 3D, the focus is on displaying the building internally and externally. Therefore, simple ambient lighting has been used in this image to illuminate the building. Making the walkthrough realistic would be unnecessary and time consuming to produce and render.

 

  1. Geometric theory within game development is a way to model objects or characters in the game, which are created by using an initial mesh. The way in which this mesh is created is through the process of combined polygons. A polygon is a 2D shape with the three features, a Vertex, a face, and an edge. These polygons join together to create the mesh that defines the shape of a polyhedral object in 3D graphics and modelling.

 

A basic polygon

polygon

  1. One of the biggest issues with 3D modelling is that the file size of a 3D environment can sometimes be large, leading to issues with limited space on a computer. This can be caused by a large amount of polygons in a single object or model. Too many polygons in a 3D environment within gaming can also lead to a loss in frames per second, which can ruin the experience for the player and make the game very unresponsive and frustrating to play.

 

  High polygon count image

 

Batman FaceMesh TriCount

 Low Polygon count image

7model3.jpg

The image on the left may be a good quality model, but there are a lot of unnecessary polygons on the model, especially on the character’s face. As a result, the file size, render time, and framerate will all be negatively impacted by the model in game. The image on the right however, has less polygons. This means it will be easier to render, will not have a bad impact on framerate, and does not  have a large file size. One advantage that 2D has over 3D is that in 2D you do not have to worry as much about the complexity and file size of your models.

6.

Gameplay from The Elder Scrolls V: Skyrim

 

Unknown

 

This image demonstrates many different geometric techniques in 3D. One clear technique is that hyperNURB modelling has been used on to create the player’s weapon in order to make the edges look more smooth and reduce polygon count. Another technique to note within this image is that the textures/materials and foliage up close are of high quality, but in the background, the resolution of the terrain textures/materials are much lower. This is a technique that has been used to improve performance of the game while still allowing the player to have a large render distance to see off into the distance. The rubble to the left of the image was made by primitive shapes that have been extruded and textured to look like the ruins of a destroyed building. While the terrain to the right of the image is a smooth subdivision surface, made by relatively simple meshes.

 

  1. Examples of some common viewing modes that are used when creating 3D (in cinema 4D) models are: Perspective, left/right, front, and top. Perspective mode will likely be the most frequently used in most 3D modelling scenarios, (in cinema 4D), but there are some situations where using the other display modes will come in handy. The Top view for example, allows you to view certain polygons, lines, splines etc in a way that may be more easier and more effective than viewing it from the perspective view. As a result, the model you are working on may become much easier to edit in the top view.              

 

Perspective, Top, Right, And front views in Cinema 4D

cinema 4d views.jpg

A few examples of common modelling tools would be: Extrude, resize, and loft. These are basic tools used to edit models. Loft allows you to generate a mesh by sweeping a shape along a path. Extrusion serves the same purpose as Loft, but the path is always in a line.

 

8.

      Gameplay from Planetside 2                               

Planetside2-Amerish.jpg

This image shows a 3D environment that has been made from a mixture of both subdivision surface (HyperNURBS) and primitive shapes. I think it is likely that the developers used the perspective view to edit the primitive shapes (such as the trees and buildings). I think this because the perspective view allows you to rotate and zoom the camera freely, making the editing of these objects flexible. On the other hand, i believe that a birdseye (top) view has been used to edit most of the basic terrain. I think this because the floor is very smooth and organic, and in the top view it would be easy for the developers to pick and edit the ground mesh as they choose.

 

  1. 3D modeling has many different types of lighting that are available to the users:

 

  • Spot Lights – shines light in an area, projected in a cone, good for illuminating or emphasizing a small area, like a torch
  • Point Lights – similar to a lightbulb, and shines light from a point outwards, like a lightbulb
  • Area Lights –  casts directional light rays from within a set boundary, such as a fluorescent light or  window light  
  • Physical sky light – mimics the light of the sun, used to make the most realistic experience possible

 

  • Ambient light – cast soft rays in every direction

                                                  

 

Gameplay From Dragon Age 2

 

images

In this image you can see how the light illuminates the room through the window panes.

 

  1. Textures and materials are used to paint a mesh to add color (and sometimes realism) to a model. These are used to create more interesting environments within 3D. Textures and materials can also be used to hide the polygon count. Good textures can disguise a model, making it look more detailed than it actually is.

 

With and Without Texture

SackboyRender1.png

  1.                                            Gameplay From Starcraft 2

 

Zerg2.jpg

This image is an example of textures and materials used to create an environment.

Galaxy Editor

galaxy editor

The Editor that was used to create this game has its own texture pallet, allowing most of the map’s surfaces to be created more easily and efficiently. This makes methods like material editing unnecessary and saves time. The other models however are textured from scratch, it is easy to hide the polygon count however, since the game is viewed from the top-down, meaning that the textures do not have to be too detailed to be effective.

 

  1. Rendering is the process of creating an image based on data stored on a computer. OpenGL is a graphical interface API used to interact with a GPU to achieve hardware accelerated rendering. DirectX is a collection of APIs for handling multimedia related tasks, similar to OpenGL, but DirectX is used for different platforms such as the xbox 360 and xbox one.

 

14.

                                              Gameplay from Infamous 2

infamous 2

The rendering technique likely used in this scene is real time rendering as this is used for most interactive media. This method’s goal is to show as much information as the eye can process in a fraction of a second (one frame), the output being 1280×720.

 

Task 1: Different structures of briefs

 

Contractual Brief 

A contractual brief where the company is employed by the client and must follow a specific set of guidelines in order to complete the project. This is a more strict type of brief as the guidelines must be obeyed to the letter, failure to do so could potentially lead to legal action. This is a useful brief to have since having a specific set of  guidelines can help the media company in meeting the desires of the client more easily, as the brief will have more specific requests, making it clear to the media company what the client wants. A contractual brief  has a specific One potential issue with this style of brief is that the company has does not have much creative control over what is to be made for the client.

Informal Brief

An informal brief is a much more casual way for the client to communicate what they want to the company, this can be as simple as a short discussion. When it comes to an informal brief, unlike other types of brief, this one will likely not have any sort formal document to support it, nor will it have any contractual agreement. More can be added to this brief later, however since it is a casual and less descriptive type of brief, this leaves more room for creativity on the side of the company. One downfall of the informal brief is it’s lack of formal agreement can cause some problems, since nothing is set in stone, it is possible that the client may not get the result they were expecting, but if this is a concern of theirs, then it is probably worth using a different brief such as a formal or contractual brief.

Formal Brief

The aim of a formal brief is to be as simple as possible but still maintain professionalism in the document sent to the company. Formal Briefs are often documented either by phone, email, or written by other means. The purpose of a formal brief is to provide the company with the most vital information in the assignment such as the desired product, the deadline, the budget etc. Because of the basic nature of this brief, there are often details that are not included, hence why the company and client will often meet to discuss further details. This brief can offer the company alot of room for creativity, however, due to the simple nature of a Formal brief, the company may not receive enough information to satisfy the client and may create a result that they are disappointed with.

Tendered Brief 

A tendered brief, designed to meet a specific demand, is usually business or government oriented, where the potential contractor bids for the contract. However, unlike other types of brief, in this scenario, the brief is created by the company not the client. This benefits the company greatly because they can decide what they do for the project, meaning they can work in an area they are experienced in, so long as it sticks to the focus of the project. A large disadvantage of using a tendered brief is that it could be difficult for a company to think of a brief.

Commission Brief 

A commission brief is where a large media company hires a smaller or independent media company. The brief will give an outline, but minimal guidance. Rather than the client decided exactly what the project is, both parties come together to negotiate the brief. Once the project is complete, it can be used by the large media company. The smaller or independent company could make a good and steady amount of income every time the product is sold. One concern for the smaller company however is that it is possible that the product could potentially be be sold to another company, which could result in the smaller company not receiving credit for the product created.

Competition Brief

A competition brief is created by the client, any company can then create the product that the brief describes, often multiple companies will compete against each other when taking on a competition brief. The client will then choose their favourite or what they consider to be the best entry, the winner will then get paid for their product. The upsides to having a competition brief is that the companies participating have complete creative control over what it is they create, and they can make all of the decisions themselves. One disadvantage of a competition brief is that the more companies enter, your chances of winning are reduced greatly, so there is no guarantee that you are the winner, participants must also be expected to work for no pay, since only the winner will get paid for their efforts.

Co-Operative brief 

A cooperative brief is simply a brief that is split between two or more companies come together to negotiate and team up to complete the product. This can be an effective way to complete a large task as more companies can mean the work gets done quicker as the different roles required for completing the brief are split between the companies. Although this can be an effective way to get a difficult or lengthy project completed, it is likely that the multiple companies involved can have disagreements when it comes to creative decisions, as a result, it might be necessary to accept and use the ideas of both the client and the other companies, even if you don’t agree with them or think they are as good as yours.

Negotiated brief

If multiple companies are working to a brief together and disagree or have conflicting opinions about how they should go about completing the task, a negotiated brief can be used. The negotiation brief is discussed by all companies and the client, so they can come to an agreement that satisfies all of them as much as possible so at least some sort of agreement can be found. The disagreements that lead to the creation of a negotiated brief could be creative decisions such as a graphics style or design, or it could be legal concerns such as one company deciding to create something that the other companies might find offensive or too controversial, which could cause legal issues. A negotiated brief can be a good way to solve problems between companies in a legal way that cannot be broken.

What I learned last year

Last year we did research into relevant topics from various sources regarding games development such as different graphics styles, the larger companies in the industry and how they function, and legal concerns, as well as gathering some data from people to find out relevant information such as people’s favourite game genre, how long they play games for in a week, and how much they are willing to pay for a new title. We also learned how to design a games concept and present it.

 

Alongside this we were starting to learn skills in the different softwares that are used in the industry such as Cinema 4D, Adobe after effects, and Photoshop, we applied these tools to create 3d environments, motion graphics, and 2D animations. On top of this we also did some web design since this is an important part of presenting yourself, as well as setting up a company, we learned about qualitive and quantitive research, as well as large companies in the gaming industry and how they are structured.

Task 2: Devising a Structured Website

Me, Joe peters, Joe Mckeowen, Ryan Manley and Paul Pennington were a group of 5 in undertaking the task of creating the website for our client at Cockington court. The initial plan was to have Me and Joe M. were to create the website, while the rest of the team were to take pictures we could use for the website, and speak to the client about what content they might want on their website.

We designed a few website templates as examples of what kind of thing we could make, as well as finding out what wordpress was capable of.

https://wordpress.com/stats/insights/testsite1813.wordpress.com

Overall the process went quite smoothly, aside from a few communication problems as to who was doing what at certain points.

Web Report: Task 1

HTML and XHTML

HTML stands for Hyper Text Markup Language. This is the language that is used throughout the world and it is used to create web pages with things such as Javascript and CSS. HTML can be used by web browsers to turn them into a visible and/or audible web page. Extensible Hypertext Markup Language (XHTML) can extend or mirror versions of HTML, XHTML is supported by all major browsers, it is structure that HTML and is defined as an XML application. Some websites can contain “bad” HTML This markup language is built up from many markup tags, here are a few examples:

<strong> = makes the text bold

<I> turns the text inside the tag italic </I>

Here is a more advanced example, demonstrating how a website is built with an image and a title.

<!DOCTYPE html>

<html>

<body>

<h2> Hey! Vsauce, Michael here </h2>

<img src=”pic_Vsauce.jpg” alt=”Vsauce” style=”width:307px;height;174px;”>

</body>

</html>

The result in a web browser would look something like this:

Hey! Vsauce, Michael here

maxresdefault

These HTML documents are described by HTML tags, with each HTML tag present describing a different part of the document.

Cascading Style Sheets

Cascading style sheets (CSS) is a different language within web design that describes the layout and presentation of  a HTML or XHTML document. CSS describes how the features of the website will be rendered on the screen or other media.

Here is an example of a CSS stylesheet:

body {background-color  #d0e4fe;}

h1 {color: green; text-align: centre;}

p {font-family: “Papyrus”; font-size: 20px;}

The structure of a website

When a website is structured the first factors taken into account are the homepage as this is the main page that the audience will first see. Once this page is designed it is used as a basis for all the other pages to be made. Every website has a header, footer and body which helps the users navigate through the website. Titles are essential as they tell the user what they will find on each page, further it makes it the user know what the page has on it if they bookmark it.

Here are a few more complex example of how websites are formed by HTML:

Twitter

<!DOCTYPE html>
<!--[if IE 8]><html class="lt-ie10 ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="lt-ie10 ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html lang="en"><!--<![endif]-->
  <head>
    
    
    
    
    
    
    
    <meta charset="utf-8">
      <title>Twitter</title>
    <meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">
    
    
    
    
    
    <script>document.domain='twitter.com'</script>
    
    
    
    
    <meta name="msapplication-TileImage" content="//si0.twimg.com/favicons/win8-tile-144.png"/>
    <meta name="msapplication-TileColor" content="#00aced"/>
    
      <link href="//si0.twimg.com/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon">
    
    
      <meta name="swift-page-name" id="swift-page-name" content="home">
    
        <link rel="canonical" href="https://twitter.com/">
    
    
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Twitter">
      <link rel="stylesheet" href="https://twimg0-a.akamaihd.net/a/1357850473/t1/css/t1_core.bundle.css" type="text/css" media="screen">
    
    
          
      <style id="user-style-MemiorsOfBamBam" class="js-user-style">
      
      
      
      
      
      
      
      
      
      a,
      
      
     
      .btn-link,
      .btn-link:focus