🕷️ ARACHNE: Паук теперь всё видит и знает!

Мой проект снова прокачался. Добавил три новых модуля, которые будут работать:

🌦️ Погода — часы теперь показывают реальную температуру и ветер через API Open-Meteo (бесплатно, без ключей).
👀 Глаза, следящие за курсором — паук стал живым! Зрачки плавно поворачиваются в сторону твоей мыши.
🔮 Знак зодиака — внизу теперь отображается твой знак с датами. Мистическая деталь, которая отлично подходит к атмосфере.

⚙️ Как это работает?

Всё через модульную архитектуру. Я создал файлы weather.js, follow_eye.js и zodiac.js, подключил их в index.html, и они общаются с часовым механизмом через window.Clock. Основной код остаётся полностью нетронутым.


#WebDev #JavaScript #ПетПроект #Часы #Паук #Погода #Зодиак #Модульность #Код


@kot_dev | @c0ldzx

🕷️ ARACHNE: Видео-обзор

Наконец-то я записал полноценный обзор своего проекта. Теперь вы можете увидеть паука в действии!

📹 В видео:

· Живой паук
· Погода, зодиак, фаза луны, будильник, заметки
· Голосовой помощник
· Кастомизация: цвет стрелок, стиль цифр, звук
· Демонстрация модульной архитектуры

⚙️ Стек: чистый HTML, CSS, JavaScript + Web Audio API. Без библиотек.

#WebDev #JavaScript #ПетПроект #Часы #Паук #ВидеоОбзор #Код


@kot_dev | @c0ldzx

🕷️ ARACHNE: Дополнительные штрихи!

Недавно добавил три новых модуля, которые делают проект по-настоящему атмосферным:

🌀 Черная дыра — вращающийся вихрь, который «затягивает» частицы вокруг паука.
⏰ Мигающие двоеточия — табло теперь выглядит как настоящее электронное устройство.
🎵 Фоновая музыка — я создал генеративный эмбиент-плейлист, который работает без MP3-файлов, через Web Audio API. Есть 3 трека с разными частотными настройками.

⚙️ Как это работает?

Все модули подключены через отдельные файлы: black_hole.js, blinking_colon.js, background_music.js. Теперь у нас 24 файла и 21 плагин.

🚀 Стек: чистый HTML, CSS, JavaScript + Web Audio API. Без библиотек.


#WebDev #JavaScript #ПетПроект #Часы #Паук #ЧернаяДыра #Музыка #Модульность


@kot_dev | @c0ldzx

Всем здравствуйте
Яя думаю над новым проектом, и думаю что может быть сделать портфолио?
Думаю что идея будетнэ нормальной

@kot_dev | @c0ldzx

Код такого сердечка на Python ❤️

import turtle
import math

t = turtle.Turtle()
screen = turtle.Screen()

screen.bgcolor("black")
t.color("red")
t.speed(0)
t.width(3)

t.penup()

for i in range(360):
    a = math.radians(i)

    x = 16 * (math.sin(a) ** 3)
    y = (13 * math.cos(a)
         - 5 * math.cos(2 * a)
         - 2 * math.cos(3 * a)
         - math.cos(4 * a))
    
    x *= 15
    y *= 15

    if i == 0:
        t.goto(x, y)
        t.pendown()
    else:
        t.goto(x, y)

turtle.done()

@kot_dev | @c0ldzx

От идеи до неона: пилим браузерный шутер 🎯

Решил начать новый проект — неоновый аим-тренажер прямо в браузере. Первый прототип уже выглядит неплохо! На скриншоте видно базовый каркас: Canvas, HUD, система комбо и даже золотые мишени.

Что уже реализовано:
✅ Неоновый стиль через CSS-переменные (легко менять цвет всего интерфейса одной строкой)
✅ Логика попаданий и начисления очков
✅ Система комбо (x2 за точность)
✅ Визуальные эффекты частиц при попадании

Планы на ближайшее время:
— Добавить звуки выстрелов и перезарядки
— Сделать разные типы мишеней (быстрые, бронированные)
— Экран Game Over и таблица рекордов

#геймдев #разработка #javascript #html5 #инди #проект


@kot_dev | @c0ldzx

🕷️ ARACHNE — уже можно пользоваться!

Сайт готов и работает. Заходите, смотрите, тыкайте кнопки — всё в вашем распоряжении!

🔗 Ссылка: https://dynamic-moonbeam-053800.netlify.app/

🎯 Что уже есть:
· Живой паук-механизм вместо стрелок
· Звук тиканья, погода, знак зодиака, фаза луны
· Будильник, часовой пояс, отсчёт до события
· Глаза, следящие за курсором, заметки, фоновая музыка
· Мигающие двоеточия и панель настроек за шестерёнкой ⚙️

⚙️ Стек: чистый HTML, CSS, JavaScript

🚀 А в ближайшее время я займусь обновлениями — буду допиливать функционал и добавлять новые фичи. Следите за новостями!

Пользуйтесь, делитесь фидбеком 👇

#WebDev #JavaScript #ПетПроект #Часы #Паук #Netlify #Обновления

С днем программиста
#щп

@kot_dev | @c0ldzx

🟣 Портфолио скоро...

@kot_dev | @c0ldzx