Richard Salter: Using the Titanium OpenGL Module

Oct 11, 20112 likes2,489 views

The Titanium OpenGL Module (Ti.OpenGL) opens the door to sophisticated graphics development for the Titanium programmer by exposing the entire OpenGL ES 1 and ES 2 graphics API to the Ti Javascript environment. The Ti.OpenGL view extends Ti.UI.View with a graphics rendering canvas that is easily managed within the Titanium view hierarchy. In addition, the module provides a databuffer object to hold large datasets and mitigate any inefficiency that arises from modeling datasets in Javascript. This talk demonstrates the pragmatics of building sophisticated graphics displays using Ti.OpenGL in both ES 1 and ES 2. It will reveal several reusable design abstractions that take advantage of features of the Javascript environment. Among the topics to be covered are: - OpenGL basic setup and animation - Use of databuffers for attribute and index arrays - Connecting databuffers and vertex buffer objects (vbo’s) - Using external resources (textures, shaders, etc.)

The Titanium OpenGL Module:
Sophisticated Graphics for the Ti Programmer

Richard Salter

—  What is OpenGL?
◦  An API for managing a 3D graphics
environment.
–  not OO
–  OpenGL “pipeline”

—  Getting Ti/Javascript and OpenGL to play nicely
together
◦  “Objectify” the OpenGL API with respect to a
drawing surface
–  Create a natural extension to the Titanium object model.
–  Ti.OpenGL.View

◦  Compensate for inefficiencies introduced by moving
programming level to Javascript.
–  Cope with the large volume of data associated with a given
OpenGL model.
–  Ti.OpenGL.DataBuffer

Richard Salter: Using the Titanium OpenGL Module

var Ti.Opengl = require('Ti.OpenGL');

var view = Ti.Opengl.createView({
backgroundColor:"#aaa",
top:0,
left:0
width:’100%’,
height:’100%’,
}),

—  Creates OpenGL context and view
—  Initializes Framebuffers and Renderbuffers
—  Optionally: can specify
◦  depthbuffer
◦  multisampling

var squareVertices = [ (5, 33)
(-.5, .33)
-0.5, -0.33,
0.5, -0.33,
-0.5, 0.33,
0.5, 0.33, (-.5, -.33) (5, -.33)
],

var squareColors = [
255, 255, 0, 255,
0, 255, 255, 255,
0, 0, 0, 0,
255, 0, 255, 255,
],

view.setFrameBuffer();
view.clear();
view.glVertexPointer(2, Ti.Opengl.GL_FLOAT, 0, squareVertices);
view.glColorPointer(4, Ti.Opengl.GL_UNSIGNED_BYTE,
0, squareColors);
view.glEnableClientState(Ti.Opengl.GL_VERTEX_ARRAY);
view.glEnableClientState(Ti.Opengl.GL_COLOR_ARRAY);
view.glDrawArrays(Ti.Opengl.GL_TRIANGLE_STRIP, 0, 4);
view.presentFrameBuffer()

—  OpenGL convenience instructions
◦  setFrameBuffer/clear initialize framebuffer
◦  presentFrameBuffer submits framebuffer for
rendering

$setInterval( function(e){ drawframe(view, new Date().getTime()); }, interval ); var drawframe = function(view, timestamp) { view.setFrameBuffer(); view.clear(); view.glLoadIdentity(); view.glTranslatef(0.0, Math.sin(mover.iterate(timestamp))/2.0, 0.0); view.glDrawArrays(Ti.Opengl.GL_TRIANGLE_STRIP, 0, 4); view.presentFrameBuffer(); };$

$var vertexDB = Ti.Opengl.createDataBuffer({ data : Demo.data.squareVertices, type : Ti.Opengl.GL_FLOAT }); var colorDB = Ti.Opengl.createDataBuffer({ data : Demo.data.squareColors, type : Ti.Opengl.GL_UNSIGNED_BYTE }); —  A databuffer is a compact opaque representation of an array of data —  Databuffer properties ◦  data ◦  type ◦  size$

view.glVertexPointer(2, Ti.Opengl.GL_FLOAT,
0, vertexDB);
view.glColorPointer(4, Ti.Opengl.GL_UNSIGNED_BYTE,
0, colorDB);

—  Vertex Buffers
◦  Databuffers are also used as a bridge to
facilitating greater efficiency through using
OpenGL vertex buffers directly.

—  Loading from files
◦  Easiest
–  Use the pvrtc file format with
glCompressedTexImage2D and a Ti.Filesystem.File
argument
◦  Alternatively
–  Use jpg, png, etc. with convenience function
texImage2D and a Ti.Filesystem.File argument.

$—  Using a blob var txtr = Ti.Opengl.createTexture({ filter : Ti.Opengl.GL_LINEAR, view : opengl, image : blob }) —  To bind this texture: view.glBindTexture(Ti.Opengl.GL_TEXTURE_2D, txtr.name);$

—  Shaders
◦  Creating shader programs using Javascript
–  reproduce Objective C template
◦  Matrix operations
–  Build Javascript library
–  Core animation matrix operations (Phase 3)

—  Building reusable OpenGL abstractions
◦  VBBuffers : function(view, dataBufs)
–  Returns 1 or 2 vertex buffers built from
DataBuffers contained in dataBufs
◦  Shaders : function(vpath, fpath)
–  Load and compile vertex and fragment shaders
from files found at vpath and fpath
◦  defaultInit : function(view)
–  Initializes view with a default orthographic
projection, etc.

This document discusses techniques for creating skyboxes and terrain in OpenGL graphics. It explains how to create a skydome using skybox textures and then generate terrain by mapping height data from a heightmap texture onto a grid and rendering it with additional textures. Methods are provided for scaling, translating and drawing the terrain as well as querying the heightmap to position the camera above the terrain. Advanced techniques discussed include using quad trees for efficient searching, multitexturing, adding detail textures, and raycasting against the terrain.

LOFAR - finding transients in the radio spectrumGijs Molenaar

The document describes the transient detection pipeline used for LOFAR radio telescope data. The pipeline involves extracting metadata from image data, performing quality checks, source extraction from multiple frequency bands and polarization, associating sources across images, detecting transient signals, classifying signals, and storing results in a database. It uses distributed computation, source extraction algorithms, and a column-oriented database (MonetDB) to handle large volumes of data from the telescope in an automated way to search for transient astronomical events.

Cocos2d実践編 1.0.0rcYuichi Higuchi

Bitcoin:NextFelix Crisan

Single qubit-gates operationsVijayananda Mohire

OpenGL L06-PerformanceMohammad Shaker

The document discusses various techniques for improving OpenGL application performance, including using vertex buffer objects (VBOs) and vertex array objects (VAOs) to store vertex data in graphics memory. It provides an example of creating a cube using VBOs and VAOs to initialize vertex position and color data and load it into a VBO. Display lists are described as allowing geometry to be defined once and executed multiple times to improve performance for redrawing the same geometry. Frustum culling and scissoring are introduced as clipping techniques. General memory management techniques like avoiding frequent memory allocations in loops are also covered.

W3C HTML5 KIG-How to write low garbage real-time javascriptChanghwan Yi

This document summarizes techniques for writing low-garbage real-time JavaScript code. It discusses how to avoid object allocation using syntax like {} and [] instead of the new keyword. It also recommends reusing objects by wiping their properties instead of creating new ones. Functions should be created at startup instead of during runtime. Vector objects should be returned as individual values instead of vector objects. While avoiding garbage entirely is difficult, these techniques can help craft responsive real-time JavaScript with minimal garbage collector overhead.

Vtk point cloud importantRohit Bapat

실시간 인벤트 처리Byeongweon Moon

This document compares and contrasts Esper and Storm for real-time event processing. Esper focuses on fast processing of event streams and simple arithmetic calculations, while also supporting complex event processing like pattern analysis. Storm provides guaranteed message processing, robust process management, and fault detection. The document provides code examples of using Storm for word count analysis on sentences from a data stream.

Kapacitor Alert Topic handlersInfluxData

In this webinar, Michael DeSa will provide you with a detailed overviwe of Alert Handlers with Kapacitor. An AlertNode can trigger an event of varying severity levels, and pass the event to alert handlers. Different event handlers can be configured for each AlertNode. Some handlers like Email, HipChat, Sensu, Slack, OpsGenie, VictorOps, PagerDuty, Telegram and Talk have a configuration option 'global' that indicates that all alerts implicitly use the handler.

