Augmented in Action

Here are the images of my augmented in action however I cant get them to sit up right.. It is just a small change but I cant get it right at this time and before my hand In. I didn’t get my poster in showing my augmented in action but I have it done and this is it. I hope this can still count as it is a major part. I am also going to fix the way they sit and add the other three.

These are just the photos I am going to put up in detail how I did it.

The Three Augmented Buildings

 

There is a missing texture on the platform but I am going to fix this for next week. I know it means I may have to texture these again but will see what happens. I really liked how they turned out. They are small, cute and colourfull. They may need more detail on the texture or the building but I think they turned out great. I didn’t have any difficulty with the augmented apart from the rotation of the models but I think I have them right and there facing the right direction. I have kept them small as I don’t want them to over take the map illustration. The models are brighter then they are in these photos.

I would love to work on these more in detail before the show to get the models perfect and to add some animation to the models. I think It would look good but As they are just buildings I didn’t want them to do much as I didn’t have the time to create animations.

Advertisements

Blog.. Augmented Buildings

Time to show the final product. Unfortunately I never got my Augmented buildings handed in with my work due to really annoying and bad printing today. So gutted and have been busy doing my work that there’s nothing recent on my blog. I  am going to put up all my AR work on my blog now and hope it will be ok, as it might not be clear on my map that I have it done. I also didn’t get to augment all 6 of my buildings just the three but will have all six for my viva on Wednesday.

Sketches?

These have been handed in. But I never had the time to get some of them finalised on A3 they are in the small A4 book after each building section. I didn’t get the colour photos of them, to put on my blog but I have the digital sketches and will colour them in again for my blog.

The Augmented Sketches

Coloured Augmented Sketches

 

 

 

Creating the Augmented Heritage Tower

Once I had my models created and had them in the poly count between 1000 – 2000 I had to decide if I was going to have a animation or static building. I had previously thought of once the person taps the building a small animation would play, building moving, text or flag appearing displaying the name of the building. How ever I didn’t know how these work as I had seen a previous AR test that my supervisor did were there is a drop down with the text appearing.  However due to the time I had I had spent a lot of time on creating my actual illustrated Map. This didn’t leave me with much time for my buildings to create animations so I decide to have a static image of the buildings. Hopefully I can add a small animation once they are all done and I am happy with them.

OBJ File

Once I had created my buildings I exported them as “obj” changed:

  • faces to triangles in the drop down menu
  • Pre sets to None
  • Unpick YZ-axis

Done. This created two files of my buildings an “OBJ” and a “MTL” I will only need the obj file but I still have to  keep the mtl file with it at all times. Saved as HeritageTower. This created the “Model” file for my buldings

Adding Shadows and Baking Textures

I had to remind myself how I created my previous practices. So starting with junaio I logged in as a developer to see my original channels. As I was only creating static AR ( obj ) I didn’t have to use Qtip but I still had it just in case. I first process was that I had to bake my textures. As AR doesn’t have lightening I had to create lights and shadows to my building to bake. I added two Spot lights to get a good lighting scene and create shadows.  one of the lights were 1.0 and white and the other 0.6 and pale blue. This would create a more softer colour and not so white. Selecting my whole model except the light, went to my render option and render to texture.

I chose were I wanted to send my file and then choose the complete map in the “output” section and changed the size to 512 x 512. Choosing existing channel and finally rendering out. This showed me what my texture, diffuse building would look like in my AR. If I didn’t like it here then I would have to change the lighting.

Heritage Tower Diffuse Map

I then opened this in Photoshop and saved it as PNG. This created my “Texture” for the Model.

Marker

The next stage was the marker. I took a photo of the building on my map and used this as the marker. I didn’t want to add a certain image as I thought this would disrupt the final map so using the images of the buildings as the marker made a lot of sense. As children can easily point the phone to the buildings and the AR would appear.

This is the marker for the Heritage Tower:

