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
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
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: