HTML5, WebGL, UI & Browser Tutorials

Arm tutorials

Generating Signed Distance Fields from Vector Data
Trends in HTML5
Integrating Mali GPUs with Browsers
The Chrome process
HTML5: The Art of Illusion
WebGL Optimizations for Mobile
Webkit Rasterization

Partner tutorials

Optimizing WebGL for mobile GPUs with PlayCanvas
Real World WebGL: The making of SeeMore
PlayCanvas
Implementing a cutting edge HTML5 UI
Virgin Media
Creating Performant HTML5 apps for TVs
Opera
Developer support and challenges
The challenges of integrating media playback
on embedded devices
YouView
Encrypted Media Extensions on OP TEE
Chromium Embedded Framework Integration
Linaro
Powering the Web Graphics revolution
Goo Technologies make HTML5 and WebGL look easy
Goo Technologies


Generating Signed Distance Fields from
Vector Data

Wasim Abbas, Staff Software Engineer, Arm

A novel technique to generate Signed Distance Fields (SDF) from vector paths. Unlike existing methods, instead of first rasterizing a path to a bitmap and then deriving the SDF, we can calculate the minimum distance for each pixel to the nearest segment directly from a path description comprised of line segments and Bezier curves. The method is novel because none of the existing techniques work in vector space and our distance calculations are done in canonical quadratic space.

We have tested our code in Skia to accelerate SDF text rendering and have found that our method is higher quality and over 70% faster. The higher quality of SDF is achieved by sampling vector data at the SDF resolution required, without losing quality to prior rasterization steps.

Optimizing WebGL for mobile GPUs with PlayCanvas

Will Eastcott, CEO, PlayCanvas

In 2016, WebGL is everywhere, bringing 3D graphics to your browser on whatever device you are using. Will Eastcott from the leading WebGL engine, PlayCanvas, uses real-world examples and covers a range of best practices and optimizations that will ensure your WebGL game or application runs smoothly and downloads quickly on all mobile devices.

Trends in HTML5

Matt Spencer, User Interface & Browser Marketing Manager, Arm

Learn what is happening in the depths of modern web engines and how this will impact embedded browser applications.

Implementing a cutting edge HTML5 UI

Nico Vierhout & Anne Bakker, Virgin Media

Lessons learnt from a real HTML5 UI development team.

Creating Performant HTML5 apps for TVs

Tomasz Kurowski, Opera

A back-to-basics-look at creating HTML5 applications for TVs.

Real World WebGL: The making of SeeMore

Will Eastcott, PlayCanvas

See how PlayCanvas implemented SeeMore WebGL

Developer support and challenges

Ian Renyard & Andrea Fassina, YouView

A look at developing HTML5 for the YouView platform.

The challenges of integrating media playback on embedded devices

Alex Ashley, YouView

A look at video and media elements in embedded systems with HTML5.

Encrypted Media Extensions on OP TEE

Zoltan Kuscsik, Linaro

Integration of Open Source TEE based Content Decryption Module and Encrypted Media Extensions (EME) on Arm TrustZone.

Integrating Mali GPUs with Browsers

Wasim Abbas, Staff Engineer, Arm

A guide to understanding Mali GPUs and working with browsers along with some optimization tips.

Chromium Embedded Framework Integration

Zoltan Kuscsuk, Linaro

Embedding Chromium into Arm-Linux applications. Lessons learnt from Chromium Ozone integration with EGL and Wayland.

The Chrome process

Matt Spencer, User Interface & Browser Marketing Manager, Arm

Learn how to get involved in Blink and Chrome development, plus a look at some of the exciting platform enhancements in the pipeline.

HTML5 The Art of Illusion

Matt Spencer, User Interface & Browser Marketing Manager, Arm

Create beautiful, responsive, jank-busting HTML user experiences with a mix of intelligent design and a touch of magic. This presentation will highlight the pitfalls of HTML CSS and JavaScript and show how and when to offload to the Arm Mali GPU. When that’s not possible, learn how to create the illusion of speed.

WebGL Optimizations for Mobile

Lorenzo dal Col, Senior Software Engineer, Arm
Will Eastcott, CEO, PlayCanvas

How to optimize your WebGL games for mobile devices.

Webkit Rasterization

Matt Spencer, User Interface & Browser Marketing Manager, Arm

Explore the current GPU acceleration in Webkit based browsers and discover how rasterization does not make effective use of the GPU. The presentation will then focus on the current challenges of GPU rasterization and the work that Arm have been doing to accelerate text rendering.

Powering the Web Graphics revolution

Victor Sand, Goo Technologies.

With the increasing power of hardware and the almost constant online presence of today’s devices, the landscape of the web is changing. Demanding applications that used to belong on a heavy desktop machine are moving to mobile. By the use of open standards like HTML5 and WebGL, development can be completely cross-platform and its result instantly available on the web. Goo Technologies provide powerful WebGL-based 3D creating tools that power the next revolution in web and device content.

Goo Technologies make HTML5 and WebGL look easy

Marcus Krüger, Goo Technologies.

The arrival of HTML5 and WebGL is one of the biggest leaps forward in the history of the browser.