Return to flip book view

Altia GUI Solutions for Renesas RZG2L

Page 1

Page 2

Page 3

• Integrated cockpit• Clusters• HVAC• IVI/Display radios• HUD• Motorcycle HMIs• Washing machines• Refrigerators• Microwaves• Ovens• Small appliances• Mid-to-high end diagnostic equipment• Point-of-care devices• Surgical systems• Wearables• Industrial• Thermostats• Security systems• Fitness• Vending

Page 4

i.MX8PsSk3DEtc.Graphic ToolsBest in classAltia DesignGUI Authoring EnvironmentAny hardware, from low to high-powerRenesas HardwareAltia DeepScreenC Code Generator

Page 5

• Build high performance GUIs without hand coding graphics• Develop collaboratively with cloud-based solution• Metadata does not need to be parsed/relocated to RAM – faster startup times and less RAM consumption• Code generator can optimize the memory usage for smaller footprint & faster execution• Work with any OS or no OS at all• Save RAM with Altia’s highly optimized code• Reduce GUI implementation costs with efficient workflow• Get to market faster with Altia’s state-of-the-art toolchain

Page 6

• The RZ/G2L microprocessor includes a Cortex®-A55 (1.2 GHz) CPU, 16-bit DDR3L / DDR4 interface, 3D graphics engine with Arm Mali-G31 and video codec (H.264). • This MPU also has many interfaces such as camera input, display output, USB 2.0 and Gbit-Ether, making it ideal for applications such as entry-class industrial GUIs and embedded devices with video capabilities.

Page 7

• Board Required: Renesas Evaluation Board (PMIC Power Version)• Operating System: Yocto Linux • Resolution: 800x480• Health Monitor GUI: 800x480 (portrait) video• IoT Home Automation GUI: 800x480 (landscape) video• Display: GeeekPi 5’’ touch screen 800x480 HDMI TFT LCD• Rendering: OpenGL ES 2.0

Page 8

Main Screen with Graphfor Vital SignsBody Screen (3D and 2D Design) with Animation About Screen with Animation

Page 9

Body Screen with 3D Animation About Screen with Animation Graph Screen The demo includes three screens—Graph, Body and About. Body Screen with 2D Animation

Page 10

• The Graph Screen is also the Main Screen on the startup. • The graphs for vital signs in this screen are done using the plot object Each graph is made from two pieces— normal graph and blurred graph on the left side. • Data table shows SYS (systolic), DIA (diastolic), MAP (mean arterial pressure), PR (pulse pressure) and Time history for the output of blood pressure measurement. • The four buttons in the lower screen allow switching between screens. • The button “Measure NIBP” takes a new blood pressure measurement. A new entry for SYS, DIA, MAP, PR and Time data is added to the list on the main screen. The same measurement is also taken every 10 seconds, even without pressing the button.

Page 11

• The Body Screen includes a rotating 3D body, a shield-like overlay and 2D overlays displaying the measured values. • For both 3D meshes, a custom shader is used. The polycount is below 100K triangles.• For 2D overlays, the 3D positions were exported from Blender into After Effects, converted to 2D positions and then exported as 2D animations from After Effects using the exporter script into Altia Design.

Page 12

• Improve the rendering performance by replacing the rotating 3D body model by 2D with flip-book animations.• A shield-like structure animated over the body and the 2D overlays displaying the current values next to the body

Page 13

• The About Screen includes animation from Altia logo →particles → contact information• The Altia logo, particles and message are all part of one mesh with a custom shader to animate between the stages.• When particles are close to the final position (either Altia logo or message), they are blended with the image using all RGBA channels for a better animation effect.

Page 14

Appliance EnergyLightingThermostatSecurityMultimediaIncorporating 6 applications into one demo

Page 15

Appliance Appliance Control and MonitorEnergyEnergy MonitorLighting Lighting Control SecuritySecurity Control and Monitor

Page 16

ThermostatThermostat Control and MonitorMultimediaMultimedia – Audio Album Multimedia – Audio Player

Page 17

• Altia DeepScreen unlocks the full potential of RZ/G2L GPUs via OpenGL ES pipeline to manage all rendering operations for high performance GUI• Optimized data-driven code generation output for the smallest footprint and fastest execution• Enables configurable layer animations to take control of display controller to avoid unnecessary GPU overhead• Provides capability to store image assets in multiple pixel-depth and compression formatsRZ/G2LRZ/G2L

Page 18

• Simplify certification with pure C source code• Speed time to market with state-of-the-art toolchain• Decrease development costs with efficient workflow• Mid- to high-end diagnostic equipment• Point-of-care devices• Surgical systems• Wearables• Scale from higher power RZ/G2H to low power RZ/G2L • Work with any OS or no OS• Reduce bill of materials by minimizing memory requirements

Page 19

Page 20