Really like this – perfect for what I wanted – but I cannot find the code to slow the animation down – the globe is spinning too fast for what I need, how can I slow this?
Hi there, this is frame-based animation, so the only way to slow it down is to make lower FPS (frames per second) in Edge. But there’s drawback – the animation won’t be as smooth as desired. I’m working on the other globe with speed controlled. Will let you know when it’s ready.
Please send me your email to firstname.lastname@example.org
Thanks – email email@example.com
Hi there, just updated this item to include the globe with controllable speed (look for the Flat globe). Have a good day!
Can the 3D version support clickable regions? I want to use this as a navigation tool – basically plotting City points on the globe that, once clicked, display pop-up pages of information about the City.
Is this achievable?
Hi there, currently there’s no such feature for the 3D globe.
Before I purchase, Can I Have 2 colors for different regions/country. for instance Sweden (Green) and Middle east (Blue) at the globe?
Hi, there’s no such option unfortunately.
How About Editing the SVG Image and Put the colors on the Countries I Desire? Would that works?
There might be such posibility for the Flat globes. Are you willing to pay for that customization? How much regions would you like to distinguish?
Flat globe is okay,I would like to have the Whole “Middle East” in one color and “Sweden” in different Color. The rest stay blank. Yes I’m willing to Pay if it’s fair amount.
Hi again, is 50 USD ok?
Hello, i wanted to add this to my site. but i cannot change the place it gets everytime to the header it doesn’t matter where i put the code.
Can you help me?
Hi there, please download the help files with embedded globe here: https://dl.dropboxusercontent.com/u/145862/envato/help/_embedding.zip
Thank You! It worked
Hi. Is there any option to scale down the globe because the svg is more than 1MB and I use it in the frontpage of my site and it slows it down.
Hi there, you may scale it down (inside Edge Animate) and additionally you may use compressed SVG (.svgz) to make filesize smaller – there’s instruction for this matter: http://dsgnblvd.com/envato/edge-animate-svg-globes-pack/2-documentation/readme.html#gzip
By scaling it down inside Edge Animate, you don’t trim the size. Only the displayed size changes. How about telling us what we have to do to change the original SVGs size? Only this, with addition of the gzip compression will solve the problem. Bigger load times -> Lower Page Ranks
I suggest you to use gzip. The SVG size can’t be downsampled as it is vector format.
Adobe Illustrator maybe?
Unfortunately no. Also you may consider using Flat version of this globe.
Hi, anyway to export as mov, or any video type with out a background? A GIF could also work.
Hi there, please have a look at these video files: http://videohive.net/user/cesgra/portfolio (.mov without background)
Hi, I was able to convert get a mov from the svg file I purchased. Converted the svg to PSD and made it into a timeline. Took me a while, but I got it. Next time I’ll make sure to check the file type. Thank you!
Hi, good news. Have you used SVG sprite from 3D-like globe?
Hey cesgra, thanks for the nice animation. I looked at the info for slowing down the animation for the flat version but I couldn’t figure out how to slow down, or add time to the 3d version and the Edge Animate interface seems to have changed quite a bit since the instructions were made. I am using version 2014.1.1
I realize this may be more of an Edge How-To question but the videos and tutorials I have looked at don’t seem to be working for me in this project.
Any updated pointers you can give us for the 3d version?
Hi there, animation in 3d version is keyframe based. If you want to make loop longer, you have to reposition all the 90 frames manually inside the Edge. Be aware that the outcome might not be smooth animation. For example, if you will make it 2 times longer, the final FPS would be 15 frames per second.
i have a problem with my animation under Safari for Mac OS and IOS.
In fact, my globe is pixilated when I increase the size of my Earth Globe, 3D or Flat it’s the same thing.
Thank you for your reply.
Hi there, can you please send me screenshot of the issue to: firstname.lastname@example.org I’ll have a look
Why is the globe automatically centered? Can you please tell me how to move the whole container to the left?
And is there a way to allow the globe to resize? SVG files are supposed to be re-sizable but I can’t figure out how to do that.
@cesgra – Any updates? I simply want to know how to make the map resize.
Let me explain this in more details:
1) I have your Spinning Earth SVG, FLAT.
2) I am using LayerSlider.
I have the Spinning Earth added as a slide to my LayerSlider.
This is how it looks on normal resolution:
When I resize or use a different resolution, the image does not resize:
Can you please tell me how to get the SVG file to resize?
Hi there. The simpliest way to resize these globes is by using Adobe Edge Animate soft.
@cesgra – That is not what I am asking. I already know how to resize in Adobe Animate. I am asking how to have the SVG resize when used in HTML. Your viewport and viewBox are not functioning properly.
I am asking for your help on how to have the image resize based off the container it is in…
What do you mean vieport/viewbox are not functioning? Could you mail me link to working website and i’ll have a look. PM > email@example.com
Sorry for very late reply. I do not have Adobe Animate (Edge) since they have stopped supporting it and I don’t have CC. I am unable to resize the SVG manually.
Could you please send me a re-sized one that is approximately 275px X 275px ? I am very sorry for asking this favor. My e-mail is firstname.lastname@example.org
Thank you so much cesgra.
Never mind, I was able to find a trial of Edge Animate and fixed it myself. Great job cesgra! Thanks again.
Glad to hear that
Hello, I bought your beautiful animation, but since I work on Ubuntu is a problem for me to change the size of the globe, in fact I can not install Adobe Edge Animate …
Could you please put online a couple of versions of the file “globe_30fps_edge.js” to get the earth large 400px / 600px?
Many thanks in advance
Sent via email
I bought this, but it doesn’t spin on my friends HTC Desire 610… Help?
Hi there. What Android version does it have? 4.4.2 (KitKat)?
1. Can your spinning globe be inserted/viewed into both an HTML and WordPress based site? If, with Wordpress, be substituted for logo image assigned by WP within admin panel?
2. Is it possible to display a stationary or turning with globe, smaller image, of say a car, inside the 3D spinning globe?
3. Is it possible to add a one line text banner, with drop shadow, to outside of globe that would rotate or stay stationary, i.e., “website.com” or a short slogan?
Could the color be changed to black and red?
Yes. It can be changed in SVG code.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Why buy with Envato
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
Unlimited graphic downloads & digital courses. Only $29/month
22,000+ templates & 1,000+ courses
Learn almost anything with
Envato Tuts+ for free
9000 free tutorials, 3000 paid courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work