This paper deals with rendering of automobiles with use of WebGL technology. Aim of this paper is proposal and implementation of method for realistic and stylized rendering of 3D models of automobiles for internal use as a simple preview of automobile in development and presentation or for use in infotainment systems directly in automobiles. Part of this paper is implementation and outline of reachable options and properties of such implementation. This paper is created in cooperation with company SKODA AUTO a.s.

Denna studie jämför skillnader i FPS mellan de två WebGL-biblioteken Three.js och Babylon.js. Prestandan som mäts är hur många bilder per sekund, eller FPS (engelska frames per second) som en webbapplikation med 3D-grafik klarar att rendera. Prestandamätningarna utförs på en 3D-modellvisare som implementeras i både Three.js och Babylon.js. Testerna utförs på en bärbar dator med Windows 10. Hypotesen antar att Three.js inte kommer att prestera bättre än Bablyon.js Resultatet från studien visar dock att Three.js presterar bättre än Babylon.js. Studiens syfte är att ge utvecklare en uppfattning om vilket WebGL-bibliotek som är mest lämpligt att använda vid exempelvis utveckling av en e-handelssida där produkter har 3D-förhandsvisningar. Studien kan användas som grund eller inspiration för framtida forskning inom samma område.

Olika typer av data används för att användare skall kunna presentera och dra beslut ifrån data, för att lättare förstå datan tillämpas visualisering som ett sätt att göra datan mer läsbar och lättförstådd. När data skall visualiseras på webben kan många olika teknologier användas för att rendera ut datan. I denna studie kommer ramverk för rendering av heatmaps jämföras sett till deras prestanda i form av renderingstid. De två applikationer som utvecklades var D3.js samt Three.js. Dessa jämfördes sedan i ett experiment där mätningar utfördes på de båda teknologierna. Resultatet blev att Three.js var mer lämpat för visualisering av heatmaps på webben.

Datavisualisering är ett hjälpsamt verktyg för beslutsfattare för att inom en kontext få en god översyn och skapa förståelse. Beslutsfattare kan enklare ta beslut utifrån datan som visualiserats och visualisera geografiskt knuten data med kartor har varit populärt under en längre tid. 3D grafik för webben har också med tiden vuxit sig mer mogen och kraftfulla bibliotek har ersatt tidigare pluginbaserade lösningar. Det har skapat möjligheter för nya licensfria former av datavisualisering. Det finns dock olika angreppssätt för att skapa och visualisera data i 3D för webben, det deklarativa och det imperativa, vilket detta arbete ämnar att jämföra. Arbetet undersöker det deklarativa X3DOM och det imperativa ThreeJS för att se vilket som presterar bäst i utritningstid. Resultatet visade att ThreeJS presterar bättre jämfört mot X3DOM men ThreeJS har en ojämn prestanda kurva med många spikar.

Today a lot of libraries, tools and techniques exist to create visual appealing renders for the web. In this thesis, a prototype for visualizing baseboards in the web browser was developed. The prototype demonstrates how certain libraries and techniques were used in order to achieve a generalized, appealing and realistic visualization of the baseboards in a 3D-visualization. This paper also covers why certain libraries and techniques were used for this prototype. The resulting prototype, use Three.js and takes advantage of PBR, different mapping methods and lighting sources that can be changed during runtime through a GUI. To get results on different aspects, such as the visual appeal, how realistic, and what lighting sources worked best for the prototype, a web-survey was sent out and the results evaluated. The evaluation showed that the usage of PBR, a roughness-metalness workflow, environment mapping, physical correct lighting and a point light solution in Three.js all made a good job in creating an appealing, generalized and realistic visualization tool for the web.

No description available.

The modern web has evolved into a highly capable software platform, which enables near-native performance, while offering installation-free cross-platform applications with a uniform user base and rapid update deployment. SVG, WebGL, and HTML5 Canvas, along with various higher-level JavaScript frameworks allow web applications to drive both 2D and 3D visualization. These technologies allow developing novel visualization applications, which can be applied in the communication domain to geospatially map service quality, and to provide tools research and education in wireless communication. We present two such web applications GeoSpy and CORNET3D. GeoSpy provides 2D and 3D visualization of geospatial data on the web. The application is primarily focused on leveraging 3D portrayals to increase the number of broadband Quality of Service (QoS) metrics, which can be attached to a single point on a map. Additionally, GeoSpy has proven to be a flexible visualization platform by giving the user a high level of customization over HTTP API data. This allows GeoSpy to venture beyond broadband mapping, and provide 3D portrayals of any well-formatted geospatial JSON API. Research of Software Defined Radio (SDR) and Dynamic Spectrum Access (DSA) can be used to significantly improve the wireless QoS. CORNET3D provides a 3D view of the Virginia Tech CORNET SDR testbed with information on which nodes and radios are operational. The application can also display 2D and 3D plots of the spectrum, which is sensed by the radios in real time. The data is sent to the client over a WebSocket connection to enable low latency, compared to conventional HTTP. CORNET3D can teach students about strategies for optimal use of spectrum resources through a game---"by providing them with real-time scoring based on their choices for radio transmission parameters. CORNET3D has demonstrated that the not only can web applications provide rich portrayals of real-time sensor data, but can also serve as a 3D "serious game" platform. / Master of Science

Målet med projektet var att undersöka hur skeletal animationer utförs. Ett mål till var att det skulle vara förbestämda animationer. För att kunna ha förberäknade animationer användes autodesk fbx-filer. Skinningen har använt dubbel kvaternioner istället för matriser.Rapporten visar att skeletal animation med dubbel kvaternion skinning teknik kan utföras genom att använda fbx-filer med data som först exporterats till json-format.

Práce se zabývá webovými knihovnami pro práci s mapou a jejich možným využitím pro implementaci grafického uživatelského rozhraní nativní aplikace Weather Information Service (WIS) společnosti Honeywell. V práci jsou představeny prvky WIS, které je třeba implementovat pro úspěšné převedení aplikace do webového rozhraní. Dále jsou vysvětleny základy mapových knihoven a podrobněji popsány knihovny Leaflet a Altus Map Engine, které byly vybrány pro vytvoření demonstrační aplikace. Jedna kapitola je věnována metodám použitelným pro vykreslování ve webovém prostředí. Práce dále popisuje implementaci demonstrační aplikace, vytvořené za účelem prezentace možností mapových knihoven implementovat prvky WIS. Na závěr jsou diskutovány výhody a nevýhody obou zkoumaných knihoven a jejich použitelnost pro případné využití v aplikaci WIS.

Tato diplomová práce se zabývá dynamickým vykreslováním vektorových leteckých map, především letových trajektorií a navigačních bodů do mapy. Mapy jsou integrovány do mobilních aplikací, které piloti používají během letu a které nahrazují původní papírové mapy. Práce obsahuje teoretický úvod do problematiky a základní pojmy používané v letectví a navigaci. Další částí práce je průzkum, popis a zhodnocení existujících řešení a aplikací společně s návrhem a designem nového řešení. Nakonec je prezentována implementace demo aplikace pomocí WebGL knihovny a výsledné vyhodnocení a porovnání.