Displaying 1 to 20 from 46 results

svg4everybody - Use external SVG spritemaps today

  •    Javascript

SVG for Everybody adds SVG External Content support to all browsers. To use it now, include the script in your document.

css-sprite - css sprite generator

  •    Javascript

A css sprite generator. Generates sprites and proper css files out of a directory of images.

sprity - A image sprite generator

  •    Javascript

A modular image sprite generator. Generates sprites and proper style files out of a directory of images.




AncientBeast - 🐺 Turn Based Strategy Game. Master your beasts!

  •    Javascript

The project is developed with the use of free open source cross platform applications and freeware services. Mega comes in very handy when working on the game assets collaboratively, while GitHub handles the code part and stores the final assets. Art contributions can be made as well in our deviantArt group. Drop by our Discord chat and be a part of the community! Blender is being used for creating most of the assets, such as combat locations, creatures and their own animations, which are rendered into sprites that are usually made into sprite-sheets using our Spritify add-on, as well as for many other tasks. Krita, Gimp and MyPaint are useful for concept art, while Inkscape is useful for creating the vector creature ability icons.

Outliers GUI Level Editor

  •    CSharp

This is the GUI Level Editor source for the open source Outliers Windows Phone 7 C# and XNA game project also available on CodePlex via: outliers.codeplex.com

MBTileParser - MBTileParser is a game engine written using pure UIKit in the days before SpriteKit.

  •    Objective-C

Look Ma, a game engine! Running on UIKit! MBTileParser is a small game engine that supports loading TMX files and TexturePacker files directly into UIKit. I've uploaded a demo video to YouTube.

gulp-svg-sprites - Create SVG sprites or compile to <symbols>

  •    Javascript

Install it locally to your project. Windows note: Using Version < 4.0.0, make sure you also have all prerequisites for node-gyp.


slate - Pixel Art Editor

  •    C++

Slate was built for pixel art, and its goal is to simplify the creation of sprites and tilesets by offering a user-friendly, customisable interface. See the releases page for the available downloads.

gl-sprite-batch - a high level "sprite" batch

  •    Javascript

This is a high level 2D sprite (i.e. textured quad) batcher, ideal for optimized rendering of text glyphs, particles, sprites, rectangles/lines, icons, etc. It tries to push as many sprites into the same draw call as possible, until the capacity is reached or the texture changes. This allows it to take advantage of texture atlases for minimal draw calls.Note that shape and texture are not actual vertex attributes, although they may affect each sprite.

CaptionWebsite - Website for Caption app.

  •    HTML

Find the right subtitles. Easy.Every folder within assets/sprites will be converted into a sprite package. This will result in an SCSS and image file. The SCSS file will end up in the project folder with the same location as the images. So assets/sprites/mainpage/*.png will generate an SCSS file at assets/sprites/mainpage.scss. That way you can include it in your main SCSS file and everything will work.

node-sprite - A CSS Sprite Generation Library with Stylus and Retina Support.

  •    CoffeeScript

node-sprite uses ImageMagick for its graphics operations. So make sure you have the convert and identify command available in your envirnoment. There are three exported functions: sprite, sprites and stylus. The following examples show how to use them.

video-thumbnail-generator - :camera: Generate thumbnail sprites from videos.

  •    Python

Generate thumbnail sprites from videos. Almost all video players enhances user's seekbar navigation by providing a thumbnail preview of the moments where the user want to seek, so generate this sprites shouldn't be hard. This is a python script that, given a video, generates a thumbnail sprite image from it.

flag-sprites - Country flags in LESS sprite

  •    CSS

CSS Sprites - a method to optimize page loads by combining a large number of small images into one. The method of extremely relevant with the active use of country flags - with all the flags on one page, then load it, the browser will need to make only two server requests instead of 247. Flag icons come from FamFamFam, and callable following the ISO 3166-1 alpha-2 country codes.

svg-spritemap-webpack-plugin - SVG spritemap plugin for webpack

  •    Javascript

This webpack plugin generates a single SVG spritemap containing multiple <symbol> elements from all .svg files in a directory. In addition, it can optimize the output and can also generate a stylesheet containing the sprites to be used directly from CSS. Chris Coyier has a good write-up about the why's and how's of this technique on CSS Tricks. Use it in combination with the svg4everybody package to easily and correctly load SVGs from the spritemap in all browsers. Compatibility Version ^2.0.0 of this plugin is compatible with webpack ^4.0.0. When using an older version of webpack, make sure to install the ^1.0.0 (svg-spritemap-webpack-plugin@^1.0.0) release of this plugin.

grunt-glue-nu - Create sprites automatically with Glue, but the grunt way!

  •    Javascript

This Grunt plugin wraps and enhances the Glue command line spriting tool. It's built as a Grunt multiTask that supports extensible task and target-specific options, multiple source locations per target, globbing and so on. Every task target results in one sprite 'bundle', consisting of the sprite sheet PNG image and a style sheet. All of Glue's command line options are supported through the options, adding some sensible defaults in order to minimize the need for configuration.

angular-rpg - RPG game built with Typescript, Angular, ngrx/store and rxjs

  •    TypeScript

After you have installed all dependencies you can now run the app. Run npm run server to start a local server using webpack-dev-server which will watch, build (in-memory), and reload for you. The port will be displayed to you as http://0.0.0.0:3000 (or if you prefer IPv6, if you're using express server, then it's http://[::1]:3000/). angular-rpg is an open source project sponsored by JetBrains.

vic - High performance video graphic library for embedded systems

  •    C++

VIC is not meant to be a full bloated window manager, widgets, dialogs, theme rendering framework. If you need an advanced windowed GUI, there are many other cool libraries around, like µC/GUI, StWin etc. Basicly every display needs a driver. But unlike as in many other designs, the driver is the highest class of which the head (display) is instanciated. A graphic driver only needs to implement drv_pixel_set_color and drv_pixel_get functions. But most modern display controllers can provide more sophisticated functions for native line/box rendering, block moving etc. If a controller can provide such special functions, the according function is implemented in the driver by simply overriding the virtual function of the gpr base class. All graphic functions which the controller/driver can't provide natively are handled by the gpr. Of cource, native rendering on a specialized LCD controller is always faster and should be prefered.

cefet-games-goomba - Goomba transdimensional, acabou parando em outro universo

  •    Java

Desenhar o cenário como duas texturas (Texture), uma em cima da outra, carregando map-level-1.png e map-level-2.png (dentro do método void create()) e mandando desenhar (dentro do render()) na posição (0, 0) - canto inferior esquerdo. Nota: tipicamente, um cenário em um jogo bidimensional é formado por um grid de tiles, como no RPG Maker/Boss. Contudo, neste exercício, vamos simplesmente desenhar uma imagem "inteira" em cima da outra.