Inc decsourcefileheartplusbrain

This C++ program demonstrates the difference between prefix and postfix increment and decrement operators. It declares an integer variable num, initializes it to 9, and uses num++ and ++num in different statements. It outputs the value of num after each operation and the values stored in another variable store. The program illustrates that prefix and postfix operators can produce different results depending on when the increment/decrement occurs.

vbscript-reference bookAnand Dhana

This document provides a quick reference to VBScript concepts and syntax. It includes examples of how to connect to computers and retrieve objects, query for services and processes using WMI, open and read/write to text files, create dictionary objects, use conditional statements and loops, work with arrays and functions/subroutines, and automate Microsoft Office applications like Excel, Word, Access and Outlook. It also provides tips on sending output and setting defaults for the cscript and wscript hosts.

Measuring SGX Texturing PerformancePrabindh Sundareson

SGXPERF is a tool that helps benchmark OpenGL ES 1.1, 2.0, and OpenVG applications on Linux. It allows testing with different texture formats, sizes, and surfaces. To run a benchmark test, the sgxperf2 command is used along with parameters for the test ID, texture width/height, rotation, texture format, SVG/PVG file, number of objects, and surface type. The output provides the average milliseconds per frame. SGXPERF only uses a null window system and does not benchmark X11 applications. It can be downloaded from the given URLs along with the OMAP Graphics SDK.

OpenGL L03-UtilitiesMohammad Shaker

The document discusses various OpenGL graphics techniques including viewports, depth buffering, handling input, using 3D models, drawing primitives, fog, displaying text, collision detection, picking objects, lens flares, and particle systems. Specifically, it provides code examples for setting the viewport, depth testing, handling keyboard input, loading and drawing 3D models, drawing spheres and cylinders using GLU functions, applying fog, displaying text, approximating collision detection using spheres, picking objects using the picking matrix, creating lens flares using the projection matrix, and generating particle systems for effects like dust and fire.

Java data structures powered by Redis. Introduction to Redisson @ Redis Light...Nikita Koksharov

Yurii Shevtsov "V8 + libuv = Node.js. Under the hood"OdessaJS Conf

Node.js uses the V8 JavaScript engine and the libuv library. V8 compiles JavaScript to machine code for high performance, while libuv provides asynchronous I/O capabilities. Node.js initializes V8, wraps libuv, and provides a module system to load code, with modules defined as functions that export values. Native modules can extend Node.js using NAN or the newer N-API for direct access to V8 from C/C++ code.

RedisConf17 - Distributed Java Map Structures and Services with RedissonRedis Labs

Redisson is a Java library that wraps Redis to provide distributed and concurrent data structures and services. It allows developers to use distributed maps, locks, queues and other data structures in their Java applications similar to ConcurrentHashMap. Redisson also provides distributed services like executors, schedulers and map-reduce. The library integrates with frameworks like Spring and Hibernate. It offers features like local caching, sharded maps and tasks execution on application nodes or dedicated Redisson nodes. Redisson provides a more full-featured and scalable alternative to other in-memory data grid solutions.

201801 CSE240 Lecture 12Javier Gonzalez-Sanchez

This document contains slides from a lecture on getting started with C++ programming. It discusses the basics of C++ including classes, scope, input/output, and memory management. The slides provide examples of defining classes with public, private, and protected components. It also demonstrates defining classes in a single file versus splitting the class definition and implementation across multiple files.

Multi qubit entanglementVijayananda Mohire

Openstack taskflow 簡介kao kuo-tung

The State of JavaScriptDomenic Denicola

Our favorite language is now powering everything from event-driven servers to robots to Git clients to 3D games. The JavaScript package ecosystem has quickly outpaced past that of most other languages, allowing our vibrant community to showcase their talent. The front-end framework war has been taken to the next level, with heavy-hitters like Ember and Angular ushering in the new generation of long-lived, component-based web apps. The extensible web movement, spearheaded by the newly-reformed W3C Technical Architecture Group, has promised to place JavaScript squarely at the foundation of the web platform. Now, the language improvements of ES6 are slowly but surely making their way into the mainstream— witness the recent interest in using generators for async programming. And all the while, whispers of ES7 features are starting to circulate… JavaScript has grown up. Now it's time to see how far it can go.

