Tutorials. Create Zoomable Images Using The Google Maps API | Mike Gleason jr's Blog. I visited the Google+ Project website the other day and to my surprise, it was powered by the Google Maps engine! It is somewhat creative to re-use the Maps engine for any purpose other than mapping. It is just beautiful. It also reminds me of the Art Project I've seen a while back that uses the Street View engine. A must see. Anyways, I'm pleased to show you two samples today: they both let you navigate into an image using the Google Maps engine. I'm also giving up the necessary tools to do it yourself. Table of Contents Introduction Hi, I've decided today to create small Google Maps samples that lets you zoom in and out of two pictures. Sample #1 - Earth Yes! Let's look at a more simple example this time: Sample #2 - Lara Croft Possible Applications The two samples are pretty cool but aren't very useful as they are. How it works If you're not a Google Maps API guru, you may find the recommended reading section of this article quite useful.
Technically, this is pretty simple. Credits Conclusion. Throw Objects by Creating a PanAndThrow Class. In this tutorial we will be mocking up and finishing a pan and throw class that will allow us to add this effect to any element we want. To accomplish this, we will create a image viewer - but not your average viewer. Here we'll have zooming, throwing, panning.. Almost sounds like a ninja app, huh? Step 1: Introduction The Pan and Throw Class will allow you to add the pan and throw functionality to any ActionScript object you want. Although this tutorial is specifically for Flex, the class itself can be used anywhere ActionScript is. I had seen this effect on several websites, then in Photoshop CS4 and decided that I wanted this on my projects too. There are many applications for this effect; the one that we are going to be using for this tutorial is an image viewer that lets you zoom in and out of am image and change the friction that the throw effect uses.
Step 2: Our MXML Since this isn't the major portion of the tutorial I am not going to spend much time here. Quick Note Conclusion. How To Zoom In on a Point in an Image and Pan in AS3 Flash. In this How-To we show how to accomplish a common but not entirely straightforward task of zooming in on a specific point of an image (or any other DisplayObject) and how to pan an image. We use the AS3 MatrixTransformer class from fl.motion package. We also show how to coordinate simultaneous mouse and keyboard interactions. Click the screen shot below to open the example in a new window: Download Download all source files corresponding to this effect: zoom.zip The main tool that we use to accomplish zooming on a specific point is the MatrixTransformer class in fl.motion package.
Comments The MatrixTransformer class does not include a method specifically for zooming on a point, which we should technically describe as rescaling with a specified anchor point. MatrixTransformer.matchInternalPointWithExternal(matrix, internalpoint, externalpoint) We take advantage of this with the following logic. Code We first import the MatrixTransformer class. import fl.motion.MatrixTransformer; board.x=90; Examples - SWFTools. Available downloads Stable SWFTools 0.9.2 Stable - Source Code for Linux and Windows SWFTools 0.9.1 Stable - Source Code for Linux and Windows SWFTools 0.9.0 Stable - Windows Binary Development SWFTools 2013-04-09-1007 - Source Code for Linux SWFTools 2013-04-09-1007 - Windows Binary Git git clone - Main GIT Repository - Main GIT Repository Clone ( with ViewGit file browser ) - GIT Repository Clone ( Maintainer: Ricardo Pedroso ) Installation guides Installation - How To Mailing List swftools-common is a user self-managed, friendly, low volume mailing list.
Subscribe/unSubscribe here! A lot of useful information may gleaned from the fully searchable mailing list archives. Swftools-common Archive SWFTools Website SWFTools Website SWF Tools 0.9.2 ( Current Stable Version ) Documentation as3compile - a standalone ActionScript 3.0 compiler Usage: . [switches] font2swf - Font file (TTF, Type1) conversiom to SWF Usage: . Stuck in a for loop | *