MASTER DEGREE IN COMMUNICATION DESIGN MyAMG Showroom (The Virtual Car Showroom) Thesis of SAMI LAAJILI 850443 Tutor MARIO COVARRUBIAS RODRIGUEZ Academic year 2017/2018 Acknowledgements I would first like to thank my thesis supervisor Prof. Mario Covarrubias for his guidance, patience and kindness throughout the whole duration of my research. The door of Prof. Covarrubias office was always open whenever I ran into a trouble spot or had a question about my research or writing. Finally, I must express my very deeply gratitude to my parents and to all my friends for providing me with unfailing support and continuous encouragement throughout my years of study and through the process of researching and writing this thesis. This accomplishment would not have been possible without them. Thank you. 2 ACKNOWLEDGEMENTS Abstract Web and multimedia businesses become nowadays not only a new opportunity, but also a necessity for the progress of the sector of communication and information in the world. The operation of these tools requires great professionalism, a good know-how, and a good entry opportunity. The key to the success of a multimedia project is the good management of the project while considering the financial constraints, deadlines, and resources available to implement the project. In order to focus on this concept. This project will allow us to achieve the knowledge and skills acquired. The main idea is the creation of a virtual showroom to give information and presenting high end cars so the creation of the project is accompanied by a 3-dimensional interactive tour of the exhibition hall modeled with 3Ds max and developed with Unity3D. Gli affari Web e multimediali diventano oggi non solo una nuova opportunità, ma anche una necessità per il progresso del settore della comunicazione e dell’informazione nel mondo. Il funzionamento di questi strumenti richiede una grande professionalità, un buon know-how e una buona opportunità di ingresso. La chiave del successo di un progetto multimediale è la buona gestione del progetto, considerando i vincoli finanziari, le scadenze e le risorse disponibili per implementare il progetto. Al fine di concentrarsi su questo concetto. Questo progetto ci consentirà di raggiungere le conoscenze e le competenze acquisite. L’idea principale è la creazione di uno showroom virtuale per dare informazioni e presentare vetture di alto livello in modo che la creazione del progetto sia accompagnata da un tour interattivo tridimensionale della sala espositiva modellata con 3Ds max e sviluppata con Unity3D ABSTRACT 3 Table of contents Acknowledgements P. 2 Abstract P. 3 List of figures P. 6 List of tables P. 6 CHAPTER 1 : INTRODUCTION P. 8 General Introduction P.10 1. General context of the project P.10 2. Presentation of the Project P.10 3. The objectives P.11 4. The targets P.11 5. Structure of the report P.11 Conclusion P.12 CHAPTER 2 : STATE OF THE ART P.14 I. Study of the website « Carvrtour.com » P.16 1. The website P.16 1.1. Analyzing the logo P.16 1.2. Analyzing the website P.18 1.3. Technical study Of the web Site P.21 1.3.1 Features P.21 1.3.2 Technologies Used P.21 2. Study of the virtual visit of the site CarVRtour P.21 2.1 Technical analysis P.21 2.2 Navigation and buttons P.22 2.3 Pros and cons P.24 II. Video game Analysis Silent Hill: Home Coming P.24 1. Game details P.24 2. Overview P.25 3. Synopsis P.25 4. Graphics P.25 5. Gameplay P.26 6. Soundtrack P.26 7. General opinion P.27 III. 3D virtual tour of «Tisindia» company P.27 1. Analysing the sequences and the shots P.27 2. Pros and cons P.29 IV. Other existing showrooms P.29 Pros and cons P.30 Conclusion P.30 4 TABLE OF CONTENTS CHAPTER 3 : THE DESIGN P.32 1. Graphical research P.34 1.1 Search for the accessories to be modelled P.34 1.2 mock-up scenario of the Showroom P.34 2. Modelling P.35 2.1 Modelling the Showroom P.35 2.2 Modeling of The Environment P.36 3. Texturing P. 37 4. Exporting the scene into FBX format P. 37 Conclusion P.38 CHAPTER 4 : THE REALIZATION P.40 I. Software and hardware environment P.42 1. Software Used P.42 2. Hardware Used P.43 II. Realization of the Virtual tour P.43 1. Why did we choose Unity3D to develop the P.43 project 2. Integrating 3d Objects P.44 3. Texturing P.44 4. Light-Mapping (lighting) P. 45 5. Setting up the camera P.47 6. Scripting in Unity P.49 7. Final render P.49 Conclusion P.50 CHAPTER 5 : USER’S TEST P.52 1. SUS-The System Usability Scale P.54 2. Analysing and calculating the results P.55 Conclusion P.57 CHAPTER 6 : CONCLUSION AND PERSPECTIVES P.59 CHAPTER 7 : REFERENCES P.63 TABLE OF CONTENTS 5 List of figures Figure 1 : carVRtour logo P.16 Figure 2: Home page of the website «carVRtour» P.18 Figure 3: car VR tour examples P.18 Figure 4: Technologies used to build the website P.21 Figure 5: Example of Virtual Tour (Outside) P.22 Figure 6: Example of Virtual Tour (Inside) P.22 Figure 7: Pop-up Video P.23 Figure 8: Clues of navigation P.23 Figure 9: Indices of Icons P.23 Figure 10: The poster of the game P.24 Figure 11: The main character in action P.25 Figure 12: Details of an object in the game P.26 Figure 13: Different shows room found on the net P.29 Figure 14: Prototype of a car carrier P.34 Figure 15: Sketch of the left view of the showroom plan P.35 Figure 16: Sketch view from the top of the showroom plan P.35 and car stands Figure 17: Modelling the interior of the showroom P.36 Figure 18: Modelling the exterior facade of the showroom P.36 Figure 19: Texture 360 ° of the sky P.36 Figure 20: A half-sphere that represents the sky P. 37 Figure 21: Table of V-Ray materials P. 37 Figure 22: FBX export panel P.38 Figure 23: Oculus Wireless VR headset P.43 Figure 24: The scene imported in Unity3D P.44 Figure 25: Scene after putting the textures P. 45 Figure 26: Point light settings P. 45 Figure 27: Directional light settings P.46 Figure 28: Spot light settings P.46 Figure 29: Wireframed lights P.47 Figure 30: « Generate Colliders » Checked P.47 Figure 31: Settings of the « Character Controller » P.48 Figure 32: Setting up the camera P.48 Figure 33: Scripts folder P.49 Figure 34: Build settings panel P.50 Figure 35: MyAMG VR test ready P.54 Figure 36: MyAMG SUS form P.55 Figure 37: MyAMG SUS forms filled P.56 Figure 38: MyAMG SUS result P.57 List of tables Table 1: Study of the «carVRtour» logo P.16 Table 2: The study of the w ebsite Www.CarVRtour. com P.18 Table 3: Analysing the video shots P.18 6 LIST OF FIGURES 1 INTRODUCTION General Introduction In a society that is increasingly concerned with research and the publication of information, the new communication and information technologies have invaded several economic and cultural sectors. Several national institutions and centres have adopted this new technological trend to make themselves known more easily by a large public. In fact, modeling, interactivity in 3d and the development of dynamic websites have greatly contributed to an exchange of information between Internet users and the institutions concerned. With a varied and precise information each user can not only have a clear idea about the association of 3d interactivity but also manipulates and uses the application that is made available to him. 1. General context of the project: The professions of the web and multimedia become nowadays not only a new opportunity to seize but also a necessity for the progress of the sector of communication and information in the world. The exploitation of these trades requires a great professionalism, a good Know-how, and a good grasp of the opportunities. The key to the success of a multimedia project is the good management of the project while taking into account the financial constraints, the delays, and the resources available to set up the project. In order to emphasize this concept. We are oriented to carry out a professional project in the framework of Master of science in communication design Within the Politecnico Di Milano. 2. Presentation of the Project: In this project we will allow the realization of the theoretical and practical knowledge acquired. The main activity of my project is the creation of a showroom MyAMG Specialized in the Presentation of cars MERCEDES AMG E63 2018. The creation 10 INTRODUCTION of a virtual environment is accompanied A three-dimentional interactive tour of the showroom. 3. The objectives: The main objectives of our project are: • Build a consistent and attractive Virtual Reality Platform: A simple, intuitive and concise interface, ergonomics facilitating easy and fast navigation, assisting the user, to accomplish his Spot and directly reach its goal (Have information, Change color...). • Promote And Communicate The Tour Of Products de The company MyAMAG : Do Know the different Options and Colors Exposed cars. 4. The targets: The project exposes two aspects of communication and sales: • Rich and business people: The Project Aims The rich and business people in the first place since the cars destined to sell are high Ranges. • Young drivers and fans: Since in a second place the products intended for sale are.