What they don't tell you about JavaScriptRaphael Cruzeiro

The document describes methods for getting quadrants of a quadtree data structure: - The southWest method returns a new quadtree representing the southwestern quadrant, with origins and sizes set accordingly. - The southEast method similarly returns a new quadtree for the southeastern quadrant, with origins and sizes of that region. - Both methods take the existing quadtree as an argument and return a new subtree quadtree representing the specified quadrant region.

Reactive xGabriel Araujo

This document provides an overview of ReactiveX (Rx), which is an API for asynchronous programming using observable streams. It discusses key Rx concepts like Observables, which represent sets of values over time that can be subscribed to; Operators, which allow transforming, combining, and manipulating observable streams; and Subjects, which act as both Observable and Observer and are useful for multicasting streams. The document provides examples of using Rx in autocomplete applications and discusses Schedulers, which define the execution context for asynchronous operations in Rx. Overall, the document serves as a high-level introduction to the reactive programming paradigm and Rx library.

Nicety of java 8 multithreading for advanced, Max VoronoySigma Software

Java 8 introduced improvements to concurrency and parallel programming. It added new atomic classes like AtomicInteger that use more efficient fetch-and-add instead of compare-and-swap. These atomics are important for concurrent data structures like ConcurrentHashMap. Java 8 also enhanced parallel streams for efficiently processing collections in parallel using ForkJoinPool. However, care must be taken to ensure tasks are sufficiently parallelized as parallel streams may be inefficient for tasks that are too fine-grained. Future areas of focus include hardware transactional memory, databases, and quantum computing.

Full-Stack JavaScript with Node.jsMichael Lehmann

The document introduces Node.js as a JavaScript runtime for building fast and scalable network applications. It notes that Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient for data-intensive real-time applications across distributed devices. It provides examples of Node.js's non-blocking I/O and the event loop model. It also discusses the modules, frameworks, and tools commonly used in Node.js applications like Express.js, connecting, and the Node Package Manager. It concludes by outlining when Node.js would and would not be suitable.

Synapse india dotnet development overloading operater part 4Synapseindiappsdevelopment

Cpp Ankit Dubey

OpenGL Starter L02Mohammad Shaker

The document provides an overview of various computer graphics and OpenGL concepts including cube maps, texture mapping, lighting, blending, shadowing, fog, blurring, cameras, clipping, reflection, particles systems, loaders for 3D objects, terrain generation, and sound engines. It also includes code snippets and explanations for implementing concepts like lighting, blending, shadow mapping, and simple particle systems in OpenGL. The document serves as a short introductory course covering essential topics for OpenGL graphics programming.

Opengl (1)ch samaram

This document provides an introduction to OpenGL. It discusses the history and evolution of OpenGL, its core components and libraries, basic programming concepts like coordinate systems and transformations, and how to set up an OpenGL development environment in both Unix and Windows systems. It also covers OpenGL programming concepts like the display callback, event handling, and GLUT functions. Finally, it provides information on submitting assignments and office hours for questions.

BYO3D 2011: RenderingMatt Hirsch - MIT Media Lab

Driven by the recent resurgence of 3D cinema, depth cameras and stereoscopic displays are becoming commonplace in the consumer market. Introduced last October, Microsoft Kinect has already fostered gesture-based interaction for applications well beyond the intended Xbox 360 platform. Similarly, consumer electronics manufacturers have begun selling stereoscopic displays and inexpensive stereoscopic cameras. Most commercial 3D displays continue to require cumbersome eyewear, but inexpensive, glasses-free 3D displays are imminent with the release of the Nintendo 3DS. At SIGGRAPH 2010, the Build Your Own 3D Display course demonstrated how to construct both LCD shutter glasses and glasses-free lenticular screens, providing Matlab-based code for batch encoding of 3D imagery. This follow-up course focuses more narrowly on glasses-free displays, describing in greater detail the practical aspects of real-time, OpenGL-based encoding for such multi-view, spatially multiplexed displays. The course reviews historical and perceptual aspects, emphasizing the goal of achieving disparity, motion parallax, accommodation, and convergence cues without glasses. It summarizes state-of-the-art methods and areas of active research. And it provides a step-by-step tutorial on how to construct a lenticular display. The course concludes with an extended question-and-answer session, during which prototype hardware is available for inspection.

