Zrób skalowalną choinkę [zamknięte]

95

Twoje wyzwanie: Zrób choinkę. Rozmiar musi być możliwy do wyboru za pomocą dowolnej metody wprowadzania, ale nie musi być bezpośrednio związany z żadną częścią drzewa; jednak większe nakłady powinny dawać większe drzewo.

Jak możesz to zrobić? Możesz zrobić drzewo w dowolny sposób, poza drukowaniem znaku Unicode dla drzewa , takiego jak przesłanie obrazu, grafika ascii, z innymi aspektami itp. Cokolwiek robisz, pamiętaj, że jest to , więc bądź kreatywny.

Odpowiedź z największą liczbą głosów pozytywnych do końca grudnia wygrywa, ale zaakceptuję inną, jeśli będzie wyższa

Justin
źródło
1
Ładne pytanie;)
Timtech
1
Szkoda, że ​​dekoracje nie były obowiązkowe!
o0 ”.
@Lohoris Myślę, że dobrze, że nie są one obowiązkowe. W ten sposób ludzie mogą robić, co chcą, a te genialne fraktalne drzewa są uzasadnionymi odpowiedziami.
Justin
@Quincunx można dodawać dekoracje nawet do drzew fraktalnych ...
o0 '.
@Lohoris tak, ale jest ich mnóstwo. Autor tych drzew mógłby dodać ozdoby, gdyby chcieli, ale wolałbym tego nie wymagać.
Justin

Odpowiedzi:

92

Pyton

Fraktalna choinka z pakietem żółwia:

wprowadź opis zdjęcia tutaj

n = input()*1.

from turtle import *
speed("fastest")
left(90)
forward(3*n)
color("orange", "yellow")
begin_fill()
left(126)
for i in range(5):
    forward(n/5)
    right(144)
    forward(n/5)
    left(72)
end_fill()
right(126)

color("dark green")
backward(n*4.8)
def tree(d, s):
    if d <= 0: return
    forward(s)
    tree(d-1, s*.8)
    right(120)
    tree(d-3, s*.5)
    right(120)
    tree(d-3, s*.5)
    right(120)
    backward(s)
tree(15, n)
backward(n/2)

import time
time.sleep(60)

n jest parametrem wielkości, pokazane drzewo jest dla n = 50. Narysowanie zajmuje minutę lub dwie.

Keith Randall
źródło
2
Wygląda to cudownie:)
Soner Gönül,
80

JavaScript

wprowadź opis zdjęcia tutaj

Pokaż animowane drzewo online .

var size = 400;

var canvas = document.createElement('canvas');
canvas.width = size;
canvas.height = size;
document.body.appendChild(canvas);

var ctx = canvas.getContext('2d');

var p3d = [];

var p = [Math.random(), Math.random(), Math.random(), 0];

for (var i = 0; i < 100000; i++) {
    p3d.push([p[0],p[1],p[2],p[3]]);
    var t = Math.random();
    if (t<0.4) {
        _y = 0.4 * p[1];
        _x = 0.1 * p[0];
        _z = 0.6 * p[2];
        var r = Math.floor(3*t/0.4)/3.0;
        var rc = Math.cos(Math.PI*2.0*r);
        var rs = Math.sin(Math.PI*2.0*r);
        p[1] = _x+0.1*r+0.5*_y*_y;
        p[0] = _y*rc+_z*rs;
        p[2] = _z*rc-_y*rs;
        p[3] = 0.2*t + 0.8*p[3];
    } else {
        p[1] = 0.2 + 0.8*p[1];
        p[0] = 0.8 * p[0];
        p[2] = 0.8 * p[2];
        p[3] = 0.2 + 0.8*p[3];
    }
}

var rot = 0.0;

function render() {
    rot = rot + 0.1;
    var rc = Math.cos(rot);
    var rs = Math.sin(rot);

    ctx.strokeStyle='#FF7F00';
    ctx.lineWidth=2;
    ctx.beginPath();
    ctx.moveTo(size/2,size/8);
    ctx.lineTo(size/2,size*15/16);
    ctx.stroke();

    var img = ctx.getImageData(0, 0, size, size);
    for (var j = 0; j < size*size; j++) {
        img.data[4*j+0] = 0.5*img.data[4*j+0];
        img.data[4*j+1] = 0.5*img.data[4*j+1];
        img.data[4*j+2] = 0.5*img.data[4*j+2];
        img.data[4*j+3] = 255;
    }

    for (var i = 0; i < p3d.length; i++) {
        var px = p3d[i][0];
        var py = 0.5 - p3d[i][1];
        var pz = p3d[i][2];
        var col = Math.floor(128.0*p3d[i][3]);

        var _x = rc*px + rs*pz;
        var _z = rc*pz - rs*px;

        var z = 3.0 * size / (_z + 4.0);
        var x = size / 2 + Math.round(_x * z);        
        var y = size / 2 + Math.round(py * z);

        if(x>=0&&y>=0&&x<size&&y<size) {
            img.data[4 * (y * size + x) + 0] = col;
            img.data[4 * (y * size + x) + 1] = 128+col;
            img.data[4 * (y * size + x) + 2] = col;
            img.data[4 * (y * size + x) + 3] = 255;
        }
    }

    ctx.putImageData(img, 0, 0);
}

setInterval(render, 1000 / 30);
Howard
źródło
Podoba mi się, ale powinieneś dodać bagażnik.
Fels
1
@ Fels dodał bagażnik
Howard,
2
To imponujące, ale co z tymi zielonymi pikselami krążącymi wokół drzewa? Nie zdawałem sobie sprawy, że Święty Mikołaj ma małe zielone elfy, które potrafią latać. (nie umniejszają urody twojej odpowiedzi, ale zastanawiam się, skąd pochodzą)
Justin
@Quincunx: Wydają się być początkowymi punktami próbkowania sprzed zbieżności iteracji. Pominięcie pierwszych 100 punktów pozwala się ich pozbyć.
Ilmari Karonen,
2
Naprawdę fajne, ale nie dość wyglądać jak choinka. Wygląda bardziej jak patyk z kilkoma przymocowanymi liśćmi paproci. Czy możesz również sprawić, że widok powoli przewinie się wzdłuż osi y, aby trójwymiarowość była bardziej widoczna?
Facet z kapeluszem,
76

Jeszcze jedno drzewo języka Mathematica / Wolfram oparte na odpowiedzi Vitaliya :

PD = .5;
s[t_, f_] := t^.6 - f
dt[cl_, ps_, sg_, hf_, dp_, f_, flag_] :=
    Module[{sv, basePt},
           {PointSize[ps],
            sv = s[t, f];
            Hue[cl (1 + Sin[.02 t])/2, 1, .3 + sg .3 Sin[hf sv]],
            basePt = {-sg s[t, f] Sin[sv], -sg s[t, f] Cos[sv], dp + sv};
            Point[basePt],
           If[flag,
              {Hue[cl (1 + Sin[.1 t])/2, 1, .6 + sg .4 Sin[hf sv]], PointSize[RandomReal[.01]],
               Point[basePt + 1/2 RotationTransform[20 sv, {-Cos[sv], Sin[sv], 0}][{Sin[sv], Cos[sv], 0}]]},
              {}]
          }]

frames = ParallelTable[
                       Graphics3D[Table[{
                                         dt[1, .01, -1, 1, 0, f, True], dt[.45, .01, 1, 1, 0, f, True],
                                         dt[1, .005, -1, 4, .2, f, False], dt[.45, .005, 1, 4, .2, f, False]},
                                        {t, 0, 200, PD}],
                                  ViewPoint -> Left, BoxRatios -> {1, 1, 1.3}, 
                                  ViewVertical -> {0, 0, -1},
                                  ViewCenter -> {{0.5, 0.5, 0.5}, {0.5, 0.55}}, Boxed -> False,
                                  PlotRange -> {{-20, 20}, {-20, 20}, {0, 20}}, Background -> Black],
                       {f, 0, 1, .01}];

Export["tree.gif", frames]

drzewko świąteczne

Silvia
źródło
7
To jest najlepsze !!
Murta
63

JavaScript

Wyjście danego kodu próbki

To jest mój pierwszy golfowy kod!

var a=40,b=8,c=13,o="<div style='font-family:monospace;text-align:center;color:#094'>",w=1,x=0,y="|#|<br>";for(i=1;i<a;i++){for(j=0;j<w;j++){x%c==0?o+="<span style='color:#D00'>O</span>":o+="+";x++;}i%b==0?w-=4:w+=2;o+="<br>";}document.write(o+"<span style='color:#640'>"+y+y+y+"</span></div>");

Występuje w 295 postaciach.

