2012-2013

How to make a killer presentation – documentation

How to make a killer presentation - title

When you have a great idea or a pitch, it is valuable to know how to present it in an engaging manner. As a follow up to my presentation I am sharing the slides and adding a document summarizing the talking points. Feel free to download them and use them in future work.

How to make a killer presentation

How to make a killer presentation – document

The video of student mistakes and a short animation of slides is coming in the following week.

How to make a killer presentation - motto

 

 

Haritaların Tasarımları Hakkında

Harita tasarımlarında ilerlerken, korku öğelerinden uzak durmaya çalışıyordum. Ama ilk denemelerin bunun tam tersini yarattığını birkaç kişinin yorumları sayesinde gördüm.

http://i.imgur.com/16rw6S3.jpg

http://i.imgur.com/mVERQ5E.jpg

http://i.imgur.com/oGxMPja.jpg

Bu screenshotlarda, oyuncunun etrafı araştırmak istemesi yerine, çok fazla kaotik durduğundan oyuncunun bir an önce buradan uzaklaşması gerektiği hissini veriyordu. Oysa oyunda madenler gizemli ve karanlık bir hava yaratmalıydı, oyuncu daha fazla merak etmeliydi. Bu yüzden, burdaki dokuların çoğunu baştan yarattım.

Yeni hali;

http://i.imgur.com/6rfp58v.jpg

Sırf pas ve biraz parlak tahta renkleri yerine, daha tozlu ve eski dokular yarattım. Ve sanırım artık, yakalamak istediğim o gizemli hava için daha uygun bir halde.

Yeni tasarımları;

http://i.imgur.com/VPaDL6K.jpg

http://i.imgur.com/jGgc0wf.jpg

http://i.imgur.com/TrhPNB9.jpg

http://i.imgur.com/uZuynfC.jpg

http://i.imgur.com/7IojmpC.jpg

http://i.imgur.com/BdEEr5j.jpg

http://i.imgur.com/MFnH37u.jpg

http://i.imgur.com/iqACqXu.jpg

 

Oyun içi ekran tasarımları

Oyunum neredeyse bitti. Oyun için tasarladığım sahneleri (help, credit, opening vb.) aşağıda bulabilirsiniz. Oyunun aslını aşağıda paylaşamıyorum, çünkü yükleme boyutlarını geçiyor. Ancak çok kısa bir süre sonra Ekmel Hoca ile kuracağımız websitesinin içerisinde oynayabileceksiniz 🙂


ilk ekran isimli kucuk


acilis ekraniPlay game sahnesi

help screen butonluHelp sahnesi

credit sceneCredit sahnesi

 

basilmamis mavi basilmis mavi help basilmamis help basilmis basilmamis close basilmis close

 


 

 

 

Bunlar da oyun sahneleri için tasarladığım butonlar 🙂

Yapılacaklar Listesi

  • Quiz sayfası yapılacak;
  • jQuery ayarları tamamlanacak;
  • Harita tasarımı geliştirilecek;
  • Haritaya pin noktaları yerleştirilecek (accommodation, restaurants…)
  • Profil sayfası hazırlanacak (içerisinde harita ve pin noktaları olacak) Bu nedenle bu sayfayı haritayı tamamladıktan sonra yapmayı planlıyorum.
  • Filtre ayarları yapılacak;
  • Sunum için broşür hazırlanacak.

VA402

Siteye harita ekleme

Bu hafta sitemin index sayfası için tilemill programını kullanarak harita yerleştirdim. Haritayı yerleştirmek için öncelikle http://mapbox.com/tilemill/ sayfasından kullanıcı adı ve parolası aldım. Bu site sayesinde internet sitenize tasarımını istediğiniz gibi yapabildiğiniz interaktif haritalar yerleştirebiliyorsunuz. Ben henüz haritamın tasarımını tamamlamadım sadece sitemin içerisine nasıl yerleştirebileceğimi araştırdım.

1

 

2

 

Burada gördüğünüz gibi haritanın birçok farklı ayarlarını yapabiliyorsunuz (zoom, colors, markers…) Bu ayarları yaptıktan sonra Publish yazan yere gidip sitenin verdiği linki kopyalayıp kendi bilgisayarınıza atabiliyorsunuz.

3

 

Bu linki ben kendi index dosyamın php dosyasına alıp istediğim boyutları da verip koydum. Böylelikle şimdilik sitemde nasıl gözüktüğünü görebiliyoruz.

4

 

Ekran Resmi 2013-05-02 13.26.13

 

Harita ayarları dışında bu hafta sitemde jquery kullanmaya başladım. Bu kodları menu bar için kullanıyorum ve aynı zamanda sağ tarafta kalan settings bölümü için.  Ancak ilk defa kullandığım için hala bir kaç ufak hata söz konusu onları düzeltmeye çalışıyorum 🙂

Bu  hafta yeni sayfalara ek olarak forgot your password bölümünü de tamamlamış oluyorum. Eksik olan sadece yine bağlantı kodları.

5

 

 

Reorganization and things i added

Since my last post, many improvement happened in my patch. Every week, step by step, i reorganized the patch and also added new things to it. Here is how it looks now:

general

 

Above is my general patch now. It took a little time to arrange and clear the unnecessary things, but it is more organized now. I have already explained how i worked the pngs and how i was changing one animal to the other. Now i have created a patcher to control which animal will be on the screen and which sound will belong to that animal. After the week i have done this, i felt the need of something that will prevent the same animal keep coming on the screen again and again. Because my animals were not in a queue, they were coming to the screen randomly so sometimes this was causing problem because it’s boring to see the same animal everytime. So we have created a matrix system to achieve this. It doesn’t work very neat at the moment but i will have a look at it later. I have done these in the patcher called ‘pickanimal’ and it looks like the following:

pickanimal

After choosing the animal in that patcher, i had to define what that animal would do which means i had to arrange the positioning of the mesh and i had to set up the system that will play the sound. I defined all these in the patcher ‘animal’ which looks like the following:

animal

One of the most challenging parts was to put the background behind. For that i’ve created the patcher ‘background’ and with the help of Ekmel hoca 🙂 And ‘jit.gl.videoplane’ object solved the problem. Instead of putting just one ocean image behind, i put a few images with slight differences and with a counter object, it imports all the images continiously. This way i have achieved a lighting effect in the ocean. It looks like this:

background

And of course there had to be something for children to show them where exactly their hands are. For this, i have created a ball that will follow the hand, this way they will try to put the ball on the animal. Later, i will change the ball image into a hand illustration maybe, because the ball doesn’t look very nice. So, the ‘ball’ patcher is like this:

ball

The synapse patcher, i have already explained in my previous posts. It just tracks the left hand positions and send them as coordinate numbers. It looks like the following:

synapse

The render patcher is where the magic happens 🙂 All these information of positioning and texturing is gathered here, it creates a plane and transfers the pngs as textures on it and renders. It looks like this:

render