Challenge: Decorate The Tree

(2 Pages)
1
2
→

27 Replies - 7638 Views - Last Post: 01 December 2012 - 12:39 PM

#1 AdamSpeight2008

MrCupOfT

Reputation: 1953

Posts: 8,685
Joined: 29-May 08

Challenge: Decorate The Tree

Post icon Posted 28 November 2012 - 02:46 AM

Challenge: Decorate The Tree

Since it is nearing that time of Year again and the festivities are starting.

We should put a tree!

Challenge idea submission from lucky3._{I've modified it a little to make it a fun for all levels of coder.}

Challenge

Produce a Christmas tree.

Easy
Create the basic tree (without decorations except for the star on top)

        *
       ^^^
      ^^^^^
     ^^^^^^^
    ^^^^^^^^^
      ^^^^^
     ^^^^^^^
    ^^^^^^^^^
   ^^^^^^^^^^^
  ^^^^^^^^^^^^^
    ^^^^^^^^^
   ^^^^^^^^^^^
  ^^^^^^^^^^^^^
 ^^^^^^^^^^^^^^^
^^^^^^^^^^^^^^^^^

Intermediate
Same a the Easy challenge but requires a tree with different decorations on it (random color and style).

A White Star on top must be White though.
Dark Green Tree

        *
       *^@
      O^O^*
     O^%^^^^
    %^^^^^^^^
      ^^^^^
     %^^^^^^
    o^o^^^o^^
   %^%^@^O^O^^
  ^^^^%^^^^^*^^
    ^^^^^^^^^
   ^^^^^^O^^^^
  ^^o^^^^^^^^^^
 ^^*^^^^^@^O^*^o
*^%^%^^^^^o^@^O^O

Advanced

Same a the Intermediate Challenge but with the added requirements

place a random (at least one though) number of strands of Tinsel to the tree.

Example # is the tinsel

        *
       #^@
      O^##*
     O^%^^#^
    %^^^^^^#^
      #^^^^
     %^###^^
    o^o^^^#o^
   %^%^@^*#O^^
  ^^^^%^^$^#*^^
    ^^^^^^^^#
   ##^^^^O^^^^
  ^^o#^^^^^^^^^
 ^^*^^##^@^O^*^o
*^%^%^^^#^o^@^O^O

A strand of Tinsel as the met the requirements.

Tinsel is below decorations.
Of a single color throughout it length.
The next section must be one of the follow neighbors of current section.
```
[ ][#][ ]
[ ][ ][ ]
```
Can't fall outside the boundary of the tree, if it does it wraps around drops a level.

Ninja

Spoiler

To all undertakers of this Challenge.
Have a fun time coding the challenge and have safe Merry Christmas and Happy New Years.
- VB.net forum leaders and team

This post has been edited by AdamSpeight2008: 28 November 2012 - 02:58 AM

Is This A Good Question/Topic? 4

Replies To: Challenge: Decorate The Tree

#2 lucky3

Friend lucky3 As IHelpable

Reputation: 224

Posts: 745
Joined: 19-October 11

Re: Challenge: Decorate The Tree

Posted 28 November 2012 - 05:18 AM

It's worth mentioning that submissions are expected to be in a Console project (so no forms and richtextboxes).

Edit:
I got some time to start with it, and need to debug it a bit, then to the flashing lights and refactoring spaghetti code... tomorrow perhaps. In the mean time:
Attached Image

_{(yeah, I know... the tinsel )}

Edit2:
Fixed the tinsel bug. I'll take a look at flashing lights problem in the evening. For now:
Attached Image

Edit 3:
Is this valid blinking? http://dl.dropbox.co...tmas%20Tree.exe

This post has been edited by lucky3: 29 November 2012 - 03:48 AM

Was This Post Helpful? 2

#3 AdamSpeight2008

MrCupOfT

Reputation: 1953

Posts: 8,685
Joined: 29-May 08

Re: Challenge: Decorate The Tree

Posted 29 November 2012 - 05:20 AM

First Ninja Level entry.
- Nice effect, just (to me the refresh flickers a little to much).

Could you do one with fewer flashing lights? I don't think every decoration should flash, just the lights.

Was This Post Helpful? 0

#4 lucky3

Friend lucky3 As IHelpable

Reputation: 224

Posts: 745
Joined: 19-October 11

Re: Challenge: Decorate The Tree

Posted 29 November 2012 - 07:26 AM

Sheeesh... I posted reply, and it's not here (it's happening again). What are the lights? The strand, or O's, *'s...? Any decoration of my choice?

Edit:
Fixed blinking flicker, and choose my lights as "@" and "c" characters.
BTW, I added some sugar to it: http://dl.dropbox.co...tmas%20Tree.exe

This post has been edited by lucky3: 29 November 2012 - 10:05 AM

Was This Post Helpful? 0

#5 AdamSpeight2008

MrCupOfT

Reputation: 1953

Posts: 8,685
Joined: 29-May 08

Re: Challenge: Decorate The Tree

Posted 29 November 2012 - 04:34 PM

lucky3 A lot of is artist licence in terms of what the actual characters are used.

Just got the tinsel requirement to do and I'll have a ninja entry. (currently ~200 IDE LoC )

This post has been edited by AdamSpeight2008: 29 November 2012 - 05:02 PM

Was This Post Helpful? 0

#6 BetaWar

#include "soul.h"

Reputation: 919

Posts: 6,443
Joined: 07-September 06

Re: Challenge: Decorate The Tree

Posted 29 November 2012 - 08:21 PM

For anyone wanting to use Javascript on this, I have put together a quicky "terminal" which emulates some (all?) of the functionality of the Console from VB.net. I believe it has all the functionality you will need for this challenge.

I will submit an actual entry here in a bit, but for the moment here is the Terminal code:

Spoiler

<!DOCTYPE HTML>
<html>
  <head>
    <script>
      var Terminal = {
        _san: function(ins){
          ins = "" + ins;
          ins = ins.replace(/ /g, "&nbsp;");
          ins = ins.replace(/</g, "&lt;");
          ins = ins.replace(/>/g, "&gt;");
          ins = ins.replace(/\n/g, "<br/>");
          return ins;
        },
        b: null,
        backgroundColor: "#000000",
        foregroundColor: "#ffffff",

        clear: function(){
          Terminal.b.innerHTML = "";
        },
        init: function(){
          Terminal.b = document.body;
          Terminal.b.style.background = "#000";
          Terminal.b.style.color = "#fff";
          Terminal.b.style.margin = "0px";
          Terminal.b.style.fontFamily = "Monospace";
        },
        resetColors: function(){
          Terminal.backgroundColor = "#000";
          Terminal.foregroundColor = "#fff";
        },
        write: function(txt){
          Terminal.b.innerHTML += "<span style=\"color:" + Terminal.foregroundColor + "; background: " + Terminal.backgroundColor + "\">" + Terminal._san(txt) + "</span>";
        },
        writeLine: function(txt){
          Terminal.write(txt + "\n");
        }
      };

      window.onerror = function(e){
        alert(e);
      }
      window.onload = function(){
        Terminal.init();
        
        // Your code here
        
      }
    </script>
  </head>
  <body>
  </body>
</html>

Was This Post Helpful? 1

#7 AdamSpeight2008

MrCupOfT

Reputation: 1953

Posts: 8,685
Joined: 29-May 08

Re: Challenge: Decorate The Tree

Posted 29 November 2012 - 09:21 PM

I've managed to get some strips of tinsel on my tree. needs some tweaking to get to do the wrapping correctly.

Here is a GIF to see what it looks like so far.
Attached Image

Was This Post Helpful? 2

#8 BetaWar

#include "soul.h"

Reputation: 919

Posts: 6,443
Joined: 07-September 06

Re: Challenge: Decorate The Tree

Posted 29 November 2012 - 09:40 PM

And here is my code so far. The random function kinda sucks in JS, so it may take a few refreshes before you get any ornaments (since they have a fairly low spawn rate). The lights are animated and all that jazz (animated as in a 1 second interval for redrawing the tree; at which point the lights are given a new random color from the array, the rest of the tree remains the same). Just need to work on some tinsel.

Spoiler

<!DOCTYPE HTML>
<html>
  <head>
    <script>
      var Terminal = {
        _san: function(ins){
          ins = "" + ins;
          ins = ins.replace(/ /g, "&nbsp;");
          ins = ins.replace(/</g, "&lt;");
          ins = ins.replace(/>/g, "&gt;");
          ins = ins.replace(/\n/g, "<br/>");
          return ins;
        },
        b: null,
        backgroundColor: "#000000",
        foregroundColor: "#ffffff",

        clear: function(){
          Terminal.b.innerHTML = "";
        },
        init: function(){
          Terminal.b = document.body;
          Terminal.b.style.background = "#000";
          Terminal.b.style.color = "#fff";
          Terminal.b.style.margin = "0px";
          Terminal.b.style.fontFamily = "Monospace";
        },
        resetColors: function(){
          Terminal.backgroundColor = "#000";
          Terminal.foregroundColor = "#fff";
        },
        write: function(txt){
          Terminal.b.innerHTML += "<span style=\"color:" + Terminal.foregroundColor + "; background: " + Terminal.backgroundColor + "\">" + Terminal._san(txt) + "</span>";
        },
        writeLine: function(txt){
          Terminal.write(txt + "\n");
        }
      };

      window.onerror = function(e){
        alert(e);
      }
      window.onload = function(){
        Terminal.init();
        
        setInterval("drawTree()", 1000);
      }

      var ornaments = {};
      var lights = {};
      var drawn = false;
      var seed = 1;
      var colors = ["#f00", "#0f0", "#00f", "#ff0", "#f0f", "#0ff", "#900", "#090", "#009", "#909", "#990", "#f90", "#f09", "#f99", "#ff9", "#9f0", "#9f9", "#9ff", "#99f"];
			var ornament = "O";
			var light = "'";
      function drawTree(){
				Terminal.clear();
        var spaces = 8;

        for(var i = 0; i < 3; i++){
          for(var j = 0; j < 5; j++){
            for(var k = 0; k < spaces; k++){
              Terminal.write(" ");
            }
            spaces--;
            var items = 1 + j * 2 + i * 4;
            for(var l = 0; l < items; l++){
              if(i == 0 && j == 0){
                Terminal.resetColors();
                Terminal.write("*");
              }
              else{
                if(!drawn && seed * (seed = Math.random()) < .05){
                  if(seed < .03){
                    Terminal.foregroundColor = colors[Math.floor((seed = Math.random()) * colors.length)];
                    ornaments[i + "_" + j + "_" + k + "_" + l] = Terminal.foregroundColor;
                    Terminal.write(ornament);
                  }
                  else{
                    Terminal.foregroundColor = colors[Math.floor(seed * colors.length)];
                    lights[i + "_" + j + "_" + k + "_" + l] = Terminal.foregroundColor;
                    Terminal.write(light);
                  }
                }
                else if(ornaments[i + "_" + j + "_" + k + "_" + l]){
                  Terminal.foregroundColor = ornaments[i + "_" + j + "_" + k + "_" + l];
                  Terminal.write(ornament);
                }
                else if(lights[i + "_" + j + "_" + k + "_" + l]){
                  Terminal.foregroundColor = colors[Math.floor(Math.random() * colors.length)];
                  Terminal.write(light);
                }
                else{
                  Terminal.foregroundColor = "#090";
                  Terminal.write("^");
                }
              }
            }
            Terminal.write("\n");
          }
          spaces += 3;
        }
        drawn = true;
      }
    </script>
  </head>
  <body>
  </body>
</html>

Was This Post Helpful? 1

#9 lucky3

Friend lucky3 As IHelpable

Reputation: 224

Posts: 745
Joined: 19-October 11

