ActiveDen

Something cool I forgot about

5007 posts The Dude Abides
  • United States
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 50 000 and 100 000 dollars
  • Contributed a Tutorial to a Tuts+ Site
  • Author had a Free File of the Month
+4 more
CodingJack says

I once had this idea of taking two images and dynamically “morphing” one into the other with just code. I played around and came up with this:

http://www.blazethefire.com/morphPixel/morph.html

If I remember the reason why I gave up on the idea was because things got tricky when you changed it to images with color. But if anyone wants to take on that challenge here’s the source:

Source: http://www.blazethefire.com/morphPixel.zip

Source code is open source (except for the Greensock part)

5193 posts
  • Community Superstar
  • Italy
  • Sold between 10 000 and 50 000 dollars
  • Has been a member for 3-4 years
  • Microlancer Beta Tester
  • Beta Tester
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Author had a Free File of the Month
+2 more
doru says

the effect is awesome

1663 posts
  • Sold between 50 000 and 100 000 dollars
  • Author had a Free File of the Month
  • Bought between 1 and 9 items
  • Exclusive Author
  • Europe
  • Has been a member for 3-4 years
  • Referred between 10 and 49 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
Tean says

Yea, its cool.

What about html5 version?

4126 posts
  • Bought between 1 and 9 items
  • Brazil
  • Community Superstar
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Sold between 5 000 and 10 000 dollars
tsafi says

What about html5 version?
This remark indicates on someone under the influence.

Comeback to me in 2-5 years to have such performance in html5.

Without true canvas coding or WebGL that will be the only way you can do it,and any way i don’t see the logic doing it in html5 and it was never a hit with flash also ,better try doing good 3d stuff with html5 and leave the practical stuff later on in life, shocking but 3d stuff with html5 on the canvas will be less CPU resource then good practical image break base on html5 practical.

Still the best way doing that stuff like 3d or practical fly is with WebGL that is the true math future not html5 on the effect level …some hard top notch js coding, crazy if you ask me way way much complex then as3 code on the fly.

http://www.chromeexperiments.com/webgl .

Also take a look here WebGL.

http://www.sketchpatch.net/livecodelab/index.html .

^ most of the stuff you see there i can do today with 50-100 line of code vs the 20000 line of code they need with WebGL not even taking about HTML 5 ……

Better stick with HTML5 Gallery`s Tean ,then working on the canvas that no one buy

5193 posts
  • Community Superstar
  • Italy
  • Sold between 10 000 and 50 000 dollars
  • Has been a member for 3-4 years
  • Microlancer Beta Tester
  • Beta Tester
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Author had a Free File of the Month
+2 more
doru says

Yea, its cool. What about html5 version?

heresy! :shocked:

5007 posts The Dude Abides
  • United States
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 50 000 and 100 000 dollars
  • Contributed a Tutorial to a Tuts+ Site
  • Author had a Free File of the Month
+4 more
CodingJack says

Yea, its cool. What about html5 version?

I would have continued it if I could have added color. For HTML5 it might be able to be replicated with Grant Skinner’s EaselJS but I think it would probably run at half the frame rate because I remember skipping over particles on purpose in the Flash version just to achieve adequate performance.

by
by
by
by
by