Учите мат. часть, друзья!!!

Сколько раз в этих Ваших интернетах встречал я страшные вопли о том, что школа — это пустая трата времени, что университет ничего не дал, что учиться не надо, бла, бла, бла...

Что ж... Не учитесь,  глупцы  сотрясатели воздуха. Мы же, напротив, будем учиться, развиваться и применять полученные знания на практике.

Я не спроста назвал пост «Теорема Пифагора», ибо речь пойдёт именно об этой теореме и о том, каким образом теорема Пифагора  помогла мне при создании сайта borisov-quality.com.

Немного теории.

Теорема Пифагора

— одна из основополагающих теорем евклидовой геометрии, устанавливающая соотношение между сторонами прямоугольного треугольника.

В общем случае теорема Пифагора звучит так:

В прямоугольных треугольниках квадрат из стороны, противолежащей прямому углу, равен сумме квадратов из сторон, содержащих прямой угол.

Другими словами:

Сумма квадратов катетов равна квадрату гипотенузы.

Доказательство теоремы Пифагора

Простейшее доказательство теоремы получается в простейшем случае равнобедренного прямоугольного треугольника. В самом деле, достаточно просто посмотреть на мозаику равнобедренных прямоугольных треугольников , чтобы убедиться в справедливости теоремы. Например, для треугольника ABC : квадрат, построенный на гипотенузе АС, содержит 4 исходных треугольника, а квадраты, построенные на катетах, — по два.

Теорема Пифагора - Доказательство

 

Применение теоремы Пифагора

Теперь посмотрим, как я применил теорему Пифагора при создании сайта borisov-quality.com.

Известно, что выше обозначенный сайт интерактивный, и на все элементы на нём можно воздействовать. Либо перемещать, либо нажимать. При этом происходит какой-либо эффект.

Также на сайте используется изменённый знак качества СССР. И при наведение курсора мыши на его стороны, последнии смещаются относительно своего прежнего положения. При уводе курсора, стороны возвращаются на прежнее место.

Чтобы рассчитать смещение, я использовал теорему Пифагора, которая подходит в данном случае очень кстати.

Так выглядит знак качества на сайте. С одним отличием — стороны отделены друг от друга:

Борисов-Качество

Знак имеет пять сторон. Каждая сторона — это отдельная картинка. Рассмотрим изменения и рассчитаем смещение, происходящее при наведении на одну из сторон.

Вот картинка правой верхней стороны:

Теорема Пифагора - Тригонометрия

На картинке представлено:

  • смещение изображения (стороны), обозначено — «c»;
  • смещения left (обозначено - «a») и top (обозначено - «b»);
  • угол наклона изображения — -144о;

В результате имеем: гипотенуза — «c», катеты — «a» и «b». По теореме Пифагора получается:

a2 + b2 = c2

Соответственно:

a = (c2 — b2)-2

b = (c2 — a2)-2

Смещение «c» я задаю на 30 пикселов. Т.е не тех, что расположены по диагонали, а тех, что расположены горизонтально или вертикально. Т.о. я получаю абсолютно одинаковое смещение для всех сторон.

Я не буду приводить доказательства теоремы Пифагора в тригонометрии, ибо здесь про другое: здесь про применение теоремы при создании сайта.

В тригонометрии теорема Пифагора выглядит так, применительно к данному решению:

 a = cos (144-90)  * c

 b = sin (144-90)  * c

Все рисунки имеют абсолютное позиционирование (position:absolute;). Следовательно, значения left и top заданы. Таким образом, окончательное смещение такое:

left = left + cos (144-90) * 30

top = top — sin (144-90) * 30

Для всех остальных сторон (рисунков) формула высчитывается аналогично. Меняется только направление смещения, т.е. что ставить: «+» или «-», и угол поворота стороны. Для левой и правой сторон — 72о. Для нижней стороны всё просто, — меняется значение top.

Что в итоге

Безусловно, можно было использовать метод подбора, и смещать стороны наугад, пока не совпадёт примерно. Но гораздо проще применить одну формулу по теореме Пифагора, и по ней рассчитать все значения left и top для смещения.

В заключение хочется сказать: не слушайте тех идиотов, которые твердят, что учится — это бред.

Учиться надо всегда!

Если Вы планируете заниматься бизнесом в интернет или иметь удалённую работу в интернет, то запомните:

Любой выдающийся интернет-предприниматель учится постоянно!

С последним школьным звонком или с университетским дипломом обучение не заканчивается.

Учение только начинается и продолжается всегда.

Оцените материал:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звёзд   (голосов: 4, средняя оценка: 5,00 из 5, сумма: 20)

Loading...

Понравилось? Поделитесь с друзьями:





Другие материалы по теме:

Борисов - Качество
HTML и CSS - бесплатные видеокурсы
«HTML» и «CSS»
Изучите Видеокурсы
Бесплатно!
Станьте хозяином своих сайтов прямо сейчас! Введите Ваше Имя и Ваш E-Mail:

Ваш E-Mail в безопасности