Re: Challenge: Decorate The Tree

Posted 30 November 2012 - 01:01 AM

Looking great from both of you!

Edit:
can't decide on lights (bigger, mixed, minimalistic)

This post has been edited by lucky3: 30 November 2012 - 01:52 AM

Was This Post Helpful? 1

#10 AdamSpeight2008

MrCupOfT

Reputation: 1953

Posts: 8,685
Joined: 29-May 08

Re: Challenge: Decorate The Tree

Posted 30 November 2012 - 01:13 AM

BetaWar only the lights flash, rest of decorations and tree should not be affected.

~ 260 IdeLoC Ninja Entry. (Note: Requires .net 4.5)
Uses about 12Mb of and 2-3% CPU utilization.

XmasTree_01.zip (16.97K)
Number of downloads: 44

Press "SpaceBar" to generate another set.

This post has been edited by AdamSpeight2008: 30 November 2012 - 01:23 AM

Was This Post Helpful? 1

#11 lucky3

Friend lucky3 As IHelpable

Reputation: 224

Posts: 745
Joined: 19-October 11

Re: Challenge: Decorate The Tree

Posted 30 November 2012 - 02:06 AM

Excellent AdamSpeight2008! In theory your strand of tinsel could cover the whole tree, right? I have it going only to right, down, down-right. I'll do the same for the left option, and let it decide randomly which way to place it. I like your app's icon

Edit: actually, in theory, if mine solution "decides" to always go just right, and never down or down-right, it would cover the tree also... :surrender:

This post has been edited by lucky3: 30 November 2012 - 02:35 AM

Was This Post Helpful? 0

#12 BetaWar

#include "soul.h"

Reputation: 919

Posts: 6,443
Joined: 07-September 06

Re: Challenge: Decorate The Tree

Posted 30 November 2012 - 09:07 AM

AdamSpeight2008, on 30 November 2012 - 08:13 AM, said:

BetaWar only the lights flash, rest of decorations and tree should not be affected.

Which browser are you seeing the ornaments change colors in? I have run my code in IE9, Opera, and Chromium and it all only has the lights (') changing colors, the ornaments are randomly colored when first drawn but remember that color from then on.

Was This Post Helpful? 0

#13 AdamSpeight2008

MrCupOfT

Reputation: 1953

Posts: 8,685
Joined: 29-May 08

Re: Challenge: Decorate The Tree

Posted 30 November 2012 - 09:18 AM

It was the way I read what you wrote, suggest to me that on refresh was drawn a new random tree. I was just re-clarifying the requirements.

This post has been edited by AdamSpeight2008: 30 November 2012 - 09:18 AM

Was This Post Helpful? 0

#14 AdamSpeight2008

MrCupOfT

Reputation: 1953

Posts: 8,685
Joined: 29-May 08

Re: Challenge: Decorate The Tree

Posted 30 November 2012 - 09:27 AM

lucky3 I theory the tinsel could cover the tree, but in practice I find it does reasonably well. (I didn't say it had to start at the top, or on any edge. Did I? )

Was This Post Helpful? 0

#15 BetaWar

#include "soul.h"

Reputation: 919

Posts: 6,443
Joined: 07-September 06

Re: Challenge: Decorate The Tree

Posted 30 November 2012 - 09:56 AM

@AdamSpeight2008 - Ah, alright. I was just confused with the statement above as well. Probably a lack of sleep helping with that

I am working towards getting it to run more efficiently (instead of having the large, multi-dimensional loop through each time I am planning on setting up a jagged 2-d array of objects to store information and just run through that to redraw the tree). That will also make the tinsel easier to accomplish

Was This Post Helpful? 0

(2 Pages)
1
2
→

27 Replies - 7638 Views - Last Post: 01 December 2012 - 12:39 PM

Challenge: Decorate The Tree

Replies To: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Re: Challenge: Decorate The Tree

Follow & Share

Give It A Try!

Programming

Web Development

Reference Sheets

Bye Bye Ads

Monthly Drawing