Rozmiar i dekoracja drzewa jest ustalana przez zmienne a, b, c:

  • a określa liczbę wierszy w drzewie
  • b ustawia liczbę rzędów między zmniejszeniami szerokości (ustawiona niska dla chudego drzewa, wysoka dla grubego drzewa). Musi być większy lub równy 3.
  • c ustawia ilość bombek (ustaw zero dla braku, 1 dla samych bombek, wyższe liczby dla mniej gęstego umieszczenia bombek)

Najlepiej wygląda, gdy a jest wielokrotnością b, jak w przykładzie.

Wklej do konsoli, aby utworzyć drzewo. Z daleka wygląda lepiej!

Indyk
źródło
1
zmniejszono do 264a=40,b=8,c=13,o="<p style='font:monospace;color:#094' align='center'>",w=1,x=0,y="|#|<br>";for(i=1;i<a;i++){for(j=0;j<w;j++){x%c==0?o+="<b style='color:red'>O</b>":o+="+";x++;}i%b==0?w-=4:w+=2;o+="<br>";}document.write(o+"<b style='color:#640'>"+y+y+y+"</b></p>");
1886419
4
Naprawdę grasz w konkurs popularności? Wow, napisałbym ładny czytelny kod (łatwiejszy do kodowania). +1
Justin
7
nie. Używasz doc.write? Brak +1 ode mnie.
John Dvorak,
2
@JanDvorak, dlaczego nie? Myślałem, że to gra w golfa ...
Pacerier
62

C ++

Zróbmy to w duchu IOCCC i nadajmy kod również kształtowi drzewa! :RE

#include <iostream>
using namespace std;

               int
             main(){
              int a
                ; 
               cin
             >>a;int
           w=a*2+5;for
             (int x=
           0;x<a;++x){
         for(int y=2;y>=
       0;--y){for(int z=0;
           z<a+y-x;++z
        ){cout<<" ";}for(
     int z=0;z<x*2-y*2+5;++z
        ){cout<<".";}cout
      <<endl;}}for(int x=0;
    x<w/5+1;++x){for(int z=0;
  z<w/3+1;++z){cout<<" ";}for(
int z=0;z<w-(w/3+1)*2;z+=1){cout
           <<"#";}cout
           <<endl;;;}}

Pobiera na wejściu liczbę całkowitą i zwraca choinkę z tyloma „poziomami stosu”. Na przykład wejście

5

Zwroty:

       .
      ...
     .....
      ...
     .....
    .......
     .....
    .......
   .........
    .......
   .........
  ...........
   .........
  ...........
 .............
      ###
      ###
      ###
      ###
Joe Z.
źródło
przykład wyjścia?
John Dvorak,
32
Kod wygląda bardziej jak drzewo chrismas niż wynik ...
Denys Séguret
2
@dystroy dla rekordu, instrukcje nie mówią, że to wynik musi zawierać drzewo.
Pierre Arlaud,
4
@ArlaudPierre: Ale rozmiar musi być regulowany, co jest niemożliwe tylko z kodem źródłowym. I mógłby zrobić program, który wyprowadza kod programu w kształcie choinki, która emituje rzeczywistą choinkę, ale mogę sobie wyobrazić, że będzie strasznie trudne, bez uciekania się do wstawiania tylko bezpańskie średników wszędzie.
Joe Z.
1
Jeśli umieścisz *na górze drzewa (kod źródłowy), będziesz miał moje +1.
Fabricio
61

JavaScript

Quasirealistyczny w pełni 3D proceduralny generator jodły.

Zawiera: rozbudowaną konfigurację z jeszcze większą liczbą opcji konfiguracyjnych obecnych w kodzie; zygzakowaty pień; gałęzie rozgałęzione; animacja wzrostu; obrót w pełni dorosłego drzewa.

Nie zawiera: jQuery, Underscore.js ani żadnej innej biblioteki; zależność sprzętowa - wymagana jest tylko obsługa obszaru roboczego; niechlujny kod (przynajmniej taka była intencja)

Strona na żywo: http://fiddle.jshell.net/honnza/NMva7/show/

Edytuj stronę: http://jsfiddle.net/honnza/NMva7/

zrzut ekranu:

jodła

HTML:

<canvas id=c width=200 height=300 style="display:none"></canvas>
<div id=config></div>

JavaScript:

var TAU = 2*Math.PI,
    deg = TAU/360,

    TRUNK_VIEW      = {lineWidth:3, strokeStyle: "brown", zIndex: 1},
    BRANCH_VIEW     = {lineWidth:1, strokeStyle: "green", zIndex: 2},
    TRUNK_SPACING   = 1.5,
    TRUNK_BIAS_STR  = -0.5,
    TRUNK_SLOPE     = 0.25,
    BRANCH_LEN      = 1,
    BRANCH_P        = 0.01,
    MIN_SLOPE       = -5*deg,
    MAX_SLOPE       = 20*deg,
    INIT_SLOPE      = 10*deg,
    MAX_D_SLOPE     =  5*deg,
    DIR_KEEP_BIAS   = 10,
    GROWTH_MSPF     = 10, //ms per frame
    GROWTH_TPF      = 10, //ticks per frame
    ROTATE_MSPF     = 10,
    ROTATE_RPF      = 1*deg; //radians per frame

var configurables = [
//    {key: "TRUNK_SPACING", name: "Branch spacing", widget: "number",
//     description: "Distance between main branches on the trunk, in pixels"},
    {key: "TRUNK_BIAS_STR", name: "Branch distribution", widget: "number",
     description: "Angular distribution between nearby branches. High values tend towards one-sided trees, highly negative values tend towards planar trees. Zero means that branches grow in independent directions."},
    {key: "TRUNK_SLOPE", name: "Trunk slope", widget: "number",
     description: "Amount of horizontal movement of the trunk while growing"},
    {key: "BRANCH_P", name: "Branch frequency", widget: "number",
     description: "Branch frequency - if =1/100, a single twig will branch off approximately once per 100 px"},
    {key: "MIN_SLOPE", name: "Minimum slope", widget: "number", scale: deg,
     description: "Minimum slope of a branch, in degrees"},
    {key: "MAX_SLOPE", name: "Maximum slope", widget: "number", scale: deg,
     description: "Maximum slope of a branch, in degrees"},
    {key: "INIT_SLOPE", name: "Initial slope", widget: "number", scale: deg,
     description: "Angle at which branches leave the trunk"},
    {key: "DIR_KEEP_BIAS", name: "Directional inertia", widget: "number",
     description: "Tendency of twigs to keep their horizontal direction"},
    {get: function(){return maxY}, set: setCanvasSize, name: "Tree height",
     widget:"number"}
    ];

var config = document.getElementById("config"),
    canvas = document.getElementById("c"),
    maxX   = canvas.width/2,
    maxY   = canvas.height,
    canvasRatio = canvas.width / canvas.height,
    c;

function setCanvasSize(height){
    if(height === 'undefined') return maxY;
    maxY = canvas.height = height;
    canvas.width = height * canvasRatio;
    maxX = canvas.width/2;
x}

var nodes = [{x:0, y:0, z:0, dir:'up', isEnd:true}], buds = [nodes[0]],
    branches = [],
    branch,
    trunkDirBias = {x:0, z:0};

////////////////////////////////////////////////////////////////////////////////

