
Всем привет. В данном уроке расскажу как поменять стандартный сплеш скрин (экран загрузки) , который появился в версии r209, на свой.
После экспорта он дописывается в c2runtime.js. Откуда он берет начальную информацию я пока не нашел.
А состоит он из:
- Одно квадратное лого с размерами (1024*1024, 512*512, 256/256, 128*128)
- И две надписи с размерами (1024*256, 512*128, 256*64, 128*32)
- Полоса загрузки цвет которой указан в RGB
- Фон цвет которого так же в RGB
Все картинки закодированы в Base64. Я использовал онлайн кодировщик для кодирования своих картинок. Заранее делать не обязательно. Процесс кодирования моментальный.
Для редактирования c2runtime подойдет обычный блокнот, но я бы посоветовал Notepad++
Приступим.
Открываем наш экспортированный c2runtime.js и находим в нем вот эти строки
Это и есть наши картинки. Начинаются они после ...base64, и заканчиваются перед =";
Заменяем их на свои картинки и идем дальше.
Ищем строки отвечающие за фон и полосу загрузки.
- Строка renderToCtx.fillStyle = "#333333"; отвечает за цвет фона.
- Строка renderToCtx.fillStyle = "#3C3C3C"; отвечает за цвет фона под полоской.
- И строка renderToCtx.fillStyle = anyImageHadError ? "red" : "#E0FF65"; отвечает за цвет полосы загрузки.
Рекомендую воспользоваться Яндексом для подбора цвета.
И еще одна строчка drawH = Math.max(h * 0.005, 2);. Она отвечает за высоту полосы загрузки.
Вот и все. Этого достаточно чтобы полностью поменять SplashScreen.
Конечно при знании JS можно сделать и выбор рандомного цвета фона, полосы загрузки.
Всем спасибо за внимание