More Related Content

What's hot (20)

실시간 인벤트 처리Byeongweon Moon

Kapacitor Alert Topic handlersInfluxData

Inc decsourcefileheartplusbrain

vbscript-reference bookAnand Dhana

Measuring SGX Texturing PerformancePrabindh Sundareson

OpenGL L03-UtilitiesMohammad Shaker

Java data structures powered by Redis. Introduction to Redisson @ Redis Light...Nikita Koksharov

Yurii Shevtsov "V8 + libuv = Node.js. Under the hood"OdessaJS Conf

RedisConf17 - Distributed Java Map Structures and Services with RedissonRedis Labs

201801 CSE240 Lecture 12Javier Gonzalez-Sanchez

Multi qubit entanglementVijayananda Mohire

Openstack taskflow 簡介kao kuo-tung

The State of JavaScriptDomenic Denicola

What they don't tell you about JavaScriptRaphael Cruzeiro

Reactive xGabriel Araujo

Nicety of java 8 multithreading for advanced, Max VoronoySigma Software

Full-Stack JavaScript with Node.jsMichael Lehmann

Synapse india dotnet development overloading operater part 4Synapseindiappsdevelopment

Cpp Ankit Dubey

OpenGL Starter L02Mohammad Shaker

실시간 인벤트 처리Byeongweon Moon

Kapacitor Alert Topic handlersInfluxData

Inc decsourcefileheartplusbrain

vbscript-reference bookAnand Dhana

Measuring SGX Texturing PerformancePrabindh Sundareson

OpenGL L03-UtilitiesMohammad Shaker

Java data structures powered by Redis. Introduction to Redisson @ Redis Light...Nikita Koksharov

Yurii Shevtsov "V8 + libuv = Node.js. Under the hood"OdessaJS Conf

RedisConf17 - Distributed Java Map Structures and Services with RedissonRedis Labs

201801 CSE240 Lecture 12Javier Gonzalez-Sanchez

Multi qubit entanglementVijayananda Mohire

Openstack taskflow 簡介kao kuo-tung

The State of JavaScriptDomenic Denicola

What they don't tell you about JavaScriptRaphael Cruzeiro

Reactive xGabriel Araujo

Nicety of java 8 multithreading for advanced, Max VoronoySigma Software

Full-Stack JavaScript with Node.jsMichael Lehmann

Synapse india dotnet development overloading operater part 4Synapseindiappsdevelopment

Cpp Ankit Dubey

OpenGL Starter L02Mohammad Shaker

Similar to Richard Salter: Using the Titanium OpenGL Module (20)

Opengl (1)ch samaram

BYO3D 2011: RenderingMatt Hirsch - MIT Media Lab

Open glessarmisthadas

OpenGL is a cross-language, cross-platform API for 2D and 3D computer graphics. It was developed by SGI in 1992 and is widely used for CAD, VR, and games. OpenGL ES is a subset of OpenGL designed for embedded devices like phones and provides functions like glVertexPointer and glDrawElements to facilitate drawing. Key OpenGL concepts include the camera model using functions like gluLookAt, glFrustum, and glViewport to control the viewing volume and screen projection.

openGL basics for sample program.pptHIMANKMISHRA2

The document outlines the course learning objectives and outcomes for a Computer Graphics & Visualization laboratory course using OpenGL. The course aims to teach simple algorithms and implementation of line drawing, clipping, and 2D/3D modeling and rendering using OpenGL functions. Students will complete programming assignments to demonstrate techniques like Bézier curves, polygon filling, and develop a mini-project using OpenGL APIs.

openGL basics for sample program (1).pptHIMANKMISHRA2

CS 354 Viewing StuffMark Kilgard

Lab Practices and Works Documentation / Report on Computer GraphicsRup Chowdhury

This is a report that I have prepared during my Computer Graphics Lab course. This contains the theoretical information that we learned in our introduction class. It also contains information on different computer graphics tools and software. It contains codes to create different and also the procedure. 1. Information on GLUT 2. Flag drawing with GLUT 3. DDA Algorithm 4. Midpoint Line Drawing Algorithm 5. Tansformation

UNIT 1 OPENGL_UPDATED .pptxmiteshchaudhari4466

The Ring programming language version 1.5.1 book - Part 7 of 180Mahmoud Samir Fayed