configurables.forEach(function(el){
    var widget;
    switch(el.widget){
        case 'number':
            widget = document.createElement("input");
            if(el.key){
                widget.value = window[el.key] / (el.scale||1);
                el.set = function(value){window[el.key]=value * (el.scale||1)};
            }else{
                widget.value = el.get();
            }
            widget.onblur = function(){
                el.set(+widget.value);
            };
            break;
        default: throw "unknown widget type";
    }
    var p = document.createElement("p");
    p.textContent = el.name + ": ";
    p.appendChild(widget);
    p.title = el.description;
    config.appendChild(p);
});
var button = document.createElement("input");
button.type = "button";
button.value = "grow";
button.onclick = function(){
    button.value = "stop";
    button.onclick = function(){clearInterval(interval)};
    config.style.display="none";
    canvas.style.display="";
    c=canvas.getContext("2d");
    c.translate(maxX, maxY);                
    c.scale(1, -1);
    interval = setInterval(grow, GROWTH_MSPF);
}
document.body.appendChild(button);
function grow(){
    for(var tick=0; tick<GROWTH_TPF; tick++){
        var budId = 0 | Math.random() * buds.length,
            nodeFrom = buds[budId], nodeTo, branch,
            dir, slope, bias

        if(nodeFrom.dir === 'up' && nodeFrom.isEnd){
            nodeFrom.isEnd = false; 
            rndArg = Math.random()*TAU;
            nodeTo = {
                x:nodeFrom.x + TRUNK_SPACING * TRUNK_SLOPE * Math.sin(rndArg),
                y:nodeFrom.y + TRUNK_SPACING,
                z:nodeFrom.z + TRUNK_SPACING * TRUNK_SLOPE * Math.cos(rndArg), 
                dir:'up', isEnd:true}
            if(nodeTo.y > maxY){
                console.log("end");
                clearInterval(interval);
                rotateInit();
                return;
            }
            nodes.push(nodeTo);
            buds.push(nodeTo);
            branch = {from: nodeFrom, to: nodeTo, view: TRUNK_VIEW};
            branches.push(branch);
            renderBranch(branch);
        }else{ //bud is not a trunk top
            if(!(nodeFrom.dir !== 'up' && Math.random() < BRANCH_P)){
                buds.splice(buds.indexOf(nodeFrom), 1)
            }
            nodeFrom.isEnd = false; 
            if(nodeFrom.dir === 'up'){
                bias = {x:trunkDirBias.x * TRUNK_BIAS_STR,
                        z:trunkDirBias.z * TRUNK_BIAS_STR};
                slope = INIT_SLOPE;
            }else{
                bias = {x:nodeFrom.dir.x * DIR_KEEP_BIAS,
                        z:nodeFrom.dir.z * DIR_KEEP_BIAS};
                slope = nodeFrom.slope;
            }
            var rndLen = Math.random(),
                rndArg = Math.random()*TAU;
            dir = {x: rndLen * Math.sin(rndArg) + bias.x,
                   z: rndLen * Math.cos(rndArg) + bias.z};
            var uvFix = 1/Math.sqrt(dir.x*dir.x + dir.z*dir.z);
            dir = {x:dir.x*uvFix, z:dir.z*uvFix};
            if(nodeFrom.dir === "up") trunkDirBias = dir;
            slope += MAX_D_SLOPE * (2*Math.random() - 1);
            if(slope > MAX_SLOPE) slope = MAX_SLOPE;
            if(slope < MIN_SLOPE) slope = MIN_SLOPE;
            var length = BRANCH_LEN * Math.random();
            nodeTo = {
                x: nodeFrom.x + length * Math.cos(slope) * dir.x,
                y: nodeFrom.y + length * Math.sin(slope),
                z: nodeFrom.z + length * Math.cos(slope) * dir.z,
                dir: dir, slope: slope, isEnd: true
            }
            //if(Math.abs(nodeTo.x)/maxX + nodeTo.y/maxY > 1) return;
            nodes.push(nodeTo);
            buds.push(nodeTo);
            branch = {from: nodeFrom, to: nodeTo, view: BRANCH_VIEW};
            branches.push(branch);
            renderBranch(branch);
        }// end if-is-trunk
    }// end for-tick
}//end func-grow

function rotateInit(){
    branches.sort(function(a,b){
        return (a.view.zIndex-b.view.zIndex);
    });
    interval = setInterval(rotate, ROTATE_MSPF);
}

var time = 0;
var view = {x:1, z:0}
function rotate(){
    time++;
    view = {x: Math.cos(time * ROTATE_RPF),
            z: Math.sin(time * ROTATE_RPF)};
    c.fillStyle = "white"
    c.fillRect(-maxX, 0, 2*maxX, maxY);
    branches.forEach(renderBranch);
    c.stroke();
    c.beginPath();
}

var prevView = null;
function renderBranch(branch){
    if(branch.view !== prevView){
        c.stroke();
        for(k in branch.view) c[k] = branch.view[k];
        c.beginPath();
        prevView = branch.view;
    }
    c.moveTo(view.x * branch.from.x + view.z * branch.from.z,
             branch.from.y);
    c.lineTo(view.x * branch.to.x + view.z * branch.to.z,
             branch.to.y);
}
John Dvorak
źródło
2
Wiem, ponieważ ta odpowiedź ma tylko jeden komentarz: ponieważ pozostawia ludzi bez słowa.
Caridorc,
49

Grzmotnąć

Przykładowe dane wyjściowe:

Drzewo Xmas ASCII

Rozmiar drzewa (tj. Liczba linii) jest przekazywany w wierszu poleceń i jest ograniczony do wartości 5 lub większych. Powyższy obraz został utworzony z polecenia ./xmastree.sh 12. Oto kod źródłowy:

