Циферблаты Редактор циферблатов онлайн

[vlack]

watchfaceEditor

Пожалуйста войдите или зарегистрируйтесь для просмотра скрытого текста.

​

Онлайн редактор циферблатов.
Позволяет детально настроить циферблат под себя.
Перед использованием необходимо распаковать .bin c помощью AmazfitBipTools

При добавлении элемента используются изображения по-умолчанию. Их можно найти

Пожалуйста войдите или зарегистрируйтесь для просмотра скрытого текста.

или заменить ImageIndex на свой

Скриншоты

Ссылка:

Пожалуйста войдите или зарегистрируйтесь для просмотра скрытого текста.

Предложения и баг-репорты можно оставлять в этой теме или писать мне лично в телеграмм (ссылка в редакторе)

Инструкция по распаковке, редактированию и сборке файлов циферблатов для Amazfit Bip

 

[vlack]

Добавил поддержку Cor, пока в тестовом режиме, возможно что-то не работает. Выбирается в настройках

 

[mrTvister]

@vlack возможно ли добавить в редактор отображение альтернативной погоды день/ночь в случае пропадания текущих показателей?

Пример цифера и кусочек кода

    "Temperature": {
      "Current": {
        "Number": {
          "TopLeftX": 143,
          "TopLeftY": 149,
          "BottomRightX": 169,
          "BottomRightY": 160,
          "Alignment": "Center",
          "Spacing": 1,
          "ImageIndex": 54,
          "ImagesCount": 10
        },
        "MinusImageIndex": 64,
        "DegreesImageIndex": 65
      },
      "Today": {
        "Separate": {
          "Day": {
            "Number": {
              "TopLeftX": 212,
              "TopLeftY": 9,
              "BottomRightX": 232,
              "BottomRightY": 17,
              "Alignment": "Center",
              "Spacing": 1,
              "ImageIndex": 11,
              "ImagesCount": 10
            },
            "MinusImageIndex": 64,
            "DegreesImageIndex": 65
          },
          "Night": {
            "Number": {
              "TopLeftX": 211,
              "TopLeftY": 23,
              "BottomRightX": 231,
              "BottomRightY": 31,
              "Alignment": "Center",
              "Spacing": 1,
              "ImageIndex": 11,
              "ImagesCount": 10
            },
            "MinusImageIndex": 64,
            "DegreesImageIndex": 65
          },
          "DayAlt": {
            "X": 144,
            "Y": 143
          },
          "NightAlt": {
            "X": 144,
            "Y": 158
          }
        }
      }
    },

 

[vlack]

@mrTvister, как только появится время - сделаю

Оффтоп

(сразу после экзаменов)

 

[Wixej]

@vlack возможно ли добавить в редактор отображение альтернативной погоды день/ночь в случае пропадания текущих показателей?

Пример цифера и кусочек кода

Посмотреть вложение 3709

    "Temperature": {
      "Current": {
        "Number": {
          "TopLeftX": 143,
          "TopLeftY": 149,
          "BottomRightX": 169,
          "BottomRightY": 160,
          "Alignment": "Center",
          "Spacing": 1,
          "ImageIndex": 54,
          "ImagesCount": 10
        },
        "MinusImageIndex": 64,
        "DegreesImageIndex": 65
      },
      "Today": {
        "Separate": {
          "Day": {
            "Number": {
              "TopLeftX": 212,
              "TopLeftY": 9,
              "BottomRightX": 232,
              "BottomRightY": 17,
              "Alignment": "Center",
              "Spacing": 1,
              "ImageIndex": 11,
              "ImagesCount": 10
            },
            "MinusImageIndex": 64,
            "DegreesImageIndex": 65
          },
          "Night": {
            "Number": {
              "TopLeftX": 211,
              "TopLeftY": 23,
              "BottomRightX": 231,
              "BottomRightY": 31,
              "Alignment": "Center",
              "Spacing": 1,
              "ImageIndex": 11,
              "ImagesCount": 10
            },
            "MinusImageIndex": 64,
            "DegreesImageIndex": 65
          },
          "DayAlt": {
            "X": 144,
            "Y": 143
          },
          "NightAlt": {
            "X": 144,
            "Y": 158
          }
        }
      }
    },

Хорошая идея)))

 

[vlack]

@mrTvister, @Wixej, сделал

 

[t034]

На всех что пока пробовал загружать вылазит "Изображение с индексом NaN не найдено".
Хотя в браслете работают.

 

[vlack]

@t034, можешь скинуть bin, я исправлю проблему в редакторе. Скорее всего опять какая-нибудь моя глупая ошибка из-за того, что по ночам полусонный что-то переделывал

 

[t034]

@vlack, вот один из таких.

Сообщения автоматически объединены: 03.07.18

@vlack, Также для кора (по крайней мере для таких скинов), не показываются все элементы.

 

[Flasher_23]

@t034, в настройках нужно выбрать "cor"

тогда всё корректно отображается...

 

[Flasher_23]

@vlack, практически всё работает, спасибо за редактор...

 

[t034]

@Flasher_23, блин, я на кнопку настройки вверху не обратил внимания, искал не в тех настройках.
Теперь все отлично.

 

[t034]

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

Сообщения автоматически объединены: 03.07.18

И почему-то вылазит время от времени "Image for prorety not found"
Писалось бы какое и где было бы понятнее что он хочет.

 

[Wixej]

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

 

[femer]

я может что не доганяю а как скачать оредоктированные часы ?

 

[mrTvister]

@femer, после скачивания в папку с распакованным циферблатом, файл .json перетащите на .exe Bip | Amazfit Bip Tools

Спойлер

Более подробная Инструкция по распаковке, редактированию и сборке файлов циферблатов для Amazfit Bip

 

[turyst]

Подскажите пожалуйста. Можно ли менять для картинок, какая будет "сверху", а какая снизу.

К примеру, сейчас картинка "десятков часов", всегда ниже, чем картинка "единиц часов",
т.е. картинка единиц перекрывает изображение картинки десятков.

Иногда хочется наоборот. Возможно-ли менять эту очередность наслаивания?

Редактирование "текста" (поменял их местами) не дает эффекта.
___

Есть-ли "мануал" по такой очередности?
___

И что это за пункты и что они выводят?

 

[Psineur]

@turyst,
Можно менять. Называется отрисовка, т.е. последовательность слоев.
Обсуждение - Вопросы по созданию и редактированию циферблатов
Цифры времени можно менять с помощью кода

"DrawingOrder": "1234"

Где
1 -десятки часов
2 - единицы часов
3 - десятки минут
4 - единицы минут
Можно так

"DrawingOrder": "2143"

Пример кода

  "Time": {
    "Hours": {
      "Tens": {
        "X": 0,
        "Y": 0,
        "ImageIndex": 1,
        "ImagesCount": 3
      },
      "Ones": {
        "X": 0,
        "Y": 0,
        "ImageIndex": 4,
        "ImagesCount": 10
      }
    },
    "Minutes": {
      "Tens": {
        "X": 126,
        "Y": 20,
        "ImageIndex": 14,
        "ImagesCount": 10
      },
      "Ones": {
        "X": 150,
        "Y": 20,
        "ImageIndex": 14,
        "ImagesCount": 10
      }
    },
    "DrawingOrder": "1234"
  },

На скринах - пункты альтернативной погоды
Обсуждение - Вопросы по созданию и редактированию циферблатов

 

[turyst]

Вот спасибо! Как раз эту тему читаю. Но до этого еще не дочитал.