This document describes updates made in version 1.5.1 of the Ring programming language documentation, including: - New classes added to the RingQt library for working with strings, mutexes, buffers, Bluetooth, and sockets. - An example of using the RingQt and libcurl libraries to submit a vehicle identification number to a website and parse the XML response. - Updates to the Objects library including a new function for opening windows that allows specifying import packages. - A new RingFreeGLUT extension for supporting the FreeGLUT library, along with an example OpenGL/FreeGLUT program for drawing and animating a scene with snowmen.

OpenGL Fixed Function to Shaders - Porting a fixed function application to “m...ICS

The Ring programming language version 1.5.3 book - Part 8 of 184Mahmoud Samir Fayed

This document section describes updates made to the Ring programming language in version 1.5, including: - New classes added to the RingQt library for improved Qt integration. - An example of using the RingQt and libcurl libraries to submit a vehicle VIN to a website and parse the XML results. - The Objects library was updated with a new Open_WindowInPackages() function to import packages before opening windows. - A new RingFreeGLUT extension was added to support the FreeGLUT library, along with an example OpenGL/FreeGLUT program to render a scene with snowmen.

The Ring programming language version 1.5.4 book - Part 8 of 185Mahmoud Samir Fayed

18csl67 vtu lab manualNatsuDragoneel5

1. The document is a lab manual for a computer graphics and visualization course that provides instructions and programs for students to implement. 2. It includes an introduction to OpenGL that describes it as a software interface for graphics hardware consisting of 150 commands. It also discusses OpenGL's state machine functionality and related libraries like GLUT and GLU. 3. The lab manual then provides 9 programs for students to complete related to topics like line drawing algorithms, 3D modeling, and animations. It concludes with questions for a viva exam.

Computer Graphics - Lecture 01 - 3D Programming I💻 Anton Gerdelan

Here are a few key points about adding vertex colors to the example: - Storing the color data in a separate buffer is cleaner than concatenating or interleaving it with the position data. This keeps the data layout simple. - The vertex shader now has inputs for both the position (vp) and color (vc) attributes. - The color is passed through as an output (fcolour) to the fragment shader. - The position is still used to set gl_Position for transformation. - The color input has to start in the vertex shader because that is where per-vertex attributes like color are interpolated across the primitive before being sampled in the fragment shader. The vertex shader interpolates the color value

Opengl basicspushpa latha

OpenGL is a standard graphics library used to render 2D and 3D graphics. It provides basic drawing primitives like points, lines, and polygons. OpenGL follows a graphics pipeline where commands are processed through various stages including transformations, rasterization, and finally writing to the framebuffer. Programmers use OpenGL by issuing commands to specify geometry and settings, which are then rendered to the screen independent of hardware.

OpenGL Introduction.Girish Ghate

The document provides an introduction and overview of OpenGL graphics programming. It discusses that OpenGL is a 3D graphics rendering API that is hardware independent and portable. The document outlines the OpenGL rendering pipeline and libraries. It describes that OpenGL is not a language itself but makes calls to functions from libraries like GLUT, GLU, and OpenGL in a programming language like C/C++. The basic framework of an OpenGL program and functions for initializing OpenGL state, registering callbacks, and the event processing loop are also covered.

Chapter02 graphics-programmingMohammed Romi

The document discusses graphics programming and OpenGL. It introduces OpenGL, describing it as a hardware-independent interface consisting of over 700 commands. It outlines the OpenGL API, including primitive functions, attribute functions, and viewing functions. It also covers OpenGL primitives like points, lines, and polygons, as well as attributes like color. It explains orthographic and two-dimensional viewing in OpenGL.

Bai 1Châu Thanh Chương

The document introduces OpenGL and GLUT (OpenGL Utility Toolkit). It discusses that OpenGL is a graphics library for rendering 2D and 3D graphics, while GLUT provides a windowing and input framework. It then covers OpenGL fundamentals like rendering primitives, transformations, lighting and texture mapping. The goals are to demonstrate enough OpenGL to create interactive 3D graphics and introduce advanced topics. Sample code shows basic GLUT and OpenGL usage.

COLLADA & WebGLRemi Arnaud