#!/bin/bash
declare -a a=('.' '~' "'" 'O' "'" '~' '.' '*')
[[ $# = 0 ]] && s=9 || s=$1
[[ $s -gt 5 ]] || s=5
for (( w=1, r=7, n=1; n<=$s; n++ )) ; do
  for (( i=$s-n; i>0; i-- )) ;  do
    echo -n " "
  done
  for (( i=1; i<=w; i++ )) ; do
    echo -n "${a[r]}"
    [[ $r -gt 5 ]] && r=0 || r=$r+1
  done
  w=$w+2
  echo " "
done;
echo " "
piskliwy kostuch
źródło
To jest bardzo ładne.
pandubear
42

Oświadczenie: oparte jest na mojej choince LaTeX, po raz pierwszy opublikowanej tutaj: https://tex.stackexchange.com/a/87921/8463

Poniższy kod wygeneruje drzewo chrismtas z losowymi dekoracjami. Możesz zmienić zarówno rozmiar drzewa, jak i losowe ziarno, aby wygenerować inne drzewo.

Aby zmienić ziarno, zmodyfikuj wartość wewnątrz \pgfmathsetseed{\year * 6}na dowolną inną wartość liczbową (domyślna będzie generować nowe drzewo co roku)

Aby zmienić rozmiar drzewa, zmień order=10go na większy lub mniejszy w zależności od rozmiaru drzewa, które chcesz.

Przykłady order=11:

wprowadź opis zdjęcia tutaj

order=8

wprowadź opis zdjęcia tutaj

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{calc, lindenmayersystems,shapes,decorations,decorations.shapes}
\begin{document}

\def\pointlistleft{}
\def\pointlistright{}
\pgfmathsetseed{\year * 6}

\makeatletter
\pgfdeclarelindenmayersystem{Christmas tree}{
    \symbol{C}{\pgfgettransform{\t} \expandafter\g@addto@macro\expandafter\pointlistleft\expandafter{\expandafter{\t}}}
    \symbol{c}{\pgfgettransform{\t} \expandafter\g@addto@macro\expandafter\pointlistright\expandafter{\expandafter{\t}}}
    \rule{S -> [+++G][---g]TS}
    \rule{G -> +H[-G]CL}
    \rule{H -> -G[+H]CL}
    \rule{g -> +h[-g]cL}
    \rule{h -> -g[+h]cL}
    \rule{T -> TL}
    \rule{L -> [-FFF][+FFF]F}
}
\makeatother

\begin{tikzpicture}[rotate=90]
\draw [color=green!50!black,l-system={Christmas tree,step=4pt,angle=16,axiom=LLLLLLSLFFF,order=10,randomize angle percent=20}] lindenmayer system -- cycle;

\pgfmathdeclarerandomlist{pointsleft}{\pointlistleft}
\pgfmathdeclarerandomlist{pointsright}{\pointlistright}
\pgfmathdeclarerandomlist{colors}{{red}{blue}{yellow}}

\foreach \i in {0,1,...,5}
{
    \pgfmathrandomitem{\c}{pointsleft}
    \pgfsettransform{\c}
    \pgfgettransformentries{\a}{\b}{\c}{\d}{\xx}{\yy}
    \pgfmathrandomitem{\c}{pointsright}
    \pgfsettransform{\c}
    \pgfgettransformentries{\a}{\b}{\c}{\d}{\XX}{\YY}
    \pgftransformreset

    \pgfmathsetmacro\calcy{min(\yy,\YY)-max((abs(\yy-\YY))/3,25pt)}

    \draw[draw=orange!50!black, fill=orange!50, decorate, decoration={shape backgrounds, shape=star, shape sep=3pt, shape size=4pt}, star points=5] (\xx,\yy) .. controls (\xx,\calcy pt) and (\XX,\calcy pt) .. (\XX,\YY);
}

\foreach \i in {0,1,...,15}
{
    \pgfmathrandomitem{\c}{pointsleft}
    \pgfsettransform{\c}
    \pgftransformresetnontranslations
    \draw[color=black] (0,0) -- (0,-4pt);
    \pgfmathrandomitem{\c}{colors}
    \shadedraw[ball color=\c] (0,-8pt) circle [radius=4pt];
}

\foreach \i in {0,1,...,15}
{
    \pgfmathrandomitem{\c}{pointsright}
    \pgfsettransform{\c}
    \pgftransformresetnontranslations
    \draw[color=black] (0,0) -- (0,-4pt);
    \pgfmathrandomitem{\c}{colors}
    \shadedraw[ball color=\c] (0,-8pt) circle [radius=4pt];
}

\end{tikzpicture}
\end{document}
Sztuczki
źródło
Powiedziałbym, że jest to oparte na drzewie Stefana Kottwitza, po raz pierwszy opublikowanym tutaj . Mówienie, że jest oparte na twoim drzewie, sprawia wrażenie, jakbyś napisał dla niego cały kod, co nie jest prawdą. Ktoś inny napisał większość kodu dla rzeczywistego drzewa.
Facet z kapeluszem,
@RyanCarlson pomysł wykorzystania systemu Lindenmayer jako podstawy do ozdabiania był moim pomysłem, a jeśli dokładnie sprawdzisz oba kody, zobaczysz, że część kodu Lindenmayer została przeprojektowana, aby zawierała również dodatkowe części (takie jak root do drzewa, którego brakuje w oryginale). Poza tym nie zapomniałem odwoływać się do oryginału, w którym każdy może sprawdzić odniesienia (w tym ten do Peitgena i Saupe'a, który mógł być pierwszym, który opracował równanie drzewa)
SztupY
34

Befunge 93

To jest drzewo bez dekoracji:

&::00p20pv
vp010    <
v              p00<
>:0`!#v_" ",1-
v,"/"$<
>10g:2+v
vp01   <
>:0`!#v_" ",1-
v,"\"$<
>91+,00g1-::0`!#v_^
v        *2+1g02<
>:0`!#v_"-",1-
v g02$<
>91+,v
v    <
>:0`!#v_" ",1-
"||"$ <@,,

Przykładowe wyjście, wejście to 10:

          /\
         /  \
        /    \
       /      \
      /        \
     /          \
    /            \
   /              \
  /                \
 /                  \
----------------------
          ||

Dodajmy dekoracje:

&::00p20pv
vp010    <
v              p00<
>:0`!#v_" ",1-
v,"/"$<
>10g:2+v             >"O" v
vp01   <            >?v
>:0`!#v_           >?>>" ">,1-
v,"\"$<             >?<
>91+,00g1-::0`!#v_^  >"*" ^
v        *2+1g02<
>:0`!#v_"-",1-
v g02$<
>91+,v
v    <
>:0`!#v_" ",1-
"||"$ <@,,

Przykładowe dane wyjściowe:

          /\
         /O \
        /    \
       /   ** \
      /     *  \
     /    **   O\
    /* O* *  *   \
   / O      O     \
  / *  **   O*     \
 /   *OO   *  OOO * \
----------------------
          ||
Justin
źródło
32

HTML i CSS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Scalable christmas tree</title>
<style>
body {
  background-color: skyblue;
  background-size: 11px 11px, 21px 21px, 31px 31px;
  background-image: radial-gradient(circle at 5px 5px,white,rgba(255,255,255,0) 1px), radial-gradient(circle at 5px 5px,white,rgba(255,255,255,0) 2px), radial-gradient(circle at 5px 5px,white 1px,skyblue 1px);
}
div {
  float: left;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: green;
  border-width: 20px;
  border-top-width: 0;
  border-bottom-width: 30px;
  border-bottom-left-radius: 35%;
  border-bottom-right-radius: 35%;
  box-shadow: red 0 15px 5px -13px;
  animation-name: light;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-name: light;
  -webkit-animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
}
section {
  float: left;
}
header {
  color: yellow;
  font-size: 30px;
  text-align: center;
  text-shadow: red 0 0 10px;
  line-height: .5;
  margin-top: 10px;
  animation-name: star;
  animation-duration: 1.5s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  -webkit-animation-name: star;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
}
footer {
  float: left;
  width: 100%;
  height: 20px;
  background-image: linear-gradient(to right, transparent 45%, brown 45%, #600 48%, #600 52%, brown 55%, transparent 55%);
}
:target {
  display: none;
}
@keyframes star {
  from { text-shadow: red 0 0 3px; }
  to { text-shadow: red 0 0 30px; }
}
@-webkit-keyframes star {
  from { text-shadow: red 0 0 3px; }
  to { text-shadow: red 0 0 30px; }
}
@keyframes light {
  from { box-shadow: red 0 15px 5px -13px; }
  to { box-shadow: blue 0 15px 5px -13px; }
}
@-webkit-keyframes light {
  from { box-shadow: red 0 15px 5px -13px; }
  to { box-shadow: blue 0 15px 5px -13px; }
}
</style>
</head>
<body>
<section>
<header>&#x2605;</header>
<div id="0"><div id="1"><div id="2"><div id="3"><div id="4"><div id="5"><div id="6"><div id="7"><div id="8"><div id="9"><div id="10"><div id="11"><div id="12"><div id="13"><div id="14"><div id="15"><div id="16"><div id="17"><div id="18"><div id="19"><div id="20"><div id="21"><div id="22"><div id="23"><div id="24">
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<footer></footer>
</section>
</body>
</html>

Obsługiwane są rozmiary od 1 do 25 - wystarczy dodać rozmiar do adresu URL jako identyfikator fragmentu.

Działa w Chrome, Explorer i Firefox. W Operze jest brzydka, ale część skalująca działa.

Przykładowy dostęp:

http://localhost/xmas.html#5

choinka wielkości 5

Przykładowy dostęp:

http://localhost/xmas.html#15

choinka w rozmiarze 15

Na żywo:

http://dabblet.com/gist/8026898

(Podgląd na żywo nie zawiera CSS z prefiksem dostawcy i zawiera łącza do zmiany rozmiaru.)

człowiek w pracy
źródło
1
+1 Podoba mi się pomysł użycia :targetdo skalowania wyjścia :-)
piskliwy ossifrage
32

Jawa

import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Toolkit;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.SwingUtilities;

/**
 *
 * @author Quincunx
 */
public class ChristmasTree {
    public static double scale = 1.2;

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                new ChristmasTree();
            }
        });
    }

    public ChristmasTree() {
        try {
            URL url = new URL("http://imgs.xkcd.com/comics/tree.png");
            BufferedImage img = ImageIO.read(url);

            JFrame frame = new JFrame();
            frame.setUndecorated(true);
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            Dimension d = Toolkit.getDefaultToolkit().getScreenSize();

            BufferedImage result = 
                    new BufferedImage((int)(img.getWidth() * scale), 
                            (int) (img.getHeight() * scale), 
                            BufferedImage.TYPE_INT_RGB);
            Graphics2D g = (Graphics2D) result.getGraphics();
            g.drawRenderedImage(img, AffineTransform.getScaleInstance(scale, scale));

            JImage image = new JImage(result);
            image.setToolTipText("Not only is that terrible in general, but you "
                    + "just KNOW Billy's going to open the root present first, "
                    + "and then everyone will have to wait while the heap is "
                    + "rebuilt.");
            frame.add(image);
            frame.pack();
            frame.setVisible(true);

        } catch (IOException ex) {

        }
    }

    class JImage extends JPanel implements MouseListener {

        BufferedImage img;

        public JImage(){
            this(null);
        }
        public JImage(BufferedImage image){
            img = image;
            setPreferredSize(new Dimension(image.getWidth(), image.getHeight()));
            addMouseListener(this);
        }

        @Override
        public void paintComponent(Graphics g) {
            super.paintComponent(g);
            g.drawImage(img, WIDTH, WIDTH, this);
        }

        public void setImage(BufferedImage image) {
            img = image;
            repaint();
        }

        @Override
        public void mouseClicked(MouseEvent me) {
            System.exit(0);
        }

        @Override
        public void mousePressed(MouseEvent me) {

        }

        @Override
        public void mouseReleased(MouseEvent me) {

        }

        @Override
        public void mouseEntered(MouseEvent me) {

        }

        @Override
        public void mouseExited(MouseEvent me) {

        }
    }
}

Aby zmienić rozmiar, zmień scalena inną podwójną wartość (pozostaw około 1, jeśli chcesz coś zobaczyć).

Przykładowe dane wyjściowe (dla skali 1.0, zbyt leniwe, aby zrobić zrzut ekranu, więc właśnie opublikowałem, co robi):

wprowadź opis zdjęcia tutaj

Program pobiera ten obraz z Internetu, zmienia jego rozmiar zgodnie z scale, a następnie umieszcza go w nie ozdobionym oknie, w którym jest wyświetlany. Kliknięcie okna zamyka program. Jest też tekst podpowiedzi, ale nie ma linku.

