Dev Breakthroughs
68.9K views | +0 today
Follow
Dev Breakthroughs
Monitoring innovations in database, PHP, JS, RIA, HTML5, mobile and agile dev strategies & tools
Curated by Nicolas Weil
Your new post is loading...
Your new post is loading...
Scooped by Nicolas Weil
Scoop.it!

Fabric Engine : High performance computing in the browser

Fabric Engine : High performance computing in the browser | Dev Breakthroughs | Scoop.it

Web developers are constrained by the performance capabilities of scripted languages. Simply put, compiled code is faster than interpreted code. Factor in multi-core CPU architectures and advances in GPU computing, and compiled code can easily be over 100X faster on a single machine. Fabric Engine allows developers to bring this compiled, multi-threaded performance to their web applications.


Fabric Engine brings compiled, multi-threaded performance to scripted languages like JavaScript, Ruby and Python. This means developers can take on bigger, computationally intensive problems and still use web languages to solve them. Fabric can run on the server or in the browser, allowing developers to deliver amazing performance wherever it’s required.

No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Minko released as open source : 3D framework targeting the Adobe Flash platform and the new Stage3D API

I’m glad to announce the very first public release of Minko, Aerys’ 3D framework targeting the Adobe Flash platform and the new Stage3D API. This release focuses on setting up the main concepts and APIs. You can download Minko on the Aerys Developers Hub. The code is realeased under the LGPL license so everyone is free to start building awesome 3D applications for the web. Here are the key features:

- Extensible Scene Graph API

- ActionScript 3.0 GPU programming

- Extensions system

- Support for 3DS and Collada file formats

- Dynamic lighting and dynamic shadows

- Hardware accelerated animations3D physics

No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Building a 3D engine in HTML5

Building a 3D engine in HTML5 | Dev Breakthroughs | Scoop.it

Interesting presentation - get ready for prototyping !

No comment yet.
Scooped by Nicolas Weil
Scoop.it!

How to create Animated 3D canvas object in HTML5

How to create quadrangular star which will rotate around its axis (3D effect).
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Adobe Proposes New CSS-based Standard for 3D Effects on the Web

Adobe has proposed a new set of CSS-based tools that the company hopes will one day become a standard on the web. Following on the heels of Adobe’s effort to improve web layout tools with CSS Regions, Adobe is now proposing CSS Shaders, which would bring high-quality cinematic effects to the web without the need for plugins like Flash.

 

“Shader” is a term pulled from the 3D graphics world; it refers to small programs that create 3D effects, like the rippling motion in a waving flag. The CSS Shaders proposal would add similar tools to the CSS specification, allowing web developers to easily apply cinema-style filter effects to any HTML content. Think grayscale to color transitions, animated shadows, photo-realistic warping and other mainstays of the 3D animation world.

 

No comment yet.
Scooped by Nicolas Weil
Scoop.it!

How Stage3D works

How Stage3D works | Dev Breakthroughs | Scoop.it

Over the past few years, developers have created some amazing projects using 3D in Flash. 3D engines such as Papervision3D, Away3D, and Alternativa3D and all of the great applications that have been made with these engines demonstrate the strong demand for real-time 3D rendering in Flash.

 

Previously, Flash 3D rendering was performed without using 3D hardware acceleration. In fact, all 3D rendering in Flash Player before version 11 was accomplished using the software mode that relied on the CPU for rendering. Software mode is slow and cannot be used to render detailed 3D scenes. Up until now, it hasn't been possible to integrate advanced graphic effects that we’re all used to seeing in today’s 3D games.

 

With the release of Flash Player 11, new opportunities are now available. Developers can leverage 3D hardware acceleration rather than relying on the computer’s CPU to do the rendering. The new mode of rendering enables Flash 3D content to be handled by a secondary processor, part of the video hardware of a computer, called the Graphics Processing Unit (GPU). GPU is a piece of hardware that is totally dedicated to rendering objects in 3D.

No comment yet.
Scooped by Nicolas Weil
Scoop.it!

dom3d: rendering 3d with CSS3

Here is a 3d object. It is rendered with pure HTML and CSS using 2d transforms. These let you specify a transform property on a DOM element composed of translate, rotate, skew, and scale functions.

To achieve the 3d effect, I project the 3d triangles into 2d screen space using javascript, and then calculate the necessary transform value to display the 2d triangle.
CSS Effects:
Border
Off
Stop

So without any SVG or canvas, you can have real-time 3d objects in modern browsers! What's the benefit? Well, you don't have to deal with a canvas, and you can click on links underneath it. Maybe this is just a cool hack, maybe not?
No comment yet.
Scooped by Nicolas Weil
Scoop.it!

Dreams in 3D: a WebGL experience for the modern browser

Dreams in 3D: a WebGL experience for the modern browser | Dev Breakthroughs | Scoop.it
Last August, we released “The Wilderness Downtown”, a music experience that brought together HTML5 and JavaScript, as well as the Google Maps and Street View APIs. Today, we’re excited to introduce our newest project, “3 Dreams of Black”, made with WebGL, HTML5 and JavaScript, and designed for modern browsers like Google Chrome
No comment yet.