PixiJS – HTML5 Creation Engine

samuel HTML5 206 , , , , , ,

PixiJS is the HTML5 creation engine that you can create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

  • MULTI-PLATFORM SUPPORT
    Interactive, visually compelling content on desktop, mobile and beyond, all reached with a single codebase to deliver transferable experiences.
  • TINTING & BLENDING MODES
    Designers and clients will be thrilled by Photoshop quality blending and colour modes.
  • SPRITE SHEET SUPPORT
    Pixi caters for a range of sprite sheet formats and includes advanced support for features like trimming and rotational packing.
  • ASSET LOADER
    Sprite-sheets, graphics, fonts, animation data (soon to have Adobe Animate support). All your incoming assets can be loaded and handled by PixiJS.
  • EASY API
    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.
  • WEBGL FILTERS
    Use and create your own spectacular WebGL filters and shaders to give your projects next-level visual fidelity and performance.
  • ADVANCED TEXT RENDERING
    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.
  • FULL SCENE GRAPH
    Organise your objects in hierarchical trees, with parent-child relationships.
  • RENDERER AUTO-DETECT
    Certain, older platforms may not be able to use WebGL. Not a problem with Pixi as Canvas fallback is seamless and automated.
  • DEPLOY INTO APPS
    Use technologies such as Cordova to rapidly deploy your Pixi project as an App. Superb for both concepting and full delivery.
  • ACCESSIBILITY
    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.
  • MULTI TOUCH INTERACTIVITY
    True multi-touch input and tracking means that you can create interactions such as pinch-to-scale that give audiences native feeling experiences.
Related Post

DUCK HUNT JS v3.0 Play the game This is an implementation of DuckHunt in Javascript and HTML5. It uses the Read more

three.js       JavaScript 3D library The aim of the project is to create an easy to use, lightweight, 3D library Read more

Babylon.js is a complete JavaScript framework for building 3D games with HTML 5 and WebGL Features Complete scene graph with Read more

A tutorial about creating very cool WebGL Distortion Slider using Three.js for the image transitions and some crude HTML + CSS Read more

A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images Read more

normalmap.js is a library for creating simple interactive lighting effects using normal maps. Features: Built on top of WebGL Simple Read more

Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.

jQuery Ripples is a plugin to add a layer of water to your HTML elements which will ripple by cursor Read more

Go