Justin
źródło
3
To niczego nie „rysuje”.
Mrchief
@Mrchief Wyzwaniem nie jest narysowanie czegoś; ma zrobić drzewo. To robi drzewo, robiąc zdjęcie
Justin
2
Czy sam wygenerowałeś obraz? Nie. Tylko skądś to pobierasz. Pytanie nie polega na pobraniu obrazu i zmianie jego rozmiaru. Sprawdź inne odpowiedzi, a zrozumiesz, o co faktycznie poprosił PO.
Mrchief
10
@Mrchief Czy zauważyłeś, kto napisał OP? To jedno z wielu możliwych rozwiązań, których szukałem, kiedy zadałem to pytanie.
Justin,
3
Ha! Uderzenie w głowę! Ponieważ jest to twój własny post, nie widzę wiele powodów, aby się kłócić, poza wyrażeniem mojej opinii, że to nie to samo, co twój kod „coś robi” (podobnie jak reszta odpowiedzi). Podobnie jak pobieranie filmu to nie to samo, co tworzenie filmu.
Mrchief,
28

TI-89 Basic

Tylko dlatego, że chciałem zobaczyć choinkę na moim kalkulatorze. Wpiszę go tutaj, jak pojawia się na moim kalkulatorze.

:tree()
:Prgm
:
:Local size
:Prompt size
:
:Local d,x,y,str,orn
:size→x
:0→y
:{" "," "," "," "," "," "," "," ","°","∫","θ","O","©"}→orn
:size→d
:
:While d≥0
: d-1→d
: ""→str
: 
: While x≥0
:  str&" "→str
:  x-1→x
: EndWhile
: 
: str&"/"→str
: 2*y→x
:
: While x>0
:  str&elementAt(orn,rand(colDim(list▶mat(orn))))→str
:  x-1→x
: EndWhile
: 
: str&"\"→str
: Disp str
: y+1→y
: d→x
:EndWhile
:
:""→str
:
:For x,1,2*(size+2)
: str&"-"→str
:EndFor
:Disp str
:
:""→str
:For x,1,size+1
: str&" "→str
:EndFor
:str&"||"→str
:Disp str
:
:EndPrgm


:elementAt(l,i)
:Func
:Local m
:list▶mat(l)→m
:
:Local cd
:colDim(m)→cd
:
:If i>cd or i≤0 Then
: 1/0
:Else
: If i=cd Then
:  Return sum(mat▶list(subMat(m,1,i))) - sum(mat▶list(subMat(m,1,i+1)))
: Else
:  Return sum(mat▶list(subMat(m,1,i))) - sum(mat▶list(subMat(m,1,i+1)))
: EndIf
:EndIf
:EndFunc

Działa to tak samo, jak moja odpowiedź Befunge, ale używam różnych ozdób. Tak, elementAtwielokrotne użycie mojej funkcji spowalnia program z powodu wielu konwersji między listami i macierzami, ale jak już to napisałem, postanowiłem go nie edytować. Nauczyłem się także podczas pisania tej odpowiedzi, która ©tworzy komentarz (myślałem, że to wygląda @, ale to inna postać). Nigdy wcześniej nie wiedziałem, co to jest.

Przykładowe dane wyjściowe:

size?
7
        /\
       / O\
      /∫   \
     / ©  ∫°\
    / θ ∫   ∫\
   /°  °  ©  ©\
  /O  ∫  O °   \
 / θ  °©  ∫ O  θ\
------------------
        ||

Kocham te ; wyglądają jak cukierki.

Justin
źródło
Co to za wersja?
SuperJedi224,
@ SuperJedi224 Dodałem go do odpowiedzi
Justin
27

Wolfram Language ( Mathematica )

Jak omówiono w słynnym wątku Reddit: t * sin (t) tree Choinka

PD = .5; s[t_, f_] := t^.6 - f;
 dt[cl_, ps_, sg_, hf_, dp_, f_] := 
    {PointSize[ps], Hue[cl, 1, .6 + sg .4 Sin[hf s[t, f]]], 
     Point[{-sg s[t, f] Sin[s[t, f]], -sg s[t, f] Cos[s[t, f]], dp + s[t, f]}]};

 frames = ParallelTable[

    Graphics3D[Table[{dt[1, .01, -1, 1, 0, f], dt[.45, .01, 1, 1, 0, f], 
                      dt[1, .005, -1, 4, .2, f], dt[.45, .005, 1, 4, .2, f]}, 
 {t, 0, 200, PD}],

     ViewPoint -> Left, BoxRatios -> {1, 1, 1.3}, ViewVertical -> {0, 0, -1}, 
    ViewCenter -> {{0.5, 0.5, 0.5}, {0.5, 0.55}}, Boxed -> False, Lighting -> "Neutral", 
    PlotRange -> {{-20, 20}, {-20, 20}, {0, 20}}, Background -> Black],

   {f, 0, 1, .01}];

Export["tree.gif", frames]

wprowadź opis zdjęcia tutaj

Witalij Kaurow
źródło
Gdzie ustawiasz rozmiar i jak wpływa na wygenerowane drzewo?
manatwork
2
@manatwork jest to w zasadzie wykres, t*sin(t)jak powiedziałem w poście. Tak więc wykreślanie większych t stworzy większe drzewo:Table[..., {t, 0, 200, PD}]
Vitaliy Kaurov,
24

Bash z Bc i ImageMagick

#!/bin/bash

size="${1:-10}"

width=$(( size*25 ))
height=$(( size*size+size*10 ))

cos=( $( bc -l <<< "for (i=0;i<3.14*2;i+=.05) c(i)*100" ) )
sin=( $( bc -l <<< "for (i=0;i<3.14*2;i+=.05) s(i)*100" ) )
cos=( "${cos[@]%.*}" )
sin=( "${sin[@]%.*}" )

cos=( "${cos[@]/%-/0}" )
sin=( "${sin[@]/%-/0}" )

snow=()
needle=()
decor=()
for ((i=2;i<size+2;i++)); do
  for ((j=3;j<=31;j++)); do
    (( x=width/2+i*10+cos[62-j]*i*10/100 ))
    (( y=i*i+sin[j]*i*5/100 ))

    for ((e=0;e<i;e++)); do
      needle+=(
        -draw "line $x,$y $(( x+RANDOM%i-i/2 )),$(( y+RANDOM%i-i/2 ))"
        -draw "line $(( width-x )),$y $(( width-x+RANDOM%i-i/2 )),$(( y+RANDOM%i-i/2 ))"
      )
    done

    (( RANDOM%2 )) && (( x=width-x ))
    snow+=(
      -draw "circle $x,$(( y-i/2 )) $(( x+i/3 )),$(( y-i/2+i/3 ))"
    )

    (( RANDOM%10 )) || decor+=(
      -fill "rgb($(( RANDOM%5*20+50 )),$(( RANDOM%5*20+50 )),$(( RANDOM%5*20+50 )))"
      -draw "circle $x,$(( y+i )) $(( x+i/2 )),$(( y+i+i/2 ))"
    )
  done
done

flake=()
for ((i=0;i<width*height/100;i++)); do
  flake+=(
    -draw "point $(( RANDOM%width )),$(( RANDOM%height ))"
  )
done

convert \
  -size "${width}x$height" \
  xc:skyblue \
  -stroke white \
  -fill white \
  "${snow[@]}" \
  -blur 5x5 \
  "${flake[@]}" \
  -stroke brown \
  -fill brown \
  -draw "polygon $(( width/2 )),0 $(( width/2-size )),$height, $(( width/2+size )),$height" \
  -stroke green \
  -fill none \
  "${needle[@]}" \
  -stroke none \
  -fill red \
  "${decor[@]}" \
  x:

Przykładowy przebieg:

bash-4.1$ ./xmas.sh 5

Przykładowe dane wyjściowe:

choinka wielkości 5

Przykładowy przebieg:

bash-4.1$ ./xmas.sh 15

Przykładowe dane wyjściowe:

choinka w rozmiarze 15

człowiek w pracy
źródło
23

do

Przykładowe dane wyjściowe dla głębokości = 4, zoom = 2,0

Drzewo

Ta odpowiedź wykorzystuje podejście zupełnie inne niż inne odpowiedzi. Generuje strukturę drzewa poprzez rekurencyjne rozgałęzianie. Każda gałąź jest reprezentowana przez zestaw kół. I na koniec główna funkcja próbkuje koła i wypełnia się znakami, gdy koła są spełnione. Ponieważ odbywa się to przez próbkowanie sceny (np. Śledzenie promieni), jest ono samoistnie skalowalne. Minusem jest szybkość, ponieważ przecina ona całą strukturę drzewa dla każdego „piksela”!

Pierwszy argument wiersza poleceń kontroluje głębokość rozgałęzienia. A druga skala kontrolna (2 oznacza 200%).

#include <math.h>
#include <stdio.h>
#include <stdlib.h>

#define PI 3.14159265359

float sx, sy;

