Генератор + библиотека пресетов

Создать курсор для osu! онлайн

Выберите готовый курсор или соберите свой: измените форму, цвет, размер, свечение и след, проверьте результат на кругах и слайдерах и скачайте готовые файлы для skin osu!.

Без регистрацииPNG + @2xZIP-комплектРаботает локально
Живой пример
Анимированный пример курсора osu! со следом.
Проведите мышью по полю
Стартовая библиотека

Готовые курсоры osu! — выберите пресет

Каждый пресет открывается в редакторе и полностью настраивается.

46 пресетов
1 / 4 Листайте свайпом или клавишами ← →

В библиотеке есть белые и чёрные кольца, минимальные точки, прицелы, яркие и светящиеся варианты, сегментированные формы и необычные курсоры. Любой пресет можно открыть в редакторе и изменить под себя.

Живой предпросмотр

Белое кольцо

0 попаданий 0x комбо 100% точность
Интерактивный предпросмотр курсора для osu!: круги и слайдеры для проверки видимости курсора и следа.

Текущий результат: «Белое кольцо», размер 44, свечение 7, след включён.

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

Тренировочный режим: круги и слайдеры

cursor.png

Предпросмотр основного файла cursor.png. Предпросмотр SD

cursormiddle.png

Предпросмотр дополнительного центрального слоя cursormiddle.png. Опциональный слой

cursortrail.png

Предпросмотр файла следа cursortrail.png. Предпросмотр SD

Что попадёт в ZIP

  • cursor.png
  • cursor@2x.png
  • cursormiddle.png / @2x если включён
  • cursortrail.png
  • cursortrail@2x.png
  • README.txt
Готовность к экспорту

Файлы текущего курсора

cursor.png cursormiddle выключен cursortrail.png

Размеры экспорта рассчитываются автоматически, чтобы свечение и обводка не обрезались. @2x создаётся ровно в двойном разрешении.

Использовать этот osu!-курсор в Roblox
Как поставить курсор в Roblox
  1. Скачайте PNG — сервис подготовит прозрачный вариант без следа и центрального слоя.
  2. Загрузите картинку в Roblox через Creator Dashboard или Roblox Studio. После импорта изображение получит свой asset ID.
  3. Используйте ID в игре. Для своего experience задайте UserInputService.MouseIcon = "rbxassetid://ID" в LocalScript. В чужой игре заменить курсор можно только если сама игра поддерживает custom cursor / image ID.

Общего переключателя для замены курсора сразу во всех играх Roblox нет — способ зависит от конкретного experience.

Возвращайтесь к вариантам

Сохранённые курсоры

Варианты хранятся только в этом браузере. Откройте любой сохранённый дизайн и продолжите настройку.

Пока ничего не сохранено. Настройте курсор и нажмите «Сохранить вариант».
Перед скачиванием

Что именно создаёт сервис

Главный курсор обязателен. cursormiddle и cursortrail добавляются только когда они включены в редакторе.

cursor.png

Основной визуальный элемент курсора. Размер холста подбирается с запасом под обводку и свечение.

cursormiddle.png

Опциональный центральный слой. Удобен для отдельной точки, кольца или креста поверх основного курсора.

cursortrail.png

Опциональный след. Тип, размер, цвет, прозрачность и длина тестируются в живом предпросмотре.

После скачивания

Как поменять и установить курсор в osu!

  1. Откройте папку скина, в котором хотите заменить курсор.
  2. Сохраните копию старых cursor.png, cursormiddle.png и cursortrail.png, если они есть.
  3. Скопируйте скачанные файлы в папку skin, сохранив их имена.
  4. Переключите skin в настройках osu! или перезагрузите его, чтобы увидеть новый курсор.
Почему этот формат удобен

Не просто каталог PNG

Все встроенные пресеты описаны параметрами. Поэтому любой готовый вариант можно моментально перекрасить, увеличить, изменить свечение или след, не начиная дизайн заново.

Короткие ответы

Частые вопросы о курсорах osu!

Ответы на задачи, которые обычно возникают после выбора или создания курсора.

Как сделать свой курсор в osu!?

Выберите пресет или начните с базовой формы, настройте размер, цвета, обводку и свечение. При необходимости добавьте центральный слой и след, проверьте курсор в предпросмотре и скачайте ZIP-комплект.

Как убрать след курсора?

В редакторе отключите «След курсора». В ZIP тогда не будет cursortrail.png. Если старый skin продолжает показывать след, замените его файл или используйте прозрачный элемент в соответствии с устройством вашего skin.

Зачем нужен cursormiddle.png?

Это отдельный центральный слой поверх основного cursor.png. Он не вращается вместе с основным курсором; кроме того, наличие cursormiddle влияет на поведение длинного cursor trail в osu!.

Можно ли использовать osu-style курсор в Roblox?

Да, как дополнительный сценарий: скачайте прозрачный PNG в Roblox-блоке, загрузите изображение в Roblox и используйте полученный asset ID там, где конкретная игра или ваш интерфейс поддерживает пользовательский курсор.

Полезно по теме

Курсор osu!: выбор, след и дополнительные сценарии

Здесь собраны связанные сценарии, которые помогут подобрать, проверить и подготовить курсор под разные задачи.

Как выбрать удобный курсор

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

Открыть редактор

Курсор со следом или без него

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

Проверить trail

Osu-style курсор для Roblox

Если хочется использовать osu-подобный курсор в Roblox, можно создать дизайн здесь, скачать прозрачный PNG и затем загрузить его в Roblox для получения asset ID.

Перейти к Roblox-экспорту

Готовые пресеты и необычные формы

В библиотеке есть не только кольца и точки, но и необычные объектные формы — например пицца, ракета, призрак или молния. Можно выбрать готовую идею и сразу изменить её под себя.

Открыть библиотеку