coldfusionJedi

This entry was posted on Friday, August 7, 2009 at 7:29 AM. It was filed in the following categories: ColdFusion. It has been viewed 2,576 times and has 24 comments.

TweetBacks

Comments

[Add Comment] [Subscribe to Comments]

• Comment 1 written by todd sharp on 7 August 2009, at 8:12 AM

  

  I'll give 10000 bonus points to whoever uses an Ajax library to make each square draggable so you can 'solve' the puzzle after it's jumbled....

• Comment 2 written by Mike Hodgson on 7 August 2009, at 8:54 AM

  

  Here's my first attempt!
  
  http://209.200.68.149/imagetest.cfm
  
  Yes, I'm using the free CF9 hosting graciously provided by CrystalTech :)
  
  Will link to the code from the same page, once I get it cleaned up a bit :)

• Comment 3 written by Kumar on 7 August 2009, at 9:12 AM

  

  Demo:
  http://209.200.68.148/image.cfm
  
  Code:
  <cfimage name="imgGlobe" source="globe.jpg">
  
  <cfimage source="#imgGlobe#" action="writeToBrowser" >
  <!--- Destination Image --->
  <cfset imgC = ImageNew("",400,400,"argb")>
  
  <cfset imgA = imgGlobe>
  <!--- Loops will create our 100 squares --->
  <cfloop from="0" to="360" step="40" index="x">
  
     <cfloop from="0" to="360" step="40" index="y">
        <cfset imgA = imgGlobe>
        <!--- Get the Image Area square --->
        <cfset imgB = ImageCopy(imgA,x,y,40,40,x,y)>
        <!--- Paste the image to our destination --->
        <cfset ImagePaste(imgC,imgB,y,x)>
     </cfloop>
  
  </cfloop>
  
  <cfimage source="#imgC#" action="writeToBrowser">

• Comment 4 written by Raymond Camden on 7 August 2009, at 9:24 AM

  

  Wow, both of you, cool!

• Comment 5 written by todd sharp on 7 August 2009, at 9:27 AM

  

  I give Mike +200 points for creative use of 'Shuffle'. But seriously, nice work guys!

• Comment 6 written by Kumar on 7 August 2009, at 9:48 AM

  

  Agreed, Mike's solution is better.

• Comment 7 written by Steve Caldwell on 7 August 2009, at 9:56 AM

  

  Todd, can I get 1000 points for being a Google ninja? :p
  
  http://www.bennadel.com/resources/demo/jquery_puzz...
  
  I created one with my own image, just don't have public facing CF space.

• Comment 8 written by todd sharp on 7 August 2009, at 10:09 AM

  

  @Steve - yep, i'll grant you the 1000 points for that - nice find. And 5000 to Nadel for putting that together.

• Comment 9 written by Rob O'Brien on 7 August 2009, at 11:17 AM

  

  Mike wins instantly for the use of a Hasselhoff cover! http://www.youtube.com/watch?v=x20v9F-sWHQ

• Comment 10 written by Matthew Abbott on 7 August 2009, at 11:41 AM

  

  I took Mike's code and attempted to add some jquery to sort the pics.
  http://www.coldfusionjedi.com/demos/maimage/
  Thanks Ray for graciously hosting this.

• Comment 11 written by todd sharp on 7 August 2009, at 11:44 AM

  

  @Matthew - that's awesome!! Hard as heck too!

• Comment 12 written by todd sharp on 7 August 2009, at 11:46 AM

  

  @Matthew - it would be *really* cool if i could ctrl+click several tiles and move them all at once... doable?
  
  I'd also love to see a blog post written up on how you did it (I know I can view the source, but I'd still like to see a write up).

• Comment 13 written by todd sharp on 7 August 2009, at 11:47 AM

  

  Wait a second...
  
  $("#sortable").sortable();
  
  That's it?!

• Comment 14 written by Raymond Camden on 7 August 2009, at 11:50 AM

  

  re: todd and sortable:
  
  yes, the jquery ui library kicks ass.

• Comment 15 written by Matthew Abbott on 7 August 2009, at 12:10 PM

  

  @todd Im probably the ONLY guy that doesnt have their own blog!

• Comment 16 written by Cody on 7 August 2009, at 12:35 PM

  

  Is it required to use ColdFusion?
  
  I tried it with HTML 5 and JavaScript/jQuery.
  http://www.codymarquart.com/projects/image100/

• Comment 17 written by Raymond Camden on 7 August 2009, at 12:37 PM

  

  Normally it is required, but you get a pass since it's jQuery. ;)

• Comment 18 written by todd sharp on 7 August 2009, at 12:49 PM

  

  Would you believe that your HTML5/jQuery version works properly on FireFox 1.5 (don't ask...)?

• Comment 19 written by Jason Walle on 7 August 2009, at 1:01 PM

  

  I'm a first timer at the challenges...
  
  http://code.project924.com/img-functions/cut-and-r...

• Comment 20 written by Leigh on 7 August 2009, at 1:27 PM

  

  @Todd,
  
  You have got to be joking .. a one liner? Damn. That _is_ awesome. Hats off to @Mathew.
  
  @Mike,
  
  (Despite the Horrible Hasselhoff cover ;-) Great work!

• Comment 21 written by Chris Ulrich on 8 August 2009, at 9:03 AM

  

  Wow, you guys kicked butt on this one ...
  Here's my attempt .. makes me feel old school !
  
  http://www.drg1.com/challenge.cfm

• Comment 22 written by Raymond Camden on 8 August 2009, at 9:07 AM

  

  I must say - I am incredibly impressed by the source pictures you guys used.

• Comment 23 written by Bjarte on 13 August 2009, at 12:57 PM

  

  Why not use html5 canvas? ( ok I know it said 100 squares but I did not bother editing the image in paint)
  http://bjarte.dev.inbusiness.no/canvas/index.html

• Comment 24 written by Raymond Camden on 13 August 2009, at 2:36 PM

  

  Slick - of course, it's going to be a few years before we can use that. ;)

[Add Comment] [Subscribe to Comments]