Gaming

WebGL, DOM, and Physics w/ Famo.us Mixed Mode

0 MIN READ • Jan 8, 2015

Famo.us Mixed ModeFamo.us, a JavaScript framework, enables developers to create smooth, complex UIs in the browser. It includes an open source 3D layout engine fully integrated with a 3D physics animation engine that can render DOM, Canvas, and WebGL.

Famo.us Mixed Mode Use Cases

Browser-based Gaming

Let's use a side scrolling game as an example. You need a character with something representing a shield revolving around that character (in the form of an orb). You can animate that character in the DOM, while you can create that orbiting orb in WebGL. This is highly performant because it's offloading the orb onto the GPU. With the DOm, you can easily render sprites. Melding both of these together creates a high performing game entirely in a web browser.

Webpages

You may be building a webpage and you want a button with a robust drop shadow on it. This would be very expensive to render in CSS3. Instead, you could create that drop shadow in WebGL.

Famo.us Mixed Mode Resources

Gaming
Aug 8, 2014

Blow Minds in the Browser with WebGL | PubNub

This blog post features two ways (a data visualizer and a multiplayer game) that harness the power of WebGL to create stunning and interactive apps.
Developer Relations Team
Developer Relations Team
Gaming
Feb 6, 2014

Creating Real-Time WebGL Visualizations | PubNub

How to build streaming real-time, live updating data visualizations using WebGL
Stephen Blum
Stephen Blum
Oct 22, 2014

Immediate Mode User Interfaces with ReactJS | PubNub

In his talk, Pete Hunt gives an overview of the library, and walks through ReactJS in action (talk includes stick figures, emotion, and ice cream).
Developer Relations Team
Developer Relations Team