#challenge Stwórz drzewko Pitagorasa.

Question

Wyzwanie polega na napisaniu programu, który rysuje drzewko Pitagorasa zbudowane z kwadratów.

Proponuję stworzyć to w JavaScripcie z wykorzystaniem elementu <canvas>.

Dzięki temu wyzwaniu nauczysz się korzystać z rekurencji i zgłębisz wiedzę na temat rysowania na płótnie w HTML5.

Pomocne materiały dla tych, którzy wykorzystają JavaScript:

Wprowadzenie do fraktali (trójkąt Sierpińskiego, krzywa Kocha) Przykładowe wykorzystanie rekurencji (odcinek na temat rekurencji stworzył też Mirosław Zelent >klik<).

Kurs HTML5 Canvas

Mam nadzieję, że znajdzie się kilku śmiałych mocarzy :) Jeśli ktoś się podejmie i stworzy program to byłoby fajnie gdyby umieścił link  w poście.

 

Answer 1

Spróbuję coś takiego skodzić, choć nie ukrywam, nigdy nie kodziłem niczego graficznego (only konsola) i może być troche trudno. Ale przy okazji może podszkolę trochę matmę. Co do tematu to nie ukrywam - dobry challenge.

Comments

Będe tu po kolei pisał do czego mi sie udało dojść a więc:

Rozważmy odcinek o długości x. Zbudujmy na tym odcinku kwadrat po jednej stronie. Następnie rozważmy trójkąt prostokątny którego suma kwadratów długości przyprostokątnych jest równa kwadratowi długości x. Niech to będzie konkretny trójkąt pitagorejski o stosunku boków x:y:z 5:12:13. W takiej sytuacji generujemy na podstawie długości z boki x i y. Każdy x i y wygenerowany po narysowaniu pustego trójkąta staje się z. Rysuje się na nim kwadrat a następnie na kwadracie rysuje pusty trójkąt z wygenerowanymi x i y z aktualnego z. Sytuacja wykonuje się rekurencyjnie do pewnego limitu ustalonego przez nas. Teraz tylko zakodować (problem łatwy, ale ja nidy nie pisałem niczego graficznego a tym bardziej nie znam nawet JavaScript )

---

Ja zrobiłem tak, że można podać kąt (0-90). Zadanie nie jest trudne, bo nie o to tutaj chodzi. ;) Jestem ciekaw jak Ci pójdzie.

Answer 2

http://jsbin.com/galeja/ - oto co udało mi się zrobić.

Comments

Dobra robota ;D