Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.
canvas graphic graphics svg node-canvas parser html5 object-model visualization data-visualization charts charting-libraryA few of my bookmarks related to game development and realtime graphics programming.This will download all PDFs and power-point slides into a folder called resources.
graphic blogs list link awesome resources resource tutorial tutorials guide guides opengl webgl glsl hlsl dx10 game programming graphics gfx##Mothballed I will no longer be maintaining this repo or the official KineticJS website because I have moved onto other ventures and projects. The latest version of KineticJS, 5.1.0, is very solid and can still be used in production applications. Please feel free to fork the repo if you'd like to make changes. Support of NodeJS is experimental.
canvas animations graphic html5ClayGL is a WebGL graphic library for building scalable Web3D applications. It's easy to use, configurable for high-quality graphics. Benefit from the modularity and tree shaking, it can be scaled down to 22k(gzipped) for a basic 3D application.
webgl gltf visualization 3d graphicKonva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more. You can draw things onto the stage, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.
konva shape node-canvas canvas animation drag-and-drop graphics animations graphic html5SpriteJS is a cross-platform lightweight 2D render object model. Manipulate the sprites in canvas as you do with the DOM elements.
spritejs canvas animation graphics rendering renderer rendering-2d-graphics canvas-game canvas-animation svg-path vue react svg sprite graphic path d3 node-canvas parser html5 object-modelScene.js is a JavaScript & CSS timeline-based animation library. It supports two plays Javascript and CSS animation. It provides effect presets that can give animation effects or make animation easier.
css3 animation css3-animation javascript-animation-library angular vue react motion graphic scenejs scene javascript-animation preactNote Cairo graphics is required to run node-easel && node-canvas. Read the install docs at https://github.com/LearnBoost/node-canvas, for full install instructions.To see a full working demo, checkout the examples folder.
canvas graphic graphics vector image drawing images easelHere is a simple example. Look in index.js for more documentation. Then try reinstalling this module. For further information, see this thread.
svg render renders rendering graphic graphics image images librsvg cairoA responsive image workflow for optimizing and resizing your images. The output images should be visually indistinguishable from those output by Photoshop’s Save for Web…, but with (much) smaller average file sizes.
advpng build compress compression gifsicle graphic graphicsmagick grunt gruntjs gruntplugin image imagemagick imageoptim images img jpegmini jpegoptim jpegtran minify optimization optimize optipng phantom phantomjs picturefill png pngcrush pngout rasterise rasterize respimg responsive responsivedesign rwd srcset svg vectorThis is the source code for the free online book Programming Design Systems. It is built using Magic Book. Here's a running list of people who submitted edits.
graphic design programming creative coding creative-commonsA PDF reader for Node. Based on PDF.JS. You need to have node and build tools installed.
canvas graphic graphics pdfTip: the load-grunt-tasks module makes it easier to load multiple grunt tasks. At the time of writing, none of the other grunt plugins offered the scaling capability. Bear in mind this is just a grunt wrapper on top of svg2png. It works particulary well combined with SassyIcons. Since there are already a bunch of other similar modules and to prevent names conflict it is not published on npm.
gruntplugin svg png vector graphic image
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.