float sdCircle(float px, float py, float r) {
    float dx = px - sx, dy = py - sy;
    return sqrtf(dx * dx + dy * dy) - r;
}

float opUnion(float d1, float d2) {
    return d1 < d2 ? d1 : d2;
}

#define T px + scale * r * cosf(theta), py + scale * r * sin(theta)

float f(float px, float py, float theta, float scale, int n) {
    float d = 0.0f;
    for (float r = 0.0f; r < 0.8f; r += 0.02f)
        d = opUnion(d, sdCircle(T, 0.05f * scale * (0.95f - r)));

    if (n > 0)
        for (int t = -1; t <= 1; t += 2) {
            float tt = theta + t * 1.8f;
            float ss = scale * 0.9f;
            for (float r = 0.2f; r < 0.8f; r += 0.1f) {
                d = opUnion(d, f(T, tt, ss * 0.5f, n - 1));
                ss *= 0.8f;
            }
        }

    return d;
}

int ribbon() {
    float x = (fmodf(sy, 0.1f) / 0.1f - 0.5f) * 0.5f;
    return sx >= x - 0.05f && sx <= x + 0.05f;
}

int main(int argc, char* argv[]) {
    int n = argc > 1 ? atoi(argv[1]) : 3;
    float zoom = argc > 2 ? atof(argv[2]) : 1.0f;
    for (sy = 0.8f; sy > 0.0f; sy -= 0.02f / zoom, putchar('\n'))
        for (sx = -0.35f; sx < 0.35f; sx += 0.01f / zoom) {
            if (f(0, 0, PI * 0.5f, 1.0f, n) < 0.0f) {
                if (sy < 0.1f)
                    putchar('.');
                else {
                    if (ribbon())
                        putchar('=');
                    else
                        putchar("............................#j&o"[rand() % 32]);
                }
            }
            else
                putchar(' ');
        }
}
Milo Yip
źródło
2
Myślę, że można śmiało powiedzieć, że jest to jak dotąd najbardziej imponująca technicznie odpowiedź na to pytanie.
Stuntddude,
20

Mathematica ASCII

Bardzo lubię grafikę ASCII, więc dodam inną, zupełnie inną odpowiedź - szczególnie, że w Mathematica jest tak krótko:

Column[Table[Row[RandomChoice[{"+", ".", "*", "~", "^", "o"}, k]], {k, 1, 35, 2}], 
Alignment -> Center]

wprowadź opis zdjęcia tutaj

A teraz z nieco większym zaawansowaniem skalowalne dynamiczne drzewo ASCII. Uważnie obserwuj - drzewo również się zmienia - śnieg przywiera do gałęzi, a następnie spada ;-)

DynamicModule[{atoms, tree, pos, snow, p = .8, sz = 15},

 atoms = {
   Style["+", White],
   Style["*", White],
   Style["o", White],
   Style[".", Green],
   Style["~", Green],
   Style["^", Green],
   Style["^", Green]
   };

 pos = Flatten[Table[{m, n}, {m, 18}, {n, 2 m - 1}], 1];

 tree = Table[RandomChoice[atoms, k], {k, 1, 35, 2}];

 snow = Table[
   RotateLeft[ArrayPad[{RandomChoice[atoms[[1 ;; 2]]]}, {0, sz}, " "],
     RandomInteger[sz]], {sz + 1}];

 Dynamic[Refresh[

   Overlay[{

     tree[[Sequence @@ RandomChoice[pos]]] = RandomChoice[atoms];
     Column[Row /@ tree, Alignment -> Center, Background -> Black],

     Grid[
      snow = 
       RotateRight[
        RotateLeft[#, 
           RandomChoice[{(1 - p)/2, p, (1 - p)/2} -> {-1, 0, 1}]] & /@
          snow
        , {1, 0}]]

     }, Alignment -> Center]

   , UpdateInterval -> 0, TrackedSymbols -> {}]
  ]
 ]

wprowadź opis zdjęcia tutaj

Witalij Kaurow
źródło
Niezłe. Gdzie dostosowujesz rozmiar? Czy to 35 w Tableparametrach?
manatwork
@manatwork tak 35 w tabeli. Dzięki;)
Witalij Kaurow
19

Zrobiłem to dla wyzwania na / r / dailyprogrammer , (nie jestem pewien, czy ponowne użycie kodu jest niezgodne z duchem / zasadami tego), ale:

Brainfuck. Pobiera na wejściu liczbę (długość dolnego rzędu liści) i dwa znaki. Jedna przestrzeń między nimi.

Przykładowe dane wejściowe: 13 = +

Przykładowe dane wyjściowe:

      +
     +++
    +++++
   +++++++
  +++++++++
 +++++++++++
+++++++++++++
     ===

Kod:

                   >
                  ,--
                 -----
                -------
               ---------
              ---------[+
             +++++++++++++
            +++++++++++++++
           +++<[>>++++++++++
          <<-]>--------------
         ---------------------
        -------------[<+>-]>[<<
       +>>-]<,------------------
      --------------],>,,>>++++[<
     ++++++++>-]++++++++++>+<<<<<-
    [>>>>>>+>+<<<<<<<--]>>>>>>>[<<<
   <<<<++>>>>>>>-]<<<<<<<[>>>>>>[<<<
  .>>>>+<-]>[<+>-]<<[<<<.>>>>>+<<-]>>
 [<<+>>-]<<<.>>><-<++<<<<<--]>>...>>>-
--[>+<<<<..>>>--]<.>>[<<<.>>>>+<-]<<<<<
                ...>>>.
pandubear
źródło
1
Nareszcie odpowiedź od pieprzonego mózgu!
Pharap
16

Przetwarzanie

Oryginalna fraktalna choinka. Pozycja Y myszy określa rozmiar, użyj klawiszy strzałek w górę i w dół, aby zmienić liczbę pokoleń.

int size = 500;

int depth = 10;

void setup() {
  frameRate(30);
  size(size, size, P2D);
}

void draw() {
  background(255);
  tree(size/2.0, size, 0.0, radians(0), radians(108), (size - mouseY)/3, depth);
  tree(size/2.0, size, 0.0, radians(108), radians(0), (size - mouseY)/3, depth);
}

void keyPressed() {
  if(keyCode == UP) depth++;
  if(keyCode == DOWN) depth--;
  depth = max(depth, 1);
}

void tree(float posX, float posY, float angle, float forkRight, float forkLeft, float length, int generation) {
  if (generation > 0) {
    float nextX = posX + length * sin(angle);
    float nextY = posY - length * cos(angle);

    line(posX, posY, nextX, nextY);

    tree(nextX, nextY, angle + forkRight, forkRight, forkLeft, length*0.6, generation - 1);
    tree(nextX, nextY, angle - forkLeft,  forkRight, forkLeft, length*0.6, generation - 1);
  }
}

Co za piękna choinka, nie sądzisz, mamo?

Or, if you prefer a fuller tree:

int size = 500;

int depth = 10;

void setup() {
  frameRate(30);
  size(size, size, P2D);
}

void draw() {
  background(255);
  tree(size/2.0 - 5, size, 0.0, 0.0, (size - mouseY)/3, depth);
}

void keyPressed() {
  if(keyCode == UP) depth++;
  if(keyCode == DOWN) depth--;
  depth = max(depth, 1);
}

void tree(float posX, float posY, float angle, float fork, float length, int generation) {
  if (generation > 0) {
    float nextX = posX + length * sin(angle);
    float nextY = posY - length * cos(angle);

    line(posX, posY, nextX, nextY);

    tree(nextX, nextY, angle + fork + radians(108), fork, length*0.6, generation - 1);
    tree(nextX, nextY, angle - fork,                fork, length*0.6, generation - 1);
    tree(nextX, nextY, angle + fork - radians(108), fork, length*0.6, generation - 1);
  }
}

Jestem bardzo zakłopotany, że ktoś pobił mnie, że opublikowałem drzewo fraktalne, mimo że wyprzedziłem ten pomysł i faktycznie zacząłem nad nim pracować: /

Stuntddude
źródło
14

Rubin

((1..20).to_a+[6]*4).map{|i|puts ('*'*i*2).center(80)}

Szczęśliwego Nowego Roku

Możesz dostosować dane wyjściowe, zmieniając *.
Dla zielonego drzewa:((1..20).to_a+[6]*4).map{|i|puts "\e[32m"+('*'*i*2).center(80)}

Podejście 2 (drzewo Xmas, które nie wygląda jak strzała)

((1..6).to_a+(3..9).to_a+(6..12).to_a+[3]*4).map{|i|puts "\e[32m"+('*'*i*4).center(80)}

Szczęśliwego Nowego Roku

Podejście 3

((1..20).to_a+[6]*4).map{|i|puts' '*(20-i)+'*'*(2*i-1)}
NARKOZ
źródło
2
To bardziej strzała, a potem choinka!
klingt.net,
4
@ klingt.net * niż.
NARKOZ,
Czas zapalić choinkę.
NARKOZ
A gdzie określasz rozmiar?
manatwork
@manatwork w zakresach. 1..20, 1..6itp.
NARKOZ,
14

Grafika żółwia

wprowadź opis zdjęcia tutaj

Na podstawie właściwości spirali Eulera .

Kod:

wprowadź opis zdjęcia tutaj

Skala zależy od wielkości kroku ( move forward by: 6). Wersja interaktywna jest dostępna tutaj .

PS Zainspirowany tym pytaniem.

Ybeltukov
źródło
Gdzie to jest „skalowalne”? Poza tym jest świetnie!
Justin
@Quincunx Możesz zmienić skalę, zmieniając move forward by 6. Na przykład 10spowoduje utworzenie większego drzewa. Właściwie nie ma danych wejściowych w tym „języku” (lub cały kod można traktować jako dane wejściowe;)).
ybeltukov
14

Przetwarzanie

Zrobiłem ten generator drzewa za pomocą L-System i Turtle.

Drzewo

kod:

//My code, made from scratch:
final int THE_ITERATIONS = 7;
final float SCALE = 1;
final int ANGLE = 130;
final int SIZE = 4;

final int ITERATIONS = THE_ITERATIONS - 1;

int lineLength;

String lSystem;
ArrayList<Turtle> turtles;

int turtleIndex;
int lSystemIndex;

void setup()
{
  size(320, 420);
  background(255);
  translate(width / 2, height - 70);

  lineLength = ITERATIONS * 2 + 2;

  lSystem = "[-F][+F]F";

  turtles = new ArrayList<Turtle>(ITERATIONS + 1);
  lSystemIndex = 0;

  calculateLSystem();
  println(lSystem);

  turtles.add(new Turtle(0, 0));

  doTurtles();
  save("Tree.png");
}

void doTurtles()
{
  while(lSystemIndex < lSystem.length())
  {
    print("\"" + lSystem.charAt(lSystemIndex) + "\": ");
    if(lSystem.charAt(lSystemIndex) == 'F')
    {
      turtleForward();
    }
    else if(lSystem.charAt(lSystemIndex) == '[')
    {
      lineLength -= 2;
      addTurtle();
      println(turtles.size());
    }
    else if(lSystem.charAt(lSystemIndex) == ']')
    {
      lineLength += 2;
      removeTurtle();
      println(turtles.size());
    }
    else if(lSystem.charAt(lSystemIndex) == '+')
    {
      turtleRight();
    }
    else if(lSystem.charAt(lSystemIndex) == '-')
    {
      turtleLeft();
    }
    lSystemIndex++;
  }
}

void addTurtle()
{
  turtles.add(new Turtle(turtles.get(turtles.size() - 1)));
}

void removeTurtle()
{
  turtles.remove(turtles.size() - 1);
}

void turtleLeft()
{
  turtles.get(turtles.size() - 1).left(ANGLE + random(-5, 5));
}

void turtleRight()
{
  turtles.get(turtles.size() - 1).right(ANGLE + random(-5, 5));
}

void turtleForward()
{
  print(turtles.get(turtles.size() - 1) + ": ");
  strokeWeight(min(lineLength / SIZE, 1));
  stroke(5 + random(16), 90 + random(16), 15 + random(16));
  if(turtles.size() == 1)
  {
    strokeWeight(lineLength / 2);
    stroke(100, 75, 25);
  }
  turtles.get(turtles.size() - 1).right(random(-3, 3));
  turtles.get(turtles.size() - 1).forward(lineLength);
}

void calculateLSystem()
{
  for(int i = 0; i < ITERATIONS; i++)
  {
    lSystem = lSystem.replaceAll("F", "F[-F][+F][F]");
  }
  lSystem = "FF" + lSystem;
}

void draw()
{

}

//——————————————————————————————————————————————————————
// Turtle code, heavily based on code by Jamie Matthews
// http://j4mie.org/blog/simple-turtle-for-processing/
//——————————————————————————————————————————————————————

class Turtle {
  float x, y; // Current position of the turtle
  float angle = -90; // Current heading of the turtle
  boolean penDown = true; // Is pen down?
  int lineLength;

  // Set up initial position
  Turtle (float xin, float yin) {
    x = xin;
    y = yin;
    //lineLength = lineLengthin;
  }

  Turtle (Turtle turtle) {
    x = turtle.x;
    y = turtle.y;
    angle = turtle.angle;
    //lineLength = turtle.lineLength - 1;
  }

  // Move forward by the specified distance
  void forward (float distance) {
    distance = distance * SIZE * random(0.9, 1.1);
    // Calculate the new position
    float xtarget = x+cos(radians(angle)) * distance;
    float ytarget = y+sin(radians(angle)) * distance;

    // If the pen is down, draw a line to the new position
    if (penDown) line(x, y, xtarget, ytarget);
    println(x + ", " + y + ", " + xtarget + ", " + ytarget);
    // Update position
    x = xtarget;
    y = ytarget;
  }

  // Turn left by given angle
  void left (float turnangle) {
    angle -= turnangle;
    println(angle);
  }

  // Turn right by given angle
  void right (float turnangle) {
    angle += turnangle;
    println(angle);
  }
}
Facet z kapeluszem
źródło
2
Tak! System L!
luser droog
1
Zgadzam się, że jest to najbardziej realistyczne :)
Timtech
@Timtech Nie zgadzam się. Myślę, że jest to drugi najbardziej realistyczny, po odpowiedzi JavaScript Dana Dvoraka . Spójrz na te igły (na tę)! Wszystkie są zgrupowane razem we wzory, których nie widziałem na wiecznie zielonym drzewie. Jednak drzewo Jana przypomina mi drzewko jodły.
Justin
1
@Quincunx Musiałem tego przegapić. Mimo to ten wygląda całkiem nieźle.
Timtech,
@Quincunx Drzewo Jana - i Howarda też - jest naprawdę fajne, ale niekoniecznie całkowicie realistyczne . Jan przyznaje nawet, że drzewo jest tylko „quasirealistyczne”. - RyanCarlson 10 sekund temu
Facet z kapeluszem
12

JavaScript (uruchamiany na dowolnej stronie w konsoli)

Grałem w tę grę, ale potem postanowiłem tego nie robić, więc, jak widać, istnieje mnóstwo TON magicznych liczb: P

// size
s = 300

document.write('<canvas id=c width=' + s + ' height=' + s + '>')
c = document.getElementById('c').getContext('2d')
c.fillStyle = '#0D0'
for (var i = s / 3; i <= s / 3 * 2; i += s / 6) {
  c.moveTo(s / 2, s / 10)
  c.lineTo(s / 3, i)
  c.lineTo(s / 3 * 2, i)
  c.fill()
}
c.fillStyle = '#DA0'
c.fillRect(s / 2 - s / 20, s / 3 * 2, s / 10, s / 6)

Wynik dla s = 300:

zrzut ekranu

s = 600:

zrzut ekranu

Klamka
źródło
2
Czy zamierzasz udekorować drzewo? :-)
Justin
1
@Quincunx Możliwe, że popracuję nad tym później :)
Klamka
2
GAH! Gdzie są średniki ?!
Andrew Larsson,
2
@AndrewLarsson: W JavaScript nie są wymagane
ProgramFOX,
10

Język Game Maker

spr_tree

spr_tree

Drzewo Utwórz wydarzenie

image_speed=0
size=get_integer("How big do you want me to be?#Integer between 1 and 10, please!",10)
image_index=size-1

Pokój, 402 na 599

Drzewo jest umieszczone na (0,0)

Premia! Możesz zmienić rozmiar choinki po początkowym wprowadzeniu za pomocą klawiszy 0–9.

Timtech
źródło
8

Odpowiedź AppleScript + SE

Właściwie podniosłem to przypadkowo podczas edytowania odpowiedzi na to pytanie. Domyśl.

Użyj tego, uruchamiając kod, wpisując żądany numer, przesuwając palcem do posta SE i klikając pole tekstowe. Wykorzystuje to fakt, że cytaty są nakładane.

tell application "System Events"
    set layers to (display dialog "" default answer "")'s text returned as number
    delay 5
    repeat layers times
        keystroke ">"
    end repeat
end tell

Wyjście (wejście 50):

>

Addison Crump
źródło
6

Zdobione drzewo FORTRAN

    character(len=36) :: f='/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\'
    character(len=18) :: g = '                  '
    character(len=14) :: p = ".x$.+oO+oO.#,~"
    character(len=10) :: q

    n = iargc()
    if (n /= 1) then 
        k = len(g)
    else
        call getarg(1,q) 
        read(q,*) k
    end if
    l = modulo(k,len(g))+1
    do i=1,l
        j = mod(i,len(p)-1)+1
        print *,g(1:l-i),p(j:j),f(1:2*i),p(j+1:J+1)
        end do
    print *,g(1:l-1),f(1:4)
    end

Drzewo ma ograniczony zakres rozmiarów, ale wierzy, że dokładnie odzwierciedla życie większości choinek.

Z niemowlęcia:

$./tree
 x/\$
 /\/\

Do drzewa dojrzewania:

$./tree 6
       x/\$
      $/\/\.
     ./\/\/\+
    +/\/\/\/\o
   o/\/\/\/\/\O
  O/\/\/\/\/\/\+
 +/\/\/\/\/\/\/\o
       /\/\

Do osoby dorosłej:

$./tree 17
                  x/\$
                 $/\/\.
                ./\/\/\+
               +/\/\/\/\o
              o/\/\/\/\/\O
             O/\/\/\/\/\/\+
            +/\/\/\/\/\/\/\o
           o/\/\/\/\/\/\/\/\O
          O/\/\/\/\/\/\/\/\/\.
         ./\/\/\/\/\/\/\/\/\/\#
        #/\/\/\/\/\/\/\/\/\/\/\,
       ,/\/\/\/\/\/\/\/\/\/\/\/\~
      ./\/\/\/\/\/\/\/\/\/\/\/\/\x
     x/\/\/\/\/\/\/\/\/\/\/\/\/\/\$
    $/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\.
   ./\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\+
  +/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\o
 o/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\O
                  /\/\    
johnish
źródło
5

Jawa

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.*;

import javax.imageio.ImageIO;


public class ChristmasTree {
    static class Point{
        Point(int a,int b){x=a;y=b;}
        int x,y;
        double distance(Point o){
            int dx=x-o.x;
            int dy=y-o.y;
            return Math.sqrt(dx*dx+dy*dy);
        }
    }
    static int siz;
    static BufferedImage b;
    static Random r=new Random();
    public static void main(String[]args) throws IOException{

        if(args.length==0){
            siz=(new Scanner(System.in)).nextInt();
        }else{
            siz=Integer.parseInt(args[0]);
        }
        b=new BufferedImage(20*siz,30*siz,BufferedImage.TYPE_INT_RGB);
        Graphics2D g=(Graphics2D)b.getGraphics();
        g.setColor(new Color(140,70,20));
        int h=b.getHeight();h*=0.4;
        for(int i=(int)(0.4*b.getWidth());i<(int)(0.6*b.getWidth());i++){
            if(r.nextDouble()<0.3){
                g.drawLine(i,b.getHeight(),i+r.nextInt(2)-1,h);
            }
        }
        for(int i=h;i<b.getHeight();i++){
            if(r.nextDouble()<0.3){
                g.drawLine((int)(0.4*b.getWidth()),i,(int)(0.6*b.getWidth()),i);
            }
        }
        for(int i=0;i<siz;i++){
            g.setColor(new Color(r.nextInt(4),150+r.nextInt(15),20+r.nextInt(7)));
            g.drawLine(b.getWidth()/2-(int)(b.getWidth()*0.42*i/siz),(int)(b.getHeight()*0.9)+r.nextInt(5)-2,b.getWidth()/2+(int)(b.getWidth()*0.42*i/siz),(int)(b.getHeight()*0.9)+r.nextInt(5)-2);
            g.setColor(new Color(r.nextInt(4),150+r.nextInt(15),20+r.nextInt(7)));
            g.drawLine(b.getWidth()/2-(int)(b.getWidth()*0.42*i/siz),(int)(b.getHeight()*0.9),b.getWidth()/2,(int)(b.getHeight()*(0.1+(.06*i)/siz)));
            g.setColor(new Color(r.nextInt(4),150+r.nextInt(15),20+r.nextInt(7)));
            g.drawLine(b.getWidth()/2+(int)(b.getWidth()*0.42*i/siz),(int)(b.getHeight()*0.9),b.getWidth()/2,(int)(b.getHeight()*(0.1+(.06*i)/siz)));
        }
        g.setColor(new Color(150,120,40));
        g.fillOval((b.getWidth()-siz-2)/2,b.getHeight()/10,siz+2,siz+2);
        g.setColor(new Color(250,240,80));
        g.fillOval((b.getWidth()-siz)/2,b.getHeight()/10,siz,siz);
        List<Color>c=Arrays.asList(new Color(0,255,0),new Color(255,0,0),new Color(130,0,100),new Color(0,0,200),new Color(110,0,200),new Color(200,205,210),new Color(0,240,255),new Color(255,100,0));
        List<Point>pts=new ArrayList<>();
        pts.add(new Point((b.getWidth()-siz)/2,b.getHeight()/10));
        loop:for(int i=0;i<8+siz/4;i++){
            int y=r.nextInt((8*b.getHeight())/11);
            int x=1+(int)(b.getWidth()*0.35*y/((8*b.getHeight())/11));
            x=r.nextInt(2*x)-x+b.getWidth()/2;
            y+=b.getHeight()/8;
            g.setColor(c.get(r.nextInt(c.size())));
            x-=siz/2;
            Point p=new Point(x,y);
            for(Point q:pts){
                if(q.distance(p)<1+2*siz)continue loop;
            }
            pts.add(p);
            g.fillOval(x,y,siz,siz);
        }
        ImageIO.write(b,"png",new File("tree.png"));
    }
}

Przykładowe wyniki:

Rozmiar = 3:

wprowadź opis zdjęcia tutaj

Rozmiar = 4:

wprowadź opis zdjęcia tutaj

Rozmiar = 5:

wprowadź opis zdjęcia tutaj

Rozmiar = 12:

wprowadź opis zdjęcia tutaj

Rozmiar = 20:

wprowadź opis zdjęcia tutaj

SuperJedi224
źródło
1
Nie zauważyłem tego wcześniej. Super fajne +1
spaghetto
4

Rebol

Z dialektem do wyświetlania symboli. Aby zmienić rozmiar drzewa, wystarczy zmienić parametr make-tree.

make-tree: func [int /local tr] [
  tr: copy []
  length: (int * 2) + 3
  repeat i int [
      repeat j 3 [
            ast: to-integer ((i * 2) - 1 + (j * 2) - 2)
            sp: to-integer (length - ast) / 2
            append/dup tr space sp 
            append/dup tr "*" ast 
            append tr lf
      ]
  ]
  append/dup tr space (length - 1) / 2
  append tr "|"
  append tr lf
  tr
]

print make-tree 3

drzewo z 3 warstwami drzewo z 5 warstwami

Wayne Cui
źródło
3
Gdzie ustawiasz rozmiar i jak wpływa na wygenerowane drzewo?
manatwork
@manatwork Aby zmienić treeblok. Możesz zmienić jego rozmiar lub zmienić niektóre symbole do woli.
Wayne Cui,
@WayneTsui nie jest to zgodne z wymaganiami PO, „rozmiar musi być wybierany przy pomocy jakiejś metody wprowadzania”, a „większe dane wejściowe powinny dawać większe drzewo”.
ulidtko,
1
nowa funkcja make-tree od @kealist
Wayne Cui,
4

Pyton

import sys
w = sys.stdout.write
def t(n,s):
    for i in range(n):
        for a in range(n-i):
            w(" ")
        w("[")
        for l in range(i<<1):
            if i==n-1:
                w("_")
            else:
                w("~")
        w("]")
        print("")
    for o in range(s):
        for i in range(n):
            w(" ")
        print("[]")

t(10, 2)

wprowadź opis zdjęcia tutaj

oopbase
źródło
1

Ti-Basic 84

Pyta o rozmiar:

              :
            Input 
           S:Lbl 1
            S-1→S
              :
             "||
            "+""→
           Str1:" 
             "→Str2
         :Disp Str2+
        "   **":Disp 
       Str2+"  "+"*"+
      Str1+"*":Disp " 
     "+Str1+"*-"+"||-*
    ":Disp Str1+"*--||-
   -*":Disp "   *---||--
  -*":Disp "  *----||----
 *":Disp Str1+"   "+Str2+"
":If S>0:Goto 2:Goto 1:Lbl 
              2

Wyjście (rozmiar 1):

       **
      *||*
     *-||-*
    *--||--*
   *---||---*
  *----||----*
       ||
Timtech
źródło
1
Gdzie można wybrać rozmiar? To jest drzewo o stałym rozmiarze
Justin,
1
@Quincunx Naprawiono.
Timtech
4
-1; nie można po prostu wstawić dowolnych białych znaków do programu TI-Basic.
lirtosiast