Ok here's a puzzle for you guys.
http://www11.brinkster.com/mikecarlisle/Puzzle.html
How does the butterfly escape the flash boundaries? Bare in mind that there is nothing other than one flash embed in the page.
Any ideas?
Mike :)
Printable View
Ok here's a puzzle for you guys.
http://www11.brinkster.com/mikecarlisle/Puzzle.html
How does the butterfly escape the flash boundaries? Bare in mind that there is nothing other than one flash embed in the page.
Any ideas?
Mike :)
I'd say something to do with layers.
Let's hear the solution.
"WIDTH=300 HEIGHT=100" in the embed code but only "WIDTH=300 HEIGHT=40" in the object code
maybe..... ?
opps...fixed that.
I ain't telling you the solution that's no fun, challenge is to recreate it. I'm going to make it my footer as well just to confuse you.
Mike
something to do with loading an external swf...?
two to be exact....
this would help too :D
javascript:
var bx=0;
var by=0;
var o=function
moveit(x,y)
{if(x!=null)
bx=x;
if(y!=null)
by=y;
var obj=document.getElementById('sub');
var cury=parseInt(obj.style.top);
var curx=parseInt(obj.style.left);
var ydif=((by-cury)/10);
var xdif=((bx-curx)/10);
var my=cury+ydif;
obj.style.top=my;
var mx=curx+xdif;obj.style.top=my;
obj.style.left=mx;
if (!(ydif > -1 && ydif < 1))
{setTimeout('moveit();',500);}
else if ((ydif > -1 && ydif < 1) && by==0)
{obj.style.top=0;obj.style.left=0}}
[Edited by aversion on 04-30-2002 at 05:42 PM]
looks like some javascript thing...
if u press CTRl+A u can see the bounding box for the butterflies other movie
yea it looks like JavaScript
can you make it so that the butterfly moves without needing the mouse to move over it?
That'd be cool to have happen.
The butterfly and the flash are seperate. Just zoom in...the butterfly never gets larger. Plus the telltale clicks indicate something screwy. I'm not sure how he would hide javascript in an html page.
jeez people... i already went over this :)
it loads two swfs, one called sub one called layers. The layers.swf contains the javascript i printed out above which moves the sub.swf on a layer.
i think that's how it works, but that's the javascript he uses, and very neat it is too.
:)
I just wasn't smart enough to understand I guess! :( :)Quote:
Originally posted by aversion
jeez people... i already went over this :)
it loads two swfs, one called sub one called layers. The layers.swf contains the javascript i printed out above which moves the sub.swf on a layer.
i think that's how it works, but that's the javascript he uses, and very neat it is too.
:)
pssst, me neither, i found this stuff out through the depths of my temp internet files directory but i would still like a fuller explanation of how it works.Quote:
Originally posted by clifgriffin
I just wasn't smart enough to understand I guess! :( :)
hmmm... i thought this thread was to do with http://www.flashchallenge.com ...
pfft.. not even close to a challenge. The butterfly is obviously a javascript or DHTML script with an animated gif. the supposed bondaries of the swf file is just the flash movie. If the butterfly was a vector tweening mc then I would be impressed.
Just a DHTML Layer...
Nothing special...
that's what i thought at first, but as i think xup878 said if you select it you can see that the dimensions of that butterfly are the same as the swf that's embedded. It looks interesting!Quote:
Originally posted by Asclepeos
pfft.. not even close to a challenge. The butterfly is obviously a javascript or DHTML script with an animated gif. the supposed bondaries of the swf file is just the flash movie. If the butterfly was a vector tweening mc then I would be impressed.
hehe, when I first saw it, I thought it was made in that new "mplayer" proggie for flash, that allows u to make flash without browserwindows, but then I remembered it could only xport .exe files. heh. :D
Well you seem to have worked out it involves layers, but if it's so easy why don't you try and recreate it?
You might find it's a little harder than you think. That was the challenge!
Mike
I hear ya. It's kind of retarded for them to say, "Oh that's easy!" after it has already been figured out.Quote:
Originally posted by beelineuk
Well you seem to have worked out it involves layers, but if it's so easy why don't you try and recreate it?
You might find it's a little harder than you think. That was the challenge!
Mike
Finally managed it!!
If anyone says this is easy...I will string them up. If anyone else can do this I will be very impressed :)
Mike The Footer King
Nah, like aversion said, it's two swf's (not a .gif), you can zoom in on the butterfly as well if you catch it right. The puzzle.swf loads a layer containing another .swf with a transparent background. The layer moves in relation to your mouse movement but will have a tendancy to move back to the main swf.Quote:
Originally posted by Asclepeos
pfft.. not even close to a challenge. The butterfly is obviously a javascript or DHTML script with an animated gif. the supposed bondaries of the swf file is just the flash movie. If the butterfly was a vector tweening mc then I would be impressed.
The odd thing is if you go to the exact url of the swf:
http://www11.brinkster.com/mikecarlisle/puzzle.swf
it doesn't work and says you need IE. That's what happened for me anyway and I'm using IE, look in the address bar though, you'll see a load of javascript detecting your browser or something.
I don't know, quite interesting anyway.
javascript:var o=document.getElementById('flasher');
var i=o.SetVariable('/:browser',navigator.appName);
var i=o.TCallLabel('/lib','go');
the wayi found them was to look in my temp internet files dir, there's 3swf's in there, all protected, but one of them spits out the javascript to control the layer.
:)
The fact that it uses layers isn't the point. Anyone can do that. It's the fact that flash is rewriting it's environment to suit itself.
Hence the ability to drop a flash movie anywhere with a clean HTML embed and achieve the given effects. I'm also carrying out a certain degree of browser detection from within flash...which is nice.
Unfortunately the footer will only work if you have the latest version of IE, and it prob won't work on a mac.
Mike
[Edited by beelineuk on 05-01-2002 at 11:17 AM]
Awesome!Quote:
Originally posted by beelineuk
Finally managed it!!
If anyone says this is easy...I will string them up. If anyone else can do this I will be very impressed :)
Mike The Footer King
Hey Mike,
Once the challenge is up why don't you do a tutorial on this? It is very cool!
b
What happens when you click on the butterfly???Quote:
Originally posted by clifgriffin
Awesome!Quote:
Originally posted by beelineuk
Finally managed it!!
If anyone says this is easy...I will string them up. If anyone else can do this I will be very impressed :)
Mike The Footer King
his footer just says you need IE to view this movie, which i have.Quote:
Originally posted by clifgriffin
What happens when you click on the butterfly???Quote:
Originally posted by clifgriffin
Awesome!Quote:
Originally posted by beelineuk
Finally managed it!!
If anyone says this is easy...I will string them up. If anyone else can do this I will be very impressed :)
Mike The Footer King
Yeah it's still a bit buggy, and I need to change that text. Are you using a mac? If so it won't work. You need at least IE 5 and a PC. Sometimes even then it will bug out, and a refresh sometimes does the trick.
I'm just rewritting it so that it uses only one flash movie. Should be pretty slick by the time I'm finished.
What do you think it should do on a mouse click? I was thinking it could zoom towards you getting bigger and bigger, or is that too rude? There's very little I can't do now I have this working. I can even jump into other peoples footers :) of course I won't.
Mike
You ARE the footer king! You can jump into my crappy little footer anytime babee!Quote:
Originally posted by beelineuk
There's very little I can't do now I have this working. I can even jump into other peoples footers :) of course I won't.
Mike
You do realize that I'm going to keep whining until I see a tutorial on this though, right? :D
b
That would be hilarious. Do it! the zoom thing would be neat too.Quote:
Originally posted by beelineuk
There's very little I can't do now I have this working. I can even jump into other peoples footers :) of course I won't.
Mike
hey jump into my footer man! make the bee and butterfly spend a little quality time ;)
Ok I've added a zoom, click the butterfly if you can!
I've also cleaned it up to lot so it should be less buggy, and left in my orginal game footer for those without a compatiable browser. You still sometimes need to hit refresh for it to come up. Got to fix that.
If someone is able to meet the challenge, then maybe I'll think about a brief tutorial or something. But until then the challenge is open :)
Still thinking about the jumping across footers (with permission of course). Maybe I'll build that into version 3!
Mike
Mike I don't see your footer. I have IE6 with Flash Player 6. There isn't anything in your footer as far as I can tell.Quote:
Originally posted by beelineuk
Ok I've added a zoom, click the butterfly if you can!
I've also cleaned it up to lot so it should be less buggy, and left in my orginal game footer for those without a compatiable browser. You still sometimes need to hit refresh for it to come up. Got to fix that.
If someone is able to meet the challenge, then maybe I'll think about a brief tutorial or something. But until then the challenge is open :)
Still thinking about the jumping across footers (with permission of course). Maybe I'll build that into version 3!
Mike
There's only one of them on this page. If you still can't see it try refresh.
By the way it doesn't work if you link out from hotmail and are still in their frameset. It will just say not compatible.
yo! wheres the tut on this man! i'm really anchious to do it :)
nothing happens for me, just says 'nothing is impossible' i'm using IE5..
oh hello,
This threads been revived then. Shame the footers aren't here anymore :( kind of looses it's magic
I didn't really want to do a tut on this unless someone at least made a bit of an effort...but no ones taken it up. Seeing as I'm the only person currently doing this as far as I know, I might just keep it to myself for now ;)
Ignoring flash and the clean embed side of things, if you really want to do this it can be done with layers and javascript. If you want more information drop me an email and I'll point you in the right direction.
If it doesn't work for u toony u may need to refresh, it's a bit buggy sometimes, but u should see a butterfly as well.
Mike
Hasn't anyone figured this out yet?
I like the zoom! Very cute, it gets bigger and then flutters up to the top and resets itself? It is kind of like trying to catch a real butterfly :D Maybe you should have the cursor change to a net ;)
b
Thats odd. I goto the site and see nothing, only some text and a footer or something saying "Nothing is impossible". Using Flash 6 and IE 6.
o this post, i was wondering about it lately. Has dear beelineuk shared the source code for this neat effect yet?