background preloader

Public Domain Art & Code

Public Domain Art & Code
Art & Code from the Game Released into Public Domain The collaborative, web-based, massively multiplayer game Glitch began its initial private testing in 2009, opened to the public in 2010, and was shut down in 2012. It was played by more than 150,000 people and was widely hailed for its original and highly creative visual style. The entire library of art assets from the game, has been made freely available, dedicated to the public domain. Tiny Speck, Inc., the game’s developer, has relinquished its ownership of copyright over these 10,000+ assets in the hopes that they help others in their creative endeavours and build on Glitch’s legacy of simple fun, creativity and an appreciation for the preposterous. About Glitch Glitch was a labor of love, created by a passionate and diverse team filled with wonderful talents. Unfortunately, the game was not commercially viable. About Tiny Speck That service is called Slack. Licensing Details Related:  GamingPublic Domainsresourses

SVG animation: Rotating elements A few days ago, I wrote about creating a rotating 3D SVG cube, which involves using EMCAScript to redraw every line. However, simple two-dimensional transformations can be animated in SVGs with much less hassle using <animateTransform>. For example: The code for this animated square is The important points to note are: The <animateTransform> element is a child of the <rect> element.The type is "rotate" (could also be "translate", "scale", "skewX" or "skewY").The from and to are in the form "n1 n2 n3".The rotation starts from 0 degrees to 360 degrees (the n1 values).The centre of rotation is at (n2, n3).The dur is "4s", meaning a full rotation takes 4 second.The repeatCount is "indefinite", but can be a number, even a decimal.There are also begin and end attributes to determine when to start and stop the animation. In order to rotate an element about it's centre, you first need to know its centre. This function should be added within the SVG itself in the following <script> element:

Public Domain Collections: Free to Share & Reuse That means everyone has the freedom to enjoy and reuse these materials in almost limitless ways. The Library now makes it possible to download such items in the highest resolution available directly from the Digital Collections website. Search Digital Collections No permission required. Below you'll find tools, projects, and explorations designed to inspire your own creations—go forth and reuse! Visualize the Public Domain An experiment by NYPL Labs to help patrons understand and explore what is contained in this release. Discover the Collections Learn more about our public domain release. Apply for the Remix Residency To promote transformative, interesting, and creative new uses of our Digital Collections and data, NYPL is now accepting applications for a Remix Residency program. Use Our Data and Utilities Our digitized collections are available as machine-readable data: over one million records for you to search, crawl and compute. Navigating the Green Books

Use Flash for print | Computer Arts Loving Flash for what it can do online isn't hard. But it's less well known for being a potentially killer application for print and graphic design, too. If you're a regular Illustrator user, you may well have wondered if there's any way to set your design to automate, so you can place a random spread of elements on a page, arrange them in a line or create curves and fills automatically. Illustrator includes Visual Basic and JavaScript, which can do these things, but they're not the simplest of environments to work in, and they're not designed for people who think in graphical terms. But there's a problem. So here I'll show you how to get around those limitations and create importable graphics files with a script. Click here to download the tutorial for free

PlayOnLoop - Royalty-free Music Loops for Download Quintus JavaScript HTML5 Game Engine a platfomer in ~80 lines of code, you can edit the code on the left. Click to focus, arrow keys to move. more A breakdown of the example is below. Create an HTML file, pull in the Quintus library and setup the engine. <html><head><script src=' var Q = Quintus() .include("Sprites, Scenes, Input, 2D, Touch, UI") .setup() .controls() .touch(); </script></body></html> Quintus supports an event-based, hybrid Object-Oriented and Component-based approach, allowing for both a standard inheritance model with support for reusable components. Quintus let's you easily create reusable scenes that can be swapped in and out by loading them onto stages. Quintus features easy asset loading, sprite sheet generation.

