In Part 1 of the Twisti app series we created a native Android module that listened for sensor data. This sensor data was then transformed into 3 values, azimuth, pitch, and roll, which represented the physical orientation of the mobile device. In Part 2 we took that transformed data and used it to represent a mobile device as an animated 3D model with Three.js in a Titanium WebView .
In this third and final episode in the series, we'll create a client/server relationship with Titanium Sockets. We'll create an android device that will act as a sensor proxy, serving its physical orientation to connected clients. Those clients will represent the remote sensor as a 3D model, just as in Part 2.
In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.
In this tutorial, we'll see each different layout type in action and see how they can be combined in any manner you can think of.