To create my markers I had to take my photos and put them to 250 x 250 pix size in Photoshop at 300dpi and save as PNG file. Using Junaio pre tracker file upload ( http://dev.junaio.com/tools/trackingxmlcreator ) , I uploaded my marker and downloaded the zip file which contains my marker. This created the “Tracker” for my Augmented building.

Coding File

This file is a HTML file, that contains the programming side of Augmented that combines all my files together to create my augmented reality. I had to download this file from the Junaio website “Getting_started_in_Junaio” inside it contains the “index.php” which is the html file and a code. I copied this file into a folder I have created for the Heritage Tower which contains all my other files.

Coffee cup – Adding all my files together 

This is like baking of a cake. Adding all my stuff together. I have had to use a file host to do this. Mine is “CoffeeCup”  my Supervisor was able to give me space on a host called designatmagee, this allowed me to have a base area on the internet that Junaio can access my files and make them work in real time. I was giving a username and password to log into. This was my AR server.

Here is a screenshot of my files. I had to create a file on my AR server called “HeritageTower” I have specifically left out any spaces as you will find out later. I then dragged my :

  • index.php and code thing that was in the same folder ( ATT55463.htaccess )
  • HeritageTower.obj (My Model)
  • HeritageTower.mtl
  • Tracking.zip ( My marker file)
  • Dissfuse.png (My Texture)

Coding

This was meant to be the hardest part of Augmented Reality but I quit liked this section. It was adding all your files into the coding sections so that Junaio will create my AR. If my AR didn’t work this is were it would have went wrong. This is the most important part of the augmented reality. There are 3 files that I have to add. Each has its own location and it has to be typed EXACTLY like it appears in my AR server File ( HeritageTower) and no SPACES. This is why I have no spaces in my folder name that I created earlier. This is were the Index file works.

First I had open the index.php file as it was a HTML file I used Dreamweaver to open it. Once in Dreamweaver I set up a managed files section were it is automatically shows my files from my AR server file. You can see it below to the right:

 

 

 

Once I had my files set up in Dreamweaver I had to include them into the coding ( index.php ). There is a specific place were I have to include my texture, model and tracker. in “http://dev.junaio.com/publisherDownload/tutorial/”. This means in the  first section I have to say were my files are coming from (website, your server)/ the AR server (Caroline)/Were to locate the files (HeritageTower)/ The file (model,texture,tracker).

As you can see below is a screenshot of my index file for the Heritage Tower. Including the right files in the right place in Dreamweaver.

Tracker File

Were is states <results trackingurl=\”http://dev.junaio.com/publisherDownload/tutorial/tracking_tutorial.zip\”>

I put in my Tacking file : http://www.yourserver.com/caroline/HeritageTower/tracking.zip.

This points to my tracker file in my coffee cup folder.

Model File

Were is states <![CDATA[http://dev.junaio.com/publisherDownload/tutorial/metaioman.md2]]></model>

I put in my Model file that I created in 3D Max: http://www.youtserver.com/caroline/HeritageTower/HeritageTower.obj

This points to my model file in my coffe cup folder.

Texture File

Were is states <![CDATA[http://dev.junaio.com/publisherDownload/tutorial/metaioman.png]]></texture>

I put in my Texture file : http://ww.yourserver.com/caroline/HeritageTower/dissfuse.png

This points to my texture file.

At the bottom of the index file there is a transition, rotation and scale. This is were it sits in the augmented reality, what way is it seen and the size.

 

Augmented Buildings Models

I only got time to create three of the six buildings but I will be creating the rest for Wednesday, Vivas. I am quite happy with the way they turned out as they are cute and correspond to the colour of my buildings on the map and Genevieve’s paper character buildings.

For my Buildings I have to remember that:

  • Poly count between 1000 – 2000
  • No shadows
  • Have to bake Lighting
  • obj Static AR
  • MD2 Animated AR

Final Augmented Buildings

Tower Museum

This is the checker unwrap to see how my texture will look once I apply my own texture.

Unwrap Texture

Here are the unwrap experiments I did for the tower museum. There is 3 different types all the same keeping the brick illustrations I did in my sketches and for my final designs. In the textures the  texture layer on the main buildings have different brick textures.

Unwrap to Model

Here are the unwraps on the model.  I didn’t know what type of texture to apply, paper, or bricks. I have finalised on brick texture.

My Final Tower Museum Model

Heritage Tower

Here is the unwrap for the Heritage Tower. I have kept it red as it is red in my map and Genevieve’s Heritage Tower character is also red. There is green bricks and a brick texture filter. To create a more textured buildings and fun and eye catching. It also has the brick textures so that it is the same as the other buildings.

Unwrap for Ground 

This is the same used in all the Models. I wanted the buildings to sit on a small platform rather then nothing as the illustrated map would be seen below the AR. This would take away from the model as you would be distracted, this is why I have created this small platform under each building.

Final Heritage Tower Model

Millennium Form

This is the third building I created. Pink and purple colour scheme. Square shaped and small like the previous buildings. I have also included the  ground platform. Below is the unwrap for the millennium form. There is slight brick textures included but for the main round circular building I added a sandstone texture.

Unwrap to Model

I think I may need to add more texture details to the buildings but that depends on the time I have left.

3D Max Building

This is how my building looks with the brick texture on it:

The building looks great in my opinion. I love the colours and the brick texture looks really well. The colours may be vibrant but this is for children so it has to attract them. On the model you can see two different brick textures, one on the first tower and the rest on the other towers. I like the smaller brick texture as it doesn’t seem to busy, its quite shuttle  I am going to change the first tower so that the tower has all the same bricks.

You can see that the texture on the roof and the roof of the small building is very heavy but I am going to change this too, to create a more shuttle texture. In 3d Max to add a better effect to the texture I added the unwrapped texture into the bump map a swell as the bitmap. I then put up the bump to 25. this made the brick become slightly more 3d and gave the building a better finish.

Even though this is only the first building I have created I really hope to finish the rest of the buildings to create my augmented reality. I have to sort my map out and to find a fixed way on what it will look like.

 

3D Max

So my next task was creating one of the buildings in 3d Max for my augmented reality part. I’m becoming a bit worried about the 3d Max as I think iv had a fall in the work and hard to get back to using it. But I tried this was one of my main worries as I wasn’t sure what way to texture or what colour. I started modelling the building and all was going good. I kept the same the same as my design but I know that maybe I should have changed the size a bit. The model is slightly square and the smaller front buildings is a more hexagon shape rather then a curved. I modelled the building which is the tower museum and added the unwrap. I created the unwrap using spines and pleat tool. Here is the images of the checker board texture.

The next step was creating the texture. I took the uv map and brought it in to photo shop inverted it and added the colours. The first colours I added was blues and pinks taken from my favourite coloured sketch of the building, this was one of the water colour sketches.

I inverted the Photoshop uv map and using these colours I tried creating a texture for my model. I had to keep checking what shape was which brick for the top part of the buildings and also to create the front and rotate it clockwise so that it would be perfect on the model. This is what the UN wrap looks like:

This is how the building looked with this texture on it.

I loved the colours and it looked great on the model but there was something missing from it there wasn’t enough texture to the building everything looked to flat. So I went back to the photo shop unwrap and tried something different. From previous posts I was looking at paper 3d models, an idea was that the buildings would look like paper. So I researched paper textures and overlay it on the unwrap. I’m hoping it gives it the texture and 3d look I want my building to look like. Here is the paper texture I added.

This is how the model looks now:

 

 

This did give the building a more 3d look and it is what I was looking for but then this building is meant to be made of bricks. So I decided to try this but with a brick texture. I discovered that there is a filter in photo shop called texture that allows you to add a texture to any layer. There are pre set textures but you can up load your own, they just have to be a photo shop file. So I researched brick textures and found some interesting bricks.

I then selected all the background layers that was the base of the building and added this filter to each I made sure though to first have each of the brick textures saved as a png file first. I had chose the brick texture that had lots of small brick as it would look slightly off if the bricks were  big. Here are the un wraps with the brick texture on.

As you can see in texture one the colour for the roof is slightly paler  I wanted to see what it would look like. It didn’t work out but in texture two I reapplied the darker colours for the roof of the building. The brick textures look well on the building and I also added a steal texture filter to the pink roof of the small tower and to the roof of the small building. You cant see it that well on the unwrap but I hope it comes out on the 3d model.

Paper Buildings

I have recently researched up paper buildings just as a interest and found some really lovely paper building models on pinterest. I think my augmented reality will be paper buildings but maybe more creases. I’m not sure yet what the outcome of the augmented is, weather creased buildings or paper buildings like the ones below. However these are just some inspiration.