Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма Основи на програмирането с JavaScript
8. Javascript и Photoshop

Решение: Снежинка

15 месеца достъп + 75 € отстъпка   306,26 € 231,10 €  ВИЖ ТУК
ЛЕТЕН ЧЕРЕН ПЕТЪК

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.


Най-важното: контролирана автоматизация чрез вход от потребителя

Снежинката се генерира динамично според число, въведено от потребителя. Входът се ограничава между 3 и 50, за да се избегнат невалидни или прекалено големи стойности. Ъгълът между стъбълцата се изчислява като 360° / броя им, а всяко следващо стъбълце е дубликат, завъртян с точния ъгъл около долния си център. Така с няколко стъпки създаваме симетрична фигура чрез цикъл.

Стъпка по стъпка: как се изгражда снежинката

  1. Вземете активния layer с име STEM от документа.
  2. Използвайте prompt, за да поискате брой стъбълца (по подразбиране 8).
  3. Конвертирайте входа в число и го ограничете между 3 и 50 чрез Math.max и Math.min.
  4. Създайте нова група (LayerSet) с име Snowflake.
  5. Изчислете ъгъла: 360 / брой стъбълца.
  6. С for цикъл дублирайте STEM, именувайте го последователно и го преместете в групата.
  7. Завъртете всяко копие според индекса му, използвайки долния център като опорна точка.
  8. Преместете предпоследния layer с 45px по X и Y за финален ефект.

Основни използвани методи и конструкции

  • prompt() – взима вход от потребителя с начална стойност.
  • Math.max() – гарантира минимална стойност (≥ 3).
  • Math.min() – ограничава максималната стойност (≤ 50).
  • for – цикъл за създаване и обработка на всяко стъбълце.
  • rotate() – завърта layer около избрана опорна точка.

Дискусия към урока

Задавайте въпроси, споделяйте опит и помагайте на останалите да учат заедно.
Peter ·
А дали е вярно, че програмистите на джаваскрипт ходели непрекъснато с червени очи? :-) Видях такъв колаж във Фейсбук . Господин Митев, благодаря Ви за много до…
4
4