Search Results for "sprite"

...The renderer handles masks, shapes, and keyframe timing to closely mirror After Effects behavior within web constraints. This approach brings high-quality motion design to product interfaces without large asset sizes or complex sprite workflows.

...Single API for all audio needs, defaults to Web Audio API and falls back to HTML5 Audio, handles edge cases and bugs across environments, supports all codecs for full cross-browser support, automatic caching for improved performance, control sounds individually, in groups or globally, playback of multiple sounds at once. Easy sound sprite definition and playback, full control for fading, rate, seek, volume, etc. Easily add 3D spatial sound or stereo panning, modular - use what you want and easy to extend. No outside dependencies, just pure JavaScript. As light as 7kb gzipped.

...It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. Compatible for most modern browsers. You should import babel-polyfill for early browsers(i.e. iOS 8).

...Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify animation settings, and save or load your projects, among others.

...On starting, Scrawl.js investigates the HTML DOM and automatically creates controller and wrapper objects for each <canvas> element it finds. Can also generate visible canvas elements programatically, and add them to the DOM. Users create sprite and gradient objects using scrawl factory functions, set their styling and position, and render them onto the canvas element. Creation, positioning and styling can all be handled by a single call to the factory function. Sprites include: basic rectangles (Block), advanced rectangles capable of displaying images and sprite animations (Picture), circles (Wheel), single-line text (Phrase), and complex designs composed of lines, arcs and curves (Shape). ...

Sprite Cow is a browser-based utility for extracting CSS coordinates and dimensions from image sprite sheets. Users load a sprite sheet and identify an individual sprite instead of manually measuring its position in an image editor. The tool generates copyable CSS containing background-position, width, and height values. It was created for developers who prefer manually optimized sprite sheets but want to avoid repetitive coordinate calculations. ...

The easy-to-use MSX sprite editor that runs directly on your browser. It does not require Java, and it works 100% offline too! Supports MSX2 sprite overlaying.