Skip to main content

WebGL


The WebGL is a part of the JavaScript language library. It enables one to create interactive interfaces and creative environments.

The latest example that we come across is the Sony PlayStation 4 (PS4) .
The whole startup environment of the menu and all the tiles are made in WebGL exclusively.
PS4 UI_1

PS4 UI_2

It is an extremely powerful web technology library, which makes UI design using the 3D models and interfaces very fluid and simple. It provides an elegant look to interfaces.

It runs on the OpenGL 2.0 model. All the web browsers are usually equipped to handle this version of the OpenGL but the higher versions of OpenGL requires professional graphics cards like Nvidia's Professional Graphics soultions as Nvidia Quadro Series.

Nvidia Quadro Graphics Processing Unit(GPU)
NVIDIA Quadro K2000D

Nvidia Tesla Graphics Processing Unit(GPU)
Nvidia Tesla Series

And the AMD's professional graphics solution are AMD FirePro Series.
ATI FirePro V5900 ATI FirePro V7900
ATI FirePro V5900 ATI FirePro V7900
 Now once the content is created we need to test the results as they are to be sold as finished products so we require the consumer graphics solutions or the gaming graphics cards like Nvidia Geforce Series

Nvidia GTX 670 GPU
ASUS GeForce GTX 670


ASUS GTX 760
ASUS GTX 760




AMD also offers gaming graphic soultions such as the AMD Radeon Series (HD 6000 Series and the HD 7000 Series).




MSI Twin Frozr II Radeon HD6950
MSI Twin Frozr II Radeon HD 6950


MSI AMD Radeon HD7950
MSI AMD Radeon HD7950

Labels:

Comments

Post a Comment

Popular posts from this blog

JavaScript Variables-Storage & Declaration

Now we have understood how simple scripting in JavaScript is written. Let us take in some input from the user using the prompt(); function. prompt(); function: The prompt function prompts the user to input data into it by providing a textbox.You also get two buttons to input your reaction.Hence the interactivity. Now the website has asked the input data, now let it process it and act upon it. You have entered the data asked by the webpage prompt, now let us store it in a variable. STORING OF VARIABLES USING prompt(); Storing the data directly upon entering is done using the variable declaration along with the prompt input function separated by a "=" sign. var num = prompt("Enter a number"); DECLARING OF VARIABLES In JavaScript variables are declared using the "var" keyword. Any variable can be created using this keyword, irrespective of the type of data it stores viz.textual,numerical,symbolical,patterns. Sample variable...
Post a Comment
Read more

CSS Font Weight

In the earlier post, we looked at the font-style attribute. It gives some styles like italic,normal,oblique. But what about the bold. The bold style is defined under the font-weight attribute. The font weight attribute can be defined in many different ways, let us have a look at some basic ways like normal,bold,bolder,lighter. 1: <?xml version = "1.0" encoding="utf-8"?> 2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3: <html xmlns = "http://www.w3.org/1999/xhtml"> 4: <head> 5: <title>CSS Styling</title> 6: </head> 7: <body> 8: <p class="red"> 9: Red 10: </p> 11: <p class="blue"> 12: Blue 13: </p> 14: <p class="green"> 15: Green 16: </p> 17: <style> 18: p.red 19: { 20: color:red; 21: ...
Post a Comment
Read more

Simple XHTML 1.0 Strict program with 5 tags (html,head,title,body,p)

This program below shows the usage of basic 5 tags/XHTML elements html | head | title | body | p 1: <?xml version = "1.0" encoding="utf-8"?> 2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3: <html xmlns = "http://www.w3.org/1999/xhtml"> 4: <head> 5: <title> This is the title of the page</title> 6: </head> 7: <body> 8: <p> 9: Hello Web! 10: </p> 11: </body> 12: </html>
Post a Comment
Read more