Lightning 3
Lightning 3 is an open-source project focused on lightweight solutions for developing User Interfaces with hyper fast animations using Javascript and WebGL rendering.
With Lightning 3 you can create highly performant Apps for a smooth user experience on TV centric devices.
TV App Framework
As part of the Lightning 3 project we have created a TV App Framework optimized for the Lightning Renderer.
Blits is easy and intuitive to work with. It’s a full featured TV App framework for building high performing Lightning based TV apps, designed with a focus on performance.
Blits.Application({
template: `
<Element w="1920" h="1080" color="#000">
<Text :content="$title"/>
</Element>
`,
state() {
return {
title: 'Lightning 3'
}
},
input: {
enter() {
this.title = 'Lightning 3 is awesome!'
}
}
})Lightning 3 Release Announcement
We're excited to announce the launch of Lightning 3, an important update to our powerful big screen app development framework. Whether you're a seasoned developer or just getting started with web development on TVs, Lighting 3 offers the tools and features you need to create stunning applications.
With Lightning 3 you can create highly performant Apps for a smooth user experience on TV centric devices.Features
WebGL 2.0 rendering
Support for WebGL 1 and WebGL 2 devices for ultra fast rendering and pixel-for-pixel control of effects and colors!
Effects
Lightning comes with a wide variety of effects to create a rich user experience of your content.
Multiplatform support
Runs on any device with a browser, get up and running on a new device in a matter of days.
Advanced Font Rendering
Crystal sharp fonts across any resolution or size for a best in class viewing experience.
Sprite sheet support
Use sprite sheets to create high performant reusable textures in your UI.
Accessibility
Support for color shifts, announcer and magnification for ease of access of your UI content.
Clear syntax
Easy to read XML-style templating combined with JavaScript.
Reactivity
Reactively update your component template with minimal code.
Input handling
Control your App with configurable input keys.
Focus management
Allow components to react to focus events
Routing
Memory efficient page routing.
Reusable components
Create a component once and use it anywhere in your App.
%20--%3e%3csvg%20width='30.579531mm'%20height='30.58004mm'%20viewBox='0%200%2030.579531%2030.58004'%20version='1.1'%20id='svg1'%20sodipodi:docname='lng.svg'%20inkscape:version='1.3%20(0e150ed,%202023-07-21)'%20xml:space='preserve'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23505050'%20bordercolor='%23eeeeee'%20borderopacity='1'%20inkscape:showpageshadow='0'%20inkscape:pageopacity='0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23505050'%20inkscape:document-units='mm'%20inkscape:zoom='0.72192382'%20inkscape:cx='270.8042'%20inkscape:cy='2.0777816'%20inkscape:window-width='1920'%20inkscape:window-height='942'%20inkscape:window-x='0'%20inkscape:window-y='25'%20inkscape:window-maximized='1'%20inkscape:current-layer='layer1'%20/%3e%3cdefs%20id='defs1'%20/%3e%3cg%20inkscape:label='Layer%201'%20inkscape:groupmode='layer'%20id='layer1'%20transform='translate(-145.25221,-136.26042)'%3e%3cpath%20id='rect1-9'%20style='fill:%23ffffff;fill-opacity:1;stroke-width:0.264583'%20d='m%20163.71724,136.26042%20-18.46503,18.46502%20h%2012.11503%20v%2012.11502%20l%2018.4645,-18.46502%20h%20-12.1145%20z'%20inkscape:export-filename='projects/l-site/site/assets/favicons/lng_32x32.png'%20inkscape:export-xdpi='26.579872'%20inkscape:export-ydpi='26.579872'%20/%3e%3c/g%3e%3c/svg%3e)
“The power of native performance in your browser”
Lightning 2
Lightning 2 and its counterparts are still supported and you can find helpful links regarding these libraries here:
