Часы, имитирующие гравитацию и физику столкновений на .JS. Круги, отображающие “час и минуты” - падают раз в минуту, круги отображающие “секунды” -каждую секунду. В начале каждой минуты очистка холста, для избегания переполнения и информативности о текущем времени.
С элементами на экране есть возможность взаимодействовать, нажатием и удержанием левой кнопки мыши круги можно передвигать, подкидывать и т.д.. С тачскрином пока не работает.
Вот некоторые переменные, которые можно настраивать:
this.gravity = 0.2; - Влияние гравитации на падение круга.
this.bounceFactor = 0.35; - Сила отскока при столкновении
}
draw(ctx)
{
ctx.fillStyle = - Цвет заливки шара
ctx.fillStyle = Цвет шрифта внутри шара
}
switch (type)
case 'h': // Для часов, аналогично для минут и секунд.
fontSize = 160; Размер шрифта
radius = 160; Радиус шара
Код в .html файле выложен в ТГ @MyDarkMatter1.
Я не программист и даже не IT специалист. Несовершенство кода критиковать большого смысла нет.
Есть некоторые недочеты. При изменении размеров окна в браузере, нужно обновить страницу, так как пока отсутствует авто масштабирование. Думаю, решу проблему, если будет желание и возможность.
Да-да, фото для привлечения внимания, ну и что вы мне сделаете?)
Вы когда-нибудь задумывались, что происходит, когда искусство и технологии сталкиваются?
В своих работах я учу ценить труд простого человека, создающего сложные вещи, которые в последствии становятся легендарными, входят в историю, задают движение и прогресс, а так же решают каждодневные проблемы и улучшают нашу жизнь, придают ей смысл. Объектом для моих художеств может стать что угодно: будь то легендарный советский М-11, космический корабль Буран в разрезе, современный двигатель ПД-14 для МС-21, или… картина с изображением микропроцессора и программного кода, которую я писала 4 месяца.
1. Код
На этот раз мой заказчик - талантливый программист и увлеченный своей работой человек. Я всегда искренне радуюсь возможности взаимодействовать с такими людьми. Он прошел огромный путь в своей карьере, достиг серьезных результатов. И порой, оглядываясь назад, в обрывках памяти теперь всё это выглядит не просто как список из закрытых задач, а именно как реминисценция о бессонных ночах, титаническом интеллектуальном труде и километрах написанного кода, над которым он так усердно работал (и ведь не зря). Узнав, что я пишу картины на инженерную тематику, у него возникло желание запечатлеть одно из своих достижений через искусство, маслом на холсте. Мне нельзя знать и спрашивать о чем именно этот фрагмент (вы можете попробовать разгадать сами), но как говорит он сам:
Я бы сказал что этот фрагмент кода изжил себя и призван остаться в истории уступив дорогу более современным решениям) оставаясь в памяти чтобы напоминать какой долгий путь был пройден).
Metazone
2. Что за уравнение?
Узнав друг друга получше, мы неоднократно дискутировали на тему теории струн, квантовой механики, теории относительности и т.д. Потому я решила приправить картину «формулой всего» из лекции Дэвида Тонга (профессора теоретической физики в DAMTP в Кембридже), где наглядно просматривается Суть Всеобщего Существования - от гравитации и электромагнетизма, до Бозона Хиггса. Полную лекцию можно посмотреть здесь, а ниже я приведу его цитату, описывающую суть того самого уравнения:
В этом уравнении всё. Оно - верх научного минимализма. В нём абсолютно всё. Первый член уравнения был создан Альбертом Эйнштейном для описания гравитации, это значит, что решив малую часть уравнения, вы узнаете, как быстро упадет яблоко с дерева, или что орбита вращения планет вокруг солнца имеет форму эллипса, или вы сможете сказать, что произойдет, когда две огромные черные дыры столкнутся друг с другом, и образуют новую черную дыру, испуская гравитационные волны по всей вселенной, либо вы сможете предсказать, как расширяется сама вселенная - всё это можно сделать, решив ту малую часть уравнения. Следующая часть уравнения была создана Джеймсом Клерком Максвеллом, и он полностью описывает электромагнетизм. Все эксперименты поставленные Фарадеем, и более того, все эксперименты поставленные от Кулона до Фарадея, Герца, и современных лазерных установок - всё содержится в той крошечной части уравнения. То есть в этих уравнениях есть сила. Это уравнение определяет сильное ядерное взаимодействие, слабое ядерное взаимодействие, это уравнение впервые было записано британским физиком Питером Хиггсом, оно описывает материю, и те 12 частиц из которых состоит материя, удивительным образом каждая из них подчиняется этому уравнению. Это уравнение описывает, как материя взаимодействует с частицей Хиггса, то есть тут собрано всё, на самом деле это невероятное достижение, это предел наших знаний на данный момент. Мы никогда не ставили эксперимента, который невозможно было бы объяснить этим уравнением, и мы не нашли изъянов в этом уравнении. То есть это самое лучшее что у нас есть на данный момент. Однако, мы хотим добиться большего….
Лекция YouTube - «Дэвид Тонг. "Кирпичики" Вселенной из которых состоит Мир».
3. Homme de Vitruve
Основа «Витрувианского человека» (квадрат и вписанный в него круг) была добавлена на этой картине не случайно. Уже много лет я занимаюсь коллекционированием книг о Леонардо да Винчи, досконально изучаю информацию о его жизни, творчестве, изобретениях. Можно даже сказать, что в каком-то с смысле я одержима им)) Для меня это один из главных источников вдохновения.
То, что «Витрувианский человек» является мерой всех вещей - многим известный факт, но мало кто знает, какое колоссальное влияние эта иллюстрация оказала на развитие искусства. Его пропорции брали за основу многие художники эпохи Ренессанса. Французский архитектор Ле Корбюзье создал по нему свою шкалу пропорций, которая стала эталоном в искусстве ХХ века. А самое интересное, что расположенные в таком виде две геометрические фигуры, описывающие «Витрувианского человека», послужили первой схемой флорентийского храма с круглым алтарем в центре (архитектурная разработка да Винчи), а так же - основой, из которой мастер изобрёл первый в мире подшипник.
Этапы работы
4. "Что за иероглифы" на фоне?
Мне давно хотелось написать с полной точностью нечто состоящее из мелких элементов, например, какую-нибудь микросхему. По этому, когда встал вопрос о фоне для этой уже и без того заумной картины, я решила не мелочиться и выбрала фрагмент с фотографии препарированного микропроцессора сетевой карты, подсмотрев нужное мне изображение у @Electronmicrolab.
Макет фона
Conclusioni
В завершение этой художественной экспедиции, хочу поделиться своими размышлениями.
Творческое проявление - это не просто сборка случайных элементов, а отражение нашего стремления к пониманию вселенной. В этой картине слились наука и человеческий облик, объединенные эстетикой искусства. Она повествует о вечном поиске смысла и красоты в мире, где каждая линия, каждый символ, каждый элемент - это путь к новому пониманию. И в этом поиске заключается наша сила - созидание, открывающее новые горизонты познания и вдохновляя нас на большие и великие дела. Моя картина «Metazone» - лишь маленькое напоминание об этой вечной искре творчества, которая горит в каждом из нас.
Всем мир! Больше фото и видео новых проектов смотрите в моём нельзяграм :)
└ Источник: FREEHVB (Канал, который сэкономит вашу жизнь) ➖➖➖➖➖➖➖➖➖➖➖➖ ✅ ПОЛУЧИТЬ 💁🏻♂️ Udemy — это образовательная платформа, известна во многих странах, где вы сможете найти огромное количество онлайн-курсов, но есть нюанс: большинство обучающих программ на английском языке, хотя в библиотеке Udemy можно отыскать курсы и на русском языке. └ Итак, старый способ больше не работает, но мы нашли для вас новый, он облегчит вашу жизнь и поможет получить доступ к интересующим курсам на вашем аккаунте в Udemy. Все благодаря программе, она все сделает за вас » автоматически найдет и использует купоны с 100%-ой скидкой. ➖➖➖➖➖➖➖➖➖➖➖➖ 🤷🏻♂️ ЧТО НУЖНО ДЕЛАТЬ: 1. Переходим на сайт Udemy. └ Регистрируем новый профиль 2. Теперь открываем GitHub. └ Загружаем » GUI на Windows
3. Запускаем и вводим данные. └ Почту и пароль от Udemy
4. Настраиваем GUI-фильтры. └ Далее нажимаем » Start
5. Готово, ждем завершения. └ Изучаем полученные курсы
➖➖➖➖➖➖➖➖➖➖➖➖ Update: Исходный код GUI, размещен на GitHub и полагаю им стоит доверять, тем более мы рекомендуем вам создавать новый аккаунт, чтобы не переживать за основной, в том числе рекомендуем вам не вводить нигде свои платежные данные, просто пользуйтесь бесплатно и наслаждайтесь. ➖➖➖➖➖➖➖➖➖➖➖➖ 🔥Подписывайтесь на Telegram: 👉🏻 FREEHVB 👈🏻 └ Чтобы поблагодарить и поддержать нас 🔥
└ Источник: FREEHVB (Доступ в твоем кармане) ➖➖➖➖➖➖➖➖➖➖➖➖ ⏺ ПЕРЕЙТИ НА САЙТ | 9 999₽ 💁🏻♂️ Fireship.io PRO — это экосистема подробных и практических ресурсов для разработчиков, которые хотят создавать и поставлять высококачественные приложения » FREEHVB расскажет вам о том, как получить доступ к PRO-версии, используя определенный скрипт. ➖➖➖➖➖➖➖➖➖➖➖➖ 🤷🏻♂️ ЧТО НУЖНО ДЕЛАТЬ: 1. Загружаем » Tampermonkey. └ Устанавливаем в Google Chrome
2. Кликаем » Создать скрипт. └ Копируем ниже или здесь и вставляем скрипт:
💁🏻♂️ SkillShare — это платформа создана для онлайн обучения креативных людей, основные категории курсов которые она предлагает: искусство, дизайн, бизнес, образ жизни, технологии » FREEHUB расскажет вам о том, как скачивать любые платные курсы с сайта SkillShare без SMS и регистрации.
Такую задачу поставил Little.Bit пикабушникам. И на его призыв откликнулись PILOTMISHA, MorGott и Lei Radna. Поэтому теперь вы знаете, как сделать игру, скрафтить косплей, написать историю и посадить самолет. А если еще не знаете, то смотрите и учитесь.
➖➖➖➖➖➖➖➖➖➖➖➖ ▪️ ПОЛУЧИТЬ | 29 000₽ 💁🏻♂️ PluralSight — это платформа для онлайн обучения, в основном сфокусированы на сфере IT и разработке программного обеспечения, но платформа также предлагает альтернативы для людей, которые заинтересованы в развитии бизнеса и других более креативных сферах » FREEHUB поможет вам получить PluralSight One на 1 год. └ Подробнее о компании PluralSight - читайте тут (отзыв пользователя) или на официальном сайте компании. ➖➖➖➖➖➖➖➖➖➖➖➖
5. Готово, пользуемся PluralSight One 1 год. ➖➖➖➖➖➖➖➖➖➖➖➖ ✅ UPD: Компании PluralSight удалось поддерживать свой проект продолжительное время, оставаясь актуальным даже по сей день, что говорит много об их целях и рабочем этикете, тем самым однозначно заслуживает вашего внимания. ➖➖➖➖➖➖➖➖➖➖➖➖ 🔥Подписывайтесь на Telegram: 👉🏻 FREEHUB 👈🏻 └ Чтобы поблагодарить и поддержать наши труды