{"id":2669,"date":"2019-08-27T11:47:42","date_gmt":"2019-08-27T11:47:42","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=2669"},"modified":"2019-08-09T11:55:22","modified_gmt":"2019-08-09T11:55:22","slug":"pixijs-html5-creation-engine","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/pixijs-html5-creation-engine\/","title":{"rendered":"PixiJS: HTML5 Creation Engine"},"content":{"rendered":"\n<p><strong>PixiJS<\/strong>&nbsp;is the HTML5 creation engine that you can create beautiful digital content with the fastest, most flexible 2D WebGL renderer.<\/p>\n\n\n\n<ul><li><strong>MULTI-PLATFORM SUPPORT<\/strong><br>Interactive, visually compelling content on desktop, mobile and beyond, all reached with a single codebase to deliver transferable experiences.<\/li><li><strong>TINTING &amp; BLENDING MODES<\/strong><br>Designers and clients will be thrilled by Photoshop quality blending and color modes.<\/li><li><strong>SPRITE SHEET SUPPORT<\/strong><br>Pixi caters for a range of sprite sheet formats and includes advanced support for features like trimming and rotational packing.<\/li><li><strong>ASSET LOADER<\/strong><br>Sprite-sheets, graphics, fonts, animation data (soon to have Adobe Animate support). All your incoming assets can be loaded and handled by PixiJS.<\/li><li><strong>EASY API<\/strong><br>Designed to be intuitive and easy to pick up. Developers old and new will find themselves right at home with its simple yet powerful API.<\/li><li><strong>WEBGL FILTERS<\/strong><br>Use and create your own spectacular WebGL filters and shaders to give your projects next-level visual fidelity and performance.<\/li><li><strong>ADVANCED TEXT RENDERING<\/strong><br>Beautiful anti-aliased text at native and retina resolutions means that Pixi copy is as easy on the eye as it is on any other delivery method.<\/li><li><strong>FULL SCENE GRAPH<\/strong><br>Organise your objects in hierarchical trees, with parent-child relationships.<\/li><li><strong>RENDERER AUTO-DETECT<\/strong><br>Certain, older platforms may not be able to use WebGL. Not a problem with Pixi as Canvas fallback is seamless and automated.<\/li><li><strong>DEPLOY INTO APPS<\/strong><br>Use technologies such as Cordova to rapidly deploy your Pixi project as an App. Superb for both concepting and full delivery.<\/li><li><strong>ACCESSIBILITY<\/strong><br>Pixi is an inclusive technology and all content can be made to be screen reader accessible with ease. The only WebGL renderer out there that does.<\/li><li><strong>MULTI TOUCH INTERACTIVITY<\/strong><br>True multi-touch input and tracking means that you can create interactions such as pinch-to-scale that give audiences native feeling experiences.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Demo<\/strong>: <a href=\"https:\/\/www.pixijs.com\/\">https:\/\/www.pixijs.com\/<\/a><\/p><p><strong>Download<\/strong>: <a href=\"https:\/\/github.com\/pixijs\/pixi.js\">https:\/\/github.com\/pixijs\/pixi.js<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>PixiJS&nbsp;is the HTML5 creation engine that you can create beautiful digital content with the fastest, most flexible 2D WebGL renderer. MULTI-PLATFORM SUPPORTInteractive, visually compelling content on desktop, mobile and beyond, all reached with a single codebase to deliver transferable experiences. TINTING &amp; BLENDING MODESDesigners and clients will be thrilled by Photoshop quality blending and color [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2670,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,12],"tags":[25,116,87],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/08\/20ddf680-86b9-11e9-90e3-aa6dd61c184a.png","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-H3","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2669"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=2669"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2669\/revisions"}],"predecessor-version":[{"id":2671,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2669\/revisions\/2671"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/2670"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=2669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=2669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=2669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}