Digital Collections and Services: Access to print, pictorial and audio-visual collections and other digital services Historic Newspapers Enhanced access to America's historic newspapers through the Chronicling America project. Historic Sound Recordings The National Jukebox features over 10,000 78rpm disc sides issued by the Victor Talking Machine Co. between 1900 and 1925. Performing Arts Collections, articles and special presentations on music, theater and dance materials from the Performing Arts Encyclopedia. Prints and Photographs Catalog of about half of the Library's pictorial holdings with over 1 million digital images. Veterans History Project Experience first-person stories of wartime service through personal artifacts, audio and video interviews.

Create an animated background in Flash | netmag We web designers and developers are constantly on the lookout for animated effects that will help add visual punch to our work. If you’re creating a standalone microsite or a promotional area for a site, it can sometimes be hard to conjure up a design and animated treatment that sits well with the offer. Particularly if you’ve been supplied with very few assets, have no time and are scratching your head about what to deliver by the end of the day. That’s why I love looping animated backgrounds. Done correctly, they can be a fun and an entertaining way of brightening up an otherwise dull page. A looping animated background should, of course, be used with caution. If the effect is more subtle, however, it will work to hook your visitors and steer them toward your messaging. 1. Open partial_tutorial from the tutorial files. 2. Hit Ctrl and L to bring up the Flash library. 3. Create a new layer and name it clouds. 4. 5. Hit F8 again to convert this to the movie clip we’ll animate. 6. 7. 8.

A programmer's guide to creating art for your game One man game development studios are becoming more and more common these days and plenty of them are having success. That said, what do you do when that one man doesn't happen to be an artist? This post looks at some of the options the Indie game developer has for creating or acquiring art for their game. Pixel Art Big chunky pixels that look like they jumped out of the 1980s are becoming more and more common and there is a good reason for it. Pixel Art Example: Realm of the Mad God Realm of the Mad God is probably one of the most successful pixel art titles. If I am honest, far too many Indie titles are pixel art based… because it is probably the most accessible art style. Pixel Art Tools At the end of the day, any image manipulation tool that supports a "fat grid" can be used. Additionally a number of Pixel Art focused tools have been developed over the years as well. Pyxel Edit -- in beta, written in Air aseprite -- Allegro Sprite Editor. PD Pro -- commercial software. Tutorials Voxels Rez

Crafty - How Crafty Works Crafty is a JavaScript game library that can help you create games in a structured way Key Features: Entities & Components - A clean and decoupled way to organize game elements. No inheritance needed! Canvas or DOM - Choose the technology to render your entities; it will look exactly the same. Eventbinding - Event system for custom events that can be triggered whenever, whatever and bound just as easily. Other Goodies: Thriving community - Help is readily available in the forum. Entities are the basic building blocks in Crafty. Crafty.e("2D, DOM, Twoway").twoway(3); This creates an entity that is positioned in the 2D world, is drawn to the stage using DOM elements and can be moved left and right using the arrow keys at a speed of 3 pixls pr frame. A component is a reusable piece of functionality that can be added to one or more entities. I also changed the size of the entity and gave it a color so you can see it. Entities can react to events that occur in the game. And the result

New York Public Library Puts 20,000 Hi-Res Maps Online & Makes Them Free to Download and Use When I was a kid, my father brought home from I know not where an enormous collection of National Geographic magazines spanning the years 1917 to 1985. I found, tucked in almost every issue, one of the magazine’s gorgeous maps—of the Moon, St. Petersburg, the Himalayas, Eastern Europe’s ever-shifting boundaries. I became a cartography enthusiast and geographical sponge, poring over them for years just for the sheer enjoyment of it, a pleasure that remains with me today. Whether you’re like me and simply love the imaginative exercise of tracing a map’s lines and contours and absorbing information, or you love to do that and you get paid for it, you’ll find innumerable ways to spend your time on the new Open Access Maps project at the New York Public Library. The NYPL announces the release with the explanation below: The Lionel Pincus & Princess Firyal Map Division is very proud to announce the release of more than 20,000 cartographic works as high resolution downloads. Related Content: