Best of Edge Animate #2

Hi everyone,
Edgehero made a weekly article about the best projects made by Edge Animate.
http://www.edgehero.com/articles/best-of-edge-animate-2
We really need your help with finding new projects!
Please suggest projects or submit your own!

Looks good - should have the 'examples' open to a new open. At the moment, when clicked, 'they take over' Edge Heros' site.
Darrell

Similar Messages

Best of Edge Animate

Hi everyone,
Edgehero made a weekly article about the best projects made by Edge Animate.
http://www.edgehero.com/articles/best-of-edge-animate-1
Want to be featured next week? Contact us with your project!

Looks good - should have the 'examples' open to a new open. At the moment, when clicked, 'they take over' Edge Heros' site.
Darrell

Edge Animate - für CMS exportieren und einbetten?

Hallo!
Ich habe noch eine Frage, die jetzt in der Praxis aufkam.
Mit Adobe Muse ist es kein Problem eine OAM-Datei einzubauen in die Webseite.
Doch wenn ich die HTML Datei mit den JS-Dateien in ein CMS einbauen möchte, frage ich mich, wie ich dies am Effektivsten mache.
In der Regel arbeite ich mit Joomla, doch das dürfte ja sekundär sein, da die CMS recht ähnlich in Bedienung und Aufbau sind.
Muss ich dies über iframe machen, oder gibt es eine elegantere Lösung, die leicht zu handeln ist?
Lieben Dank
Stephan

Hallo Stephan,
vielleicht ist ein iFrame das beste. Edge Animate Animationen benötigen eine ganze Reihe von Dateien und sind daher nicht so einfach in ein CMS zu laden.
Unter http://2glux.com/forum/jumi/use-adobe-edge-joomla-t1049.html findest du eine recht alte Anleitung, wie man es vielleicht mit der Jumi Extension schaffen könnte, aber ob das aktuell noch geht und wie viel Arbeit es ist, kann ich nicht abschätzen.
Viele Grüße
Sven

Best of Edge, Lot of new projects this week

Alot of new cool projects this week in Best of Edge Animate
check it out
http://www.edgehero.com/articles/best-of-edge-animate-3

Make sure you update iTunes first.

The best way to import video in Edge Animate project?

What is the best way to add video and audio in Edge ANimate project?
Thanks
Ares

Hi,
Can you check out the answers on this forum thread, and let us know if it helped you?
Can I import video into Edge? (http://forums.adobe.com/message/4352262)
Thanks,
Preran

Best workflow from InDesign to Edge Animate for DPS

I'm working on a DPS project and want to take an article that I designed in InDesign, and bring it into Edge Animate to animate.
What's the best way to do that?

There is no good way to do that but without seeing the layout it's pretty much impossible to give you any advice at all. BTW, The Edge and DPS forums would be way better places to post this.
Bob

Is Edge Animate the best Adobe program for creating app demos?

I would like to create an animated demo (video?) that shows a mobile app UX as if someone is interacting with it...(ie. fly-out menus, zooming, scrolling, etc.) It is not meant to be interactive but rather just observed by the audience. I plan to include these in my online portfolio but I am not sure which Adobe app would best accomplish this. Is Edge Animate the best option for me?
Here is a great example of what i am trying to achieve...
Behance

When you say "App demos", are you referring to software applications? If so, Adobe Captivate is something to consider.
Cheers... Rick

What is the best way to manage file structure in an Edge Animate project

I started an Edge Animate project, but halfway through I realized that one of the folders I created was misspelled. In Windows Explorer, I renamed the folder, but that caused the Edge Animate project keep crashing. Is there a way to manage/edit the file structure of a project within Edge Animate? If not, is it possible to make alterations to the project's file structure in Windows Explorer without causing errors in Edge Animate?
Thanks,
Paul

Does anyone have any comments or know of any possible solutions for this?

What are Edge Animate best practices?

I am almost done creating an animation. It has about 6 minutes of audio with animations timed to it. The more I develop, the slower the Edge program is to manipulate to the point of being unusable. I can 't select and drag to shorten/lengthen animations. Elements that were at one time set to off turn back on and code that used to work no longer does. This is my first time using Edge and I'm wondering if there is something I could have done to avoid this situation. I copied Illustrator images into Edge so I have a lot of svg files. The project is one long timeline (to correspond to timing with the audio) with many, many layers. Should I have broken the audio into small sections and created many individual symbols and placed them sequentially? Should I use png files instead of svg files? When I needed to reuse images I made them into a symbol - should I make sure their timelines aren't playing perpetually? There must be something that is bogging this program down because if I create a new program it works fine. Any input/insight/suggestions are greatly appreciated.

Hi there,
symbols
I always turn off the timelines and play them in code when needed. Of course sometimes you have loops in symbols so this would not apply to these.
audio
I try to split the sound files but I am not sure it makes a difference
Edge Animate version
Unless I have absolutely no need of jquery, I do not use the current version any more because it is too buggy in my opinion. 2014.0.1 is stable and has few bugs.
svg versus png
It depends on what you need - I have used both separated and together in comps. I rarelly have problems with them.
I think the size of images in general would tend to cause problems if you have lots of them and they are big. I was told there is no limit but I am not so sure about it.
These are only my opinions and Adobe or other users might differ.

How do I pass a variable from edge animate to an external JS?

I need to pass a variable value from Edge Animate to an external JS file. How can I do it?

Not sure if this is the best way ,but works
Set the variable as a property of a global variable
Like
SET
window.myVar = 'your value';
AdobeEdge.myVar = 'your value';
Read
window.myVar
AdobeEdge.myVar

How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. Do I use .png or svg?

I want to use Edge Animate to create native app in PhoneGap Build. How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. And do I use .png or svg?

If you use responsive scaling it will definitely scale .
For best practises regarding graphics refer
Edge Animate Help | Best practices for graphics in Adobe Edge Animate

How do i actually view Edge animate content at 100% on a connected device??

Hey,
I'm working on a mobile mockup in Edge Animate, the resolution is 1280px high x 720px wide. I am previewing the output on a HTC One X via Edge Inspect.
It is working fine (once I figured out how to use the reponsive layouts feature in Edge Animate) but the android status bar and the 'dock' menu within Inspect are squashing my comp vertically so the preview is not in fact 100% scale... my 1280px high comp is now squashed to 1134px. Doesn't exactly give an accurate view of the final product...
It seems to me that the 'Show full screen on devices' is a bit misleading, or is it just how android handles this?
Any help much appreciated.
lance

Hi Lance,
I'm not entirely clear on what you're seeing, could you possibly take a screenshot and post it here if I've misunderstood what you're describing? Thanks, meanwhile, I'll do the best I can to help.
There are two things that may prevent your mockup from taking up the entire screen on Android. There is the Android status bar and our Edge Inspect UI chrome that shows the URL and a couple of buttons. The Edge Inspect chrome you should be able to easily remove by choosing the full screen button within the Chrome extension. "Show full screen on devices" may be a bit misleading it's true, because when you click that we don't also hide the Android status bar. That is however, by design, since that status bar will remain visible on devices while your page is being shown in the native browser on the device, so we're giving you an accurate representation of your page.
Hope this helps,
Mark

How do you add Edge Animate to HTML Module using DotNetNuke (DNN)?

First off I'm new to the whole web design/coding/html/css/jquery/etc., and the program Edge Animate is amazing!
I have a site up using DNN and wanted to put what I created on Animate onto one of the pages. I added an HTML module and that's where I'm stuck.
I do not know where to get the complete code so it works, and I do not know where to upload the Animate files. When it comes to creating the thing, I can manage (by reading ALOT), but when it comes to implamenting I am just stumped.
Any idea?
If you need more specific info just give the word, and I'll try my best.
Thanks,
Moses G.

There are four basic steps needed to embed an Edge Animate composition into an existing page:
Publish from Edge Animate. (This creates the necessary files to run the animation. Also, the code referenced in Step 2 and 3 below will be included in the .html file that Animate creates inside the publish/web folder, which you can just copy/paste.)
Add a <div> to the page that has the ID of Stage and the correct class name for your stage (i.e. the "Composition ID" for your project in Animate).
For example:
<div id="Stage" class="EDGE-1655086"></div>
Include the Preload .js file and the default style in your page's header, within Edge Runtime HTML comments.
For example:

<script type="text/javascript" charset="utf-8" src="test-1655086_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-1655086 { display:none; }
</style>

Make sure to upload all of the include files to your server in the appropriate relative locations. This includes the _edge.js files, _edgeActions.js file, _edgePreload.js file, the edge_includes folder and its contents, any other files/folders created inside the "publish/web" folder when you publish from Edge Animate (e.g. "images" folder, etc.).
Here is a very simple example that will hopefully help to clarify:
http://thetraininggrounds.com/An-test/Insert-An-into-existing-page.html
As a reference, these are all of the files involved in the example:
An-test/Insert-An-into-existing-page.html (the existing HTML page)
An-test/ball-bouncing-banner_edge.js
An-test/ball-bouncing-banner_edgeActions.js
An-test/ball-bouncing-banner_edgePreload.js
An-test/edge_includes/edge.1.0.0.min.js
An-test/edge_includes/jquery.easing.1.3.js
An-test/edge_includes/jquery-1.7.1.min.js
An-test/edge_includes/json2_min.js
Thanks
Harshit yadav

Lesson for Adobe Edge Animate

Hello Everyone.
OK. Have been doing Edge Lesson's for quite nearly a year now, and wanted to share them with the community.
If you have any request or questions, please feel free to post them to the video links below, or in here, and I will
Try my best to assist you any way that I can.
Edge Animate has really come a long ways, and with the new CC, it has taken on a life of its own.
Look forward to what the future may bring with this awesome Adobe program release.
Wayne Barron
Dark Effects Production
Adding sound to Mouseover event in Adobe Edge Animate
3:42
1
Adobe Edge Animate - Add Sound in Mouseover Event
by darkeffectstv 1,987 viewsIn this video, we will learn how to add sound to a buttons Mouseover event in Adobe Edge Animate.…
Learning how to add sound to Adobe Edge Animate
7:08
2
Adobe Edge Animate Adding Sound to Project
by darkeffectstv 5,031 viewsAdobe Edge Animate Adding Sound to Project…
Remake, as the cursor was not in the last videos.
4:10
3
Adobe Edge Animate - Mirror Text Effects with Wipe On Text (Lesson 3) (Remake)
by darkeffectstv 447 viewsRemake with "Cursor" this time…
Remake, with Cursor
3:49
4
Adobe Edge Animate - Load Background Image (Lesson 3) (remake)
by darkeffectstv 1,050 viewsremake with Cursor, as Cursor was not int he original one.…
2:00
5
Adobe Edge Animate Starting Symbol at certain location
by darkeffectstv 245 viewsIn this quick tip.
We are going to stop a symbol from playing.…
6:53
6
Adobe Edge Animate Animate Logo to show and hide words
by darkeffectstv 418 viewsIn this lesson, we are going to learn how to take an Image (Like a LOGO for a company) and animate it on the screen, and show and hide words.…
5:44
7
Adobe Edge Animate Publish Files and JS Folder
by darkeffectstv 758 viewsIn this lesson, we will guide you through the ins and outs of publishing your site from Adobe Edge Animate, to a web server.…
6:19
8
Adobe Edge Animate Create a Pen and write a Line
by darkeffectstv 527 viewsIn this lesson, we are going to create a Pen, then write 2 lines.
This can be used in so many different projects, that it is endless.…
2:34
9
Adobe Edge Animate Rollover Button
by darkeffectstv 2,195 viewsIn this lesson, I will show you how to code a Rollover Button.
This is a very simple and easy way to create a Rollover Button, with very little effort.…
4:06
10
Adobe Edge Animate show Grid to fine tune your Animation
by darkeffectstv 77 viewsHave a lot of Animation in your project?
In this lesson, we are going to show you how to fine tune your animation down to the 30th of a second…
16:49
11
Adobe Edge Animate Create a Menu
by darkeffectstv 4,993 viewsIn this lesson, we are going to be creating an animated interactive menu, that is sure to grab your users attention.…
12:30
12
Adobe Edge Animate Menu Slide Down
by darkeffectstv 1,175 viewsIn this lesson, we are going to showing you how to create a Sliding Down Menu.
This was really big a few years ago, a lot of sites had these types of menus…
9:45
13
Adobe Edge Animate Menu Slide In from Left
by darkeffectstv 358 viewsIn this lesson, we are going to be creating a cool little menu that will slide in from the left.
I have never seen one like this before, and thought that I would create one, to see if it would work good,…
4:29
14
Adobe Edge Animate Pin and Timeline Indicator
by darkeffectstv 153 viewsIn this lesson, we are going to go over some basics on how to use the Pin and the timeline indicator. This will come in handy, if you have a big project and you wonder what happened, if something messes up …
16:43
15
Adobe Edge Animate Menu Button Header Footer
by darkeffectstv 905 viewsIn this lesson, we are going to be creating a Menu Button, with a Header and Footer.
This is a cool looking button, that will come in handy for some sites.…
12:56
16
Adobe Edge Animate - Shot Bullet from Gun and hit Wall
by darkeffectstv 110 viewsIn this lesson, we are going to be creating a gun, a bullet, a wall.
We are then going to shot the bullet, out of the gun, and destroy the wall.…
7:44
17
Adobe Edge Animate Menu Rollover Buttons
by darkeffectstv 1,047 viewsIn this lesson we are going to create some Rollover Menu Buttons.…
4:11
18
Adobe Edge Animate - Animate Ball Bounce Squish
by darkeffectstv 172 viewsIn this lesson, we are going to animate a ball, of which is going to bounce on the floor, and once it makes contact with the floor, it is going to squish down, just like a real ball will do.…
6:16
19
Adobe Edge Animate - Change Text when Button is clicked
by darkeffectstv 353 viewsIn this lesson, we are going to learn how to change the text of Textfield, when a button is clicked.
reusing the same Text Element over and over again, keeps the project clean and tidy.…
4:02
20
Adobe Edge Animate - Space Demonstration (Lesson coming soon!)
by darkeffectstv 49 viewsThis is a demonstration of a project that I have been working on for the last few days. This will be turned into a lesson, that will be available within the next week or so…
21:37
21
Adobe Edge Animate - Lesson 1 Space Project
by darkeffectstv 87 viewsAdobe Edge Animate space project, showing how to rotate elements around a centered element. Also, how to reuse the same text element over again…
9:32
22
Adobe Edge Animate - lesson 2 Display Planet Information using single text element
by darkeffectstv 61 viewsview lesson #1 first:
http://youtu.be/16GOY1QOD_…
1:39
23
Adobe Edge Animate - Open Link
by darkeffectstv 227 viewsIn this quick how to lesson.
We are going to create a link on Adobe Edge Animate.…
2:31
24
Adobe Edge Animate - Add Sound in MouseOut Event Part II
by darkeffectstv 192 viewsThis is a follow up to a previous lesson.
Please view the following lesson to catch up to what this is all about…
1:28
25

Here are 2 video using "Edge Hero"
Adobe Edge Animate - Edge Hero Lesson 1 - 3d Objects
by darkeffectstv 107 viewsIn this lesson, we are going to be working with a new plugin for Edge Animate called
Edge Hero…
6:55
2
Adobe Edge Animate CC Lesson #2 - Loading Video with Edge Hero
by darkeffectstv 40 viewsIn this lesson, we are going to load some video into our edge project using Edge Her…
And this is the latest video for Edge Animate CC
Adobe Edge Animate CC - Lesson #3 - Animate ball bouncing on boxes and changing colors
http://youtu.be/MxxpQspBpcw

Problem with Edge Animate oam file's autoplaying inside Muse

Hi,
I have created a Donut Chart animation in Edge Animate. It has 6 donut charts. Each chart is a symbol with animation inside. Everything looks good in edge animate. But, the problem is the .oam file is not working like I want inside Muse. The scroll effect function of is not working. It autoplays every time, regardless of the scroll settings applied. I am using Edge Animate 2014.1.1 and Muse 2014.3.1. So, it's kind of the latest versions.
I tried several different methods. I found out that the animation works fine in Muse if I don't use any symbol in Edge Animate. Then the scroll function works like a charm. But if I use symbols, then the scroll function stops working. I want to use symbols for a reason. Because, I am making the website as a template to sell and want to include Edge Animate animations in it. Without using the symbols, it will create several objects in one place. And it would be too hard for people, with less knowledge of the program, to edit them.
What should I do now? Please help!
Best Regards

Hello,
Please double click on the symbol and make sure "autoplay " is unchecked in the stage properties. then republish the OAM file and then try.
If the issue still persist please share the compressed project file with us to take a look at it.
Regards
Vivek

Best of Edge Animate #2

Similar Messages

Maybe you are looking for