WebGL and COLLADA were discussed as technologies for 3D rendering and asset interchange on the web. The presentation covered the history and capabilities of both standards. It also described approaches for loading COLLADA assets into WebGL, such as preprocessing COLLADA into JSON or loading XML directly and parsing it with JavaScript. Optimizing COLLADA assets for WebGL rendering through techniques like quantization and compression was also mentioned.

Building Native Apps- A Digital Canvas for Coders and Designers with Walter LuhFITC

Opengl (1)ch samaram

BYO3D 2011: RenderingMatt Hirsch - MIT Media Lab

Open glessarmisthadas

openGL basics for sample program.pptHIMANKMISHRA2

openGL basics for sample program (1).pptHIMANKMISHRA2

CS 354 Viewing StuffMark Kilgard

Lab Practices and Works Documentation / Report on Computer GraphicsRup Chowdhury

UNIT 1 OPENGL_UPDATED .pptxmiteshchaudhari4466

The Ring programming language version 1.5.1 book - Part 7 of 180Mahmoud Samir Fayed

OpenGL Fixed Function to Shaders - Porting a fixed function application to “m...ICS

The Ring programming language version 1.5.3 book - Part 8 of 184Mahmoud Samir Fayed

The Ring programming language version 1.5.4 book - Part 8 of 185Mahmoud Samir Fayed

18csl67 vtu lab manualNatsuDragoneel5

Computer Graphics - Lecture 01 - 3D Programming I💻 Anton Gerdelan

Opengl basicspushpa latha

OpenGL Introduction.Girish Ghate

Chapter02 graphics-programmingMohammed Romi

Bai 1Châu Thanh Chương

COLLADA & WebGLRemi Arnaud

Building Native Apps- A Digital Canvas for Coders and Designers with Walter LuhFITC

More from Axway Appcelerator (20)

Axway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & RoadmapAxway Appcelerator

2014 Dublin Web Summit by Jeff HaynieAxway Appcelerator

The document discusses how mobile is replacing the web and driving an evolution towards an "experience economy". Some key points made include: - Mobile penetration now exceeds 93% globally, with mobile built for intuitive user experiences - There is no longer a distinction between business-to-consumer, business-to-business, etc. but rather a focus on "business-to-user" - Companies need to build great user experiences across any device quickly to succeed in this new mobile environment - The "device explosion" has eliminated the Windows monopoly, with 81% of companies now building for multiple operating systems

Making the Mobile Mind ShiftAxway Appcelerator

Stop Debating, Start MeasuringAxway Appcelerator

1) Mobile is replacing the web, with over 6.5 billion mobile subscribers globally now compared to only 2.5 billion internet users. 2) To keep up with the fast pace of mobile, companies need to adopt a minimum viable product approach focused on continuous learning through measurement of user behavior and feedback. 3) Key mobile metrics that every company should track include acquisition, engagement, retention, conversion, and quality to understand user experiences and drive faster optimization of their mobile products and strategy.

Mobile & The New Experience Economy (And What it Means for IT)Axway Appcelerator

Apps, APIs & Analytics: What "Mobile First" Really MeansAxway Appcelerator

This document discusses the shift towards mobile-first strategies in enterprises. It makes three key points: 1. The user experience must be optimized for mobile as users expect smart, context-aware experiences on their mobile devices. Legacy web approaches are insufficient for the mobile environment. 2. Enterprises have lost control over release velocity as mobile platforms and user expectations evolve rapidly. HTML5 cannot meet all mobile needs due to differences in browser support and priorities of mobile platform providers. 3. Enterprises must move from reactive to strategic in their mobile approach, developing metrics to measure user experience and outcomes, sourcing both internally and externally, and pursuing continuous innovation to differentiate themselves and open new markets.

Appcelerator Presentation TemplateAxway Appcelerator

Appcelerator Titanium is a mobile-first platform that enables enterprises to deliver transformative mobile experiences across devices and manage mobile apps. Founded in 2007, Appcelerator has 148 employees and has raised $50 million in funding. It offers a platform to achieve ROI and has 470K developers and 55K apps built for over 140M devices. An example is provided of a company that used Appcelerator Titanium to create an enterprise sales mobile app, seeing benefits like reduced costs, 80% adoption by sales reps within 3 months, and outperforming projections.

Codestrong 2012 keynote jonathan rende, appcelerator's vp of productsAxway Appcelerator

Codestrong 2012 keynote jeff haynie, appcelerator's ceoAxway Appcelerator

Codestrong 2012 keynote how to build a top ten appAxway Appcelerator

Codestrong 2012 breakout session at&t api platform and trendsAxway Appcelerator

Codestrong 2012 breakout session what's new in titanium studioAxway Appcelerator

Titanium 3.0 is Appcelerator's biggest release ever, with over 1,000 enhancements to increase productivity. It introduces the Alloy MVC framework to write less code and build richer apps more simply and reusable. It also includes a Command Line Interface, on-device debugging, accessibility support, and Node.ACS integration to build custom backend services. Key goals of Titanium 3.0 are to help beginners get started more easily and provide experienced developers with better tools.

Codestrong 2012 breakout session using appcelerator cloud services in your ...Axway Appcelerator

1) Appcelerator Cloud Services (ACS) provides predefined cloud services and APIs that developers can use to add cloud functionality to their mobile apps without having to build their own backend. 2) Popular social apps tend to revolve around common elements like users, photos, checkins, statuses, friends, likes, and reviews. ACS aims to provide these types of services out of the box. 3) With ACS, developers design their app's client interface and logic first before defining the required backend services and data models. They can then use ACS APIs to manage app data rather than having to build their own custom server components.

Codestrong 2012 breakout session the role of cloud services in your next ge...Axway Appcelerator

This document discusses the role of cloud services in developing next-generation mobile apps. It defines next-gen apps as being mobile-first, incorporating social capabilities, context awareness, access to multiple enterprise data sources, and an immersive experience. It then outlines options for mobile app development including client-side, server-side, and using public cloud services. The document introduces Appcelerator Cloud Services as a mobile backend as a service (MBaaS) that reduces development time and costs through pre-built services and APIs.

Codestrong 2012 breakout session new device platform support for titaniumAxway Appcelerator

Codestrong 2012 breakout session mobile platform and infrastructureAxway Appcelerator

1) The document discusses technologies that can enable enterprises to become mobile-first, including mobile device/application management, compelling UI/UX design, and next generation mobile application platforms. 2) It promotes applying an application factory approach using reusable application components to help IT quickly respond to business needs. 3) An ideal next generation platform would provide visibility across the entire mobile application lifecycle and allow integration of best of breed tools through an open ecosystem of developers.

Codestrong 2012 breakout session making money on appcelerator's marketplaceAxway Appcelerator

The document discusses how to make money by creating and selling modules on Appcelerator's open marketplace. It describes what modules are (extensions that add functionality to mobile apps), provides statistics on the marketplace's size and growth, and gives examples of top-selling modules. It then explains how to create a module, market it on the marketplace, use it to promote a company or apps, wrap existing APIs into modules, and monetize apps with advertising modules. The document advises thinking about features, pricing, categorization, and support when setting up a module on the marketplace.

Codestrong 2012 breakout session live multi-platform testingAxway Appcelerator

The document discusses a new Titanium Dev Workflow called XLITE. It describes features like hot code loading, improved testing capabilities, and a streamlined development experience. The CTO, Pratik Patel, gives an overview of the motivation to rethink the JavaScript and development models. He highlights benefits like a 25% productivity boost and functional programming approach. Pratik also provides context on the history and components of the XLITE workflow like the TI Studio IDE and Titanium library.

Codestrong 2012 breakout session leveraging titanium as part of your mobile...Axway Appcelerator

This document discusses the lifecycle approach to mobile application development. It outlines the key stages in a mobile app lifecycle: plan, build/connect, test, manage/release, and analyze. Each stage represents important steps, from requirements gathering and design in the plan stage to distribution, management, and analysis of usage in later stages. The document notes that as apps and operating systems increase in number, managing the lifecycle of mobile applications across their development and use has become more complex, requiring improved processes and visibility across roles.

Codestrong 2012 breakout session i os internals and best practicesAxway Appcelerator

This document summarizes best practices for developing responsive, memory-efficient, and high-performance iOS apps using Titanium. It discusses Titanium's architecture including proxies, bindings, and modules. It provides tips for managing memory by avoiding closures, using properties over setters, and nulling out variables. It also offers recommendations for fast drawing like using opaque textures, avoiding dynamic resizing, and setting view sizes explicitly.