Applet Orchard

Coding Challenge #15: Fractal Trees – Object Oriented

[ad_1]
In this Coding Challenge, I continue the topic of algorithmic botany with another way of generating a tree. With this method, every part of the tree will be an object, so that we can apply forces and attributes to each element

Support this channel on Patreon:

Send me your questions and coding challenges!

Contact:

Links discussed in this video:
Nature of Code class on Kadenze:
Algorithmic Botany:

Source Code for the Video Lessons:

p5.js:
Processing:

For More Algorithmic Botany Videos:

For More Coding Challenges:

Help us caption & translate this video!

Posted

in

by

appletorchard

Tags:

Comments

32 responses to “Coding Challenge #15: Fractal Trees – Object Oriented”

  1. Jose David Avatar
    Jose David

    "I hear voices!" /

    Reply
  2. the real alimusicbaba Avatar
    the real alimusicbaba

    It is 2017! Attach spring forces! Great videos! Just learning p5/JavaScript thanks to you! Really great content!

    Reply
  3. Cdoggg94 Avatar
    Cdoggg94

    Awesome!

    Reply
  4. Ron S Avatar
    Ron S

    You have made watching coding fun. That is pure talent!

    Reply
  5. Mogwyre Pendelhurst Avatar
    Mogwyre Pendelhurst

    How can I stop the tree from growing past a certain count, say 6 mouse clicks? Currently it just keeps growing until it crashes, and I want to constrain this function.

    Reply
  6. Liyah A. Avatar
    Liyah A.

    You should do a video so we could get to know you .. cause I have a few questions you should answer Love your channel btw I'm just getting into computer science I would also like you to do tutoring I need help on the basics but I prefer to learn from you… you have the energy

    Reply
  7. Olf Mombach Avatar
    Olf Mombach

    What's the difference between
    var a = createVector(42, 24)
    and
    var a = [42, 24]
    ?

    Reply
  8. Charlie McGuire Avatar
    Charlie McGuire

    Hey, I tried impementing this in python using PIL , specifically Image and ImageDraw (with numpy vectors for ease of vector operators) and was mostly successful. The people who created the library said it's not particularly good at making lines look better and was wondering if you know any better ways of implementing this. The lines have jagged edges that aren't in your image, and I just put it through an anti-aliasing filter in GIMP which did help a bit but I think it needs to be fixed when it's drawn. Part of me wants to join you using Processing but I don't know any java or javascript.

    Reply
  9. JustKath Avatar
    JustKath

    make this in processing 3 please!!!!

    Reply
  10. Martin Stacey Avatar
    Martin Stacey

    Really cool video! is there a way to mantain the tree structure so that the branch knows which his parents are??

    Reply
  11. TgRx83 Avatar
    TgRx83

    Reminder : you have to take this tree back and add some physics force to it 😀

    Reply
  12. Demetris Leptos Avatar
    Demetris Leptos

    where have you been all my life?

    Reply
  13. William Bille Meyling Avatar
    William Bille Meyling

    i am going to use for a school project where I will animate cancer cell mitose

    Reply
  14. sanfrozen Avatar
    sanfrozen

    can u make a floating island.

    Reply
  15. Overwhelming Sarcasm Avatar
    Overwhelming Sarcasm

    Wow! I'm only beginning to learn to code now, but through your videos I've found awesome inspiration to put all the maths I've learned at school into use while coding. Fantastic work, keep it up!

    Reply
  16. TechieW Avatar
    TechieW

    Made this based on your video ( in C++ )
    http://image.prntscr.com/image/955b15ca37cd412695f48d161e7c2c33.png
    Source code will be going up on my channel

    Reply
  17. bahlaoui youssef Avatar
    bahlaoui youssef

    that's a happy coding chalenge XD
    keep it up…

    Reply
  18. Jiho Song Avatar
    Jiho Song

    I have questions!

    1. why does prccessing works well while using var in iterating loop? I thought in javascript there is always problem using var in loop statement, so it is encouraged to use let.

    2. when you use jitter method, why do not entire branches goes off uncontinuosly? Shouldn't it appear like bunch of segmented sets of branches since we are only moving the end points??

    Reply
  19. Ayush Seth Avatar
    Ayush Seth

    I made an extenstion of this tree, you can check it out here https://github.com/MasterYushi/Fractal-Tree-Object-Oriented-

    Reply
  20. Cypress1337 Avatar
    Cypress1337

    I want your brain 🙂

    Reply
  21. Yoeri Wysselinck Avatar
    Yoeri Wysselinck

    Hi, first time I used P5.js. Somehow I noticed that these build-in event functions do not work for me 🙁 . I have been following your tutorial exactly but it does not recognize the function mousePressed(){}. Any idea ?

    Reply
  22. Eclipse Avatar
    Eclipse

    You need to do a 1 hour coding challenge.

    Reply
  23. Marc Vredeveld Avatar
    Marc Vredeveld

    So I will often make sketches that need to have a dynamic canvas. Meaning, there is some content that moves around and needs to be centered on the screen, or in this case, the canvas needs to dynamically resize as the tree gets larger and larger. Is there a recommended method for doing this? I have found some methods that work, but there is some performance impact

    Reply
  24. YERRAMILLI ROHITH Avatar
    YERRAMILLI ROHITH

    no words to say. u really rock. If i got an army or superpower , i would make all people in world subscribe and vaporise all those who disliked .

    Reply
  25. Akshay Aradhya Avatar
    Akshay Aradhya

    Hey guys I just wanted to share something I did using P5.js. http://dollarakshay.com/dataveyes.html Dont view the link on mobile or tablet. 1080p will be the best resolution to watch this in

    Reply
  26. Martin Stacey Arquitectura Avatar
    Martin Stacey Arquitectura

    is there a way to do this in processing? what is push equivalent to?

    Reply
  27. space1188 Avatar
    space1188

    If i wanted wind to be affected by the tree, how could i do that. And can you please make a video on that.

    Reply
  28. Jaidan Balea Avatar
    Jaidan Balea

    3D fractal trees

    Reply
  29. Noob Gaming Avatar
    Noob Gaming

    Another way to go about storing the branches is to have the branches stored inside of its parent branch, so a branch object would have childBranches, or branchA and branchB, depending on how you want to store the branches, then the branches show() function can call show() on its children

    Reply
  30. Drew Vance Avatar
    Drew Vance

    i have to use NetBeans in my java class, can i use that to code these challenges?

    Reply
  31. Timur Uzel Avatar
    Timur Uzel

    why not say if(currentBranch) instead of if(currentBranch == null)? This checks if currentBranch is truthy

    Reply
  32. Dennis Avatar
    Dennis

    i dont get how that jitter works. if you move all the end positions how does the next branch now to update its start position? the only function being called every frame is the draw and jitter and the jitter only changes the end position not the start?? can someone explain sorry for my shitty english

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *