background preloader

Learning WebGL

Learning WebGL
A year ago, at a biggest-ever, record-breaking HTML5 Meetup in San Francisco all about WebGL, I predicted we were a tipping point; I think I was right. Let’s take a look at 2014, a banner year for 3D on the web! A Year of Great Content John Cale and Liam Young’s City of Drones brought together experiments in music and architecture; Isaac Cohen continued to blow minds with visualizations like Weird Kids and Webby; Google’s A Spacecraft for All chronicled the 36-year journey of the ISEE-3 space probe; and SKAZKA showed us an alternate world created by The Mill and powered by Goo. A Year of Killer Apps In 2014, WebGL made its mark– an indelible impression– on advertising, e-commerce, music, news and engineering. A Year of Pro Tools Goo, Verold, Turbulenz and PlayCanvas all made great strides with their WebGL engines and development environments. A Year of Gaming WebGL is definitely up to the challenge of creating high-quality MMOs. A Year of Virtual Reality A Year of Ubiquity

Related:  WebGLwebGLSoftware DevVisualisation

X3D X3D should not be confused with 3DXML, which is a proprietary 3D file format. X3D is a royalty-free ISO standard XML-based file format for representing 3D computer graphics. It is successor to the Virtual Reality Modeling Language (VRML).[1] X3D features extensions to VRML (e.g. CAD, Geospatial, Humanoid animation, NURBS etc.), the ability to encode the scene using an XML syntax as well as the Open Inventor-like syntax of VRML97, or binary formatting, and enhanced application programming interfaces (APIs). X3D extension supports multi-stage and multi-texture render, it also supports shader with lightmap and normalmap.

first example web gl- check if your browser support or not WebGL First of all, you should have an editor like as notepad ++ or sublime text and a browser that does support web gl like Mozilla, Chrome , Opera etc, (but not Internet Explorer) ! Copy this code into you editor >>> <body onload="runWebGLApp()"> <canvas id="myCanvas" width="800" height="600"> Your browser does not support canvas !!! </canvas>

Modern OpenGL tutorial (python) This tutorial is part of the vispy project which is an OpenGL-based interactive visualization library in Python. During this tutorial, only the vispy low-level interface (named gloo) will be used. A stand-alone gloo package is distributed along this tutorial but you should use the vispy.gloo package from the latest vispy distribution which is more up-to-date. Before diving into the core tutorial, it is important to understand that OpenGL has evolved over the years and a big change occured in 2003 with the introduction of the dynamic pipeline (OpenGL 2.0), i.e. the use of shaders that allow to have direct access to the GPU. Note ES is a light version of OpenGL for embedded systems such as tablets or mobiles.

Enterprise Work Visualization is Here It’s one thing to see a list or organizational chart of people who are working on a project - their assignments, responsibilities, and roles. But imagine using an interactive, visual map where you can see each individual, who they’re working with, what they’re working on, and where they are in process of the project. That reality is finally here. Recently, we launched Work Visualization for enterprises. Never before have organizations had the ability to visually explore the people, process, and content in every project underway. Programming 3D Applications with HTML5 and WebGL In its roughly twenty years of existence, 3D on the web has taken a tortuous journey. In 1994 it was a Next Big Thing called VRML that grabbed industry attention, only to ultimately become a bastard stepchild of mainstream web development during the first Internet boom. Around 2000, a new Next Big Thing called Shockwave 3D promised to democratize game development; by 2004, that offspring was also shipped off to the orphanage. In 2007, the virtual world system Second Life leapfrogged the technology media establishment, landing on the cover of BusinessWeek, and a new 3D land grab ensued— literally, as folks rented Second Life islands in droves attempting to colonize a cyberspace that never quite materialized. By 2010, virtual worlds were yesterday’s news, as consumers latched on to social and mobile gaming to sate their appetite for distraction. Viewed through one lens, this is a litany of failure.

Creating 3D Cube: A Practical Guide to Three.js with Live Demo Have you ever created a 3D object using JavaScript? Of course, you might have done. But creating 3D with pure JavaScript requires a large amount of code, and that’s where Three.js shows its magic. Python SQLAlchemy Tutorial Association Tables In our previous articles, we used an association table to model many-to-many relationships between tables, such as the relationship between Department and Employee. In this article, we are going to dive deeper into the association table concept and see how we can use it to further solve more complicated problems. DepartmentEmployeeLink and Extra […] Read More ORM Recap In one of the previous articles, we briefly went through an example database with two tables department and employee where one department can have multiple employees and one employee can belong to arbitrary number of departments. We used several code snippets to demonstrate the power of SQLAlchemy’s expression language and show how to […]

HTML5 deployment platform Performance is key to mobile web app and game development, and CocoonJS was designed from the ground up to accelerate all aspects of HTML5 execution. CocoonJS provides the best JavaScript and HTML5 execution environments to choose from, depending on the type of your project and the platforms you want to deploy it to. If your project is an HTML5 canvas game CocoonJS provides the most performant canvas 2D and WebGL implementation in the market for iOS and Android.

Related:  HTML5 + WebGLHTML 5/CSS/JavascriptWebGLTuto & Ressources3D Graphics