webOS Forums - форум пользователей телевизоров на webOS

[soft42]

Добрый день.
Мне тут подкинули идею, написать приложение по логотипам легковых машин. Начал изучать вопрос.
В инете полно картинок по разным логотипам/брендам, и старые, которые уже не производят, и новые, о которых пока мало кто знает.
Значит надо сделать уровни сложности. Допустим, лёгкий уровень, 40 самых известных, средний - ещё 30 марок, известных уже не всем и трудный - плюс все остальные, новые + старые уже забытые.
Сначала думал выводить картинку и предлагать варианты ответов. Но тут вопрос, на каком языке выводить ответы: английский, русский? Да и хочется сделать приложение для всех стран/континентов.
Сейчас ПДД (Правила Дорожного Движения) зарегистрированы только для Belarus, Georgia, Kyrgyzstan, Kazakhstan, Russian Federation, Ukraine, Uzbekistan (Total 7).
Решил, что надо наоборот, выводить название на английском, озвучивать на русском (для не русскоговорящих - это их проблемы) и выводить несколько вариантов картинок/логотипов.
Начал готовить список автомобильных марок, начальный, "Лёгкий" уровень:

Код: Выделить всё

var tickets = [["Num", "Key", "Sound", "Image"],
 [1, "mercedes-benz","snd/mercedes.mp3", "img/mercedes.jpg"],
 [2, "bmw", "snd/bmw.mp3", "img/bmw.jpg"],
 [3, "audi", "snd/audi.mp3", "img/audi.jpg"],
 [4, "volkswagen", "snd/volkswagen.mp3", "img/volkswagen.jpg"],
 [5, "opel", "snd/opel.mp3", "img/opel.jpg"],
 [6, "maybach", "snd/maybach.mp3", "img/maybach.jpg"],
 [7, "smart", "snd/smart.mp3", "img/smart.jpg"],
 [8, "toyota", "snd/toyota.mp3", "img/toyota.jpg"],
 [9, "nissan", "snd/nissan.mp3", "img/nissan.jpg"],
 [10, "suzuki", "snd/suzuki.mp3", "img/suzuki.jpg"],
 [11, "acura", "snd/acura.mp3", "img/acura.jpg"],
 [12, "lexus", "snd/lexus.mp3", "img/lexus.jpg"],
 [13, "honda", "snd/honda.mp3", "img/honda.jpg"],
 [14, "mazda", "snd/mazda.mp3", "img/mazda.jpg"],
 [15, "mitsubishi", "snd/mitsubishi.mp3", "img/mitsubishi.jpg"],
 [16, "subaru", "snd/subaru.mp3", "img/subaru.jpg"],
 [17, "infiniti", "snd/infiniti.mp3", "img/infiniti.jpg"],
 [18, "lada", "snd/lada.mp3", "img/lada.jpg"],
 [19, "uaz", "snd/uaz.mp3", "img/uaz.jpg"],
 [20, "moskvich", "snd/moskvich.mp3", "img/moskvich.jpg"],
 [21, "ford", "snd/ford.mp3", "img/ford.jpg"],
 [22, "chevrolet", "snd/chevrolet.mp3", "img/chevrolet.jpg"],
 [23, "tesla", "snd/tesla.mp3", "img/tesla.jpg"],
 [24, "mustang", "snd/mustang.mp3", "img/mustang.jpg"],
 [25, "dodge", "snd/dodge.mp3", "img/dodge.jpg"],
 [26, "chrysler", "snd/chrysler.mp3", "img/chrysler.jpg"],
 [27, "lincoln", "snd/lincoln.mp3", "img/lincoln.jpg"],
 [28, "ram", "snd/ram.mp3", "img/ram.jpg"],
 [29, "volvo", "snd/volvo.mp3", "img/volvo.jpg"],
 [30, "jaguar", "snd/jaguar.mp3", "img/jaguar.jpg"],
 [31, "peugeot", "snd/peugeot.mp3", "img/peugeot.jpg"],
 [32, "seat", "snd/seat.mp3", "img/seat.jpg"],
 [33, "fiat", "snd/fiat.mp3", "img/fiat.jpg"],
 [34, "citroen", "snd/citroen.mp3", "img/citroen.jpg"],
 [35, "chery", "snd/chery.mp3", "img/chery.jpg"],
 [36, "geely", "snd/geely.mp3", "img/geely.jpg"],
 [37, "changan", "snd/changan.mp3", "img/changan.jpg"],
 [38, "gac", "snd/gac.mp3", "img/gac.jpg"],
 [39, "tank", "snd/tank.mp3", "img/tank.jpg"],
 [40, "zeekr", "snd/zeekr.mp3", "img/zeekr.jpg"],];

Здесь Num - порядковый ИД, далее Название бренда, которое будет выводиться, далее озвучка бренда и имя выводимого файла/логотипа.
Понимаю, что список не идеальный. Зикр - это новая марка, мало кто её знает, она явно лишняя. Поэтому прошу помощи, возможно кто подскажет, какие авто надо взять в категорию "лёгкий уровень".
Буду премного благодарен. Порядок не имеет значения, я потом их буду перемешивать
Ещё решил выработать определенный стиль написания приложений и дизайн. Тут много вопросов. Это в первую очередь программирование. Везде в примерах упор делается на классы.
Каждому объекту присваивается персональный класс (или один на несколько объектов) и далее ведется работа уже с классом.
У меня всё наоборот. Я каждому объекту присваиваю персональный ID, и далее работаю только с ним. Но сейчас я не буду этого касаться.

Дизайн: хотелось бы, чтобы все приложения имели общий дизайн, ну или хотя бы узнаваемую стартовую страницу. Пересмотрел на https://ru.lgappstv.com/main/tvapp множество приложений/скриншотов.
Некоторые установил на телевизор, потыкал кнопки. Привлекли несколько похожих между собой.

design-04.jpg (610.02 КБ) Просмотров: 1005

Дизайн основной страницы

Как вы видите, здесь весь экран занимает одна картинка, на ней крупным шрифтом название приложения, а внизу располагаются 4 основных кнопки.
Хочется сделать что-то похожее. Но это все игры. А у меня другая категория. Но кнопки Settings и Help обязательно нужны.
По крайней мере в Help давать краткую информацию о приложении. Предположу, что у многих стоят ТВ большой диагонали, тогда можно часть экрана отводить под служебную информацию,
например где-то в углу размещать короткое название приложения или свой логотип! Надо подумать

[soft42]

Продолжим. Немного накодил за неделю. Исходники CarLogo.rar лежат на яндекс-диске https://disk.yandex.ru/d/LnXYnlpmPJn9hg
В архиве есть ipk-файл, который можно забросить на телевизор через режим разработчика.

appinfo.json

Код: Выделить всё

{"id": "zimfer.app.carlogo",
 "version": "1.0.0",
 "vendor": "Zimfer Alex",
 "type": "web",
 "main": "index.html",
 "title": "CarLogo",
 "icon": "icon80.png",
 "largeIcon": "icon130.png",
 "disableBackHistoryAPI": true,
 "bgColor": "black",
 "iconColor": "black",
 "splashColor": "black",
 "splashBackground": "img/fon.png",
 "appDescription": "Logos of cars. Car brands. Russia 2026."}


Главная страница приложения:

CarLogo-1.png (1.09 МБ) Просмотров: 837

Логотипы автомобилей 1

Это черновой вариант. Упор делается на внешнее оформление. Ищу свой стиль. Надписи на английском. Возможно потом сделаю в настройках переключение языка.
И еще там будет выбор уровня: легкий, средний, сложный. Картинку-заставку скачал с инета. Там-же скачал логотипы авто, обрезал их под квадратный формат и уменьшил до 400х400 пиксел.
Думаю, такого разрешения достаточно. На некоторых логотипах написан сам бренд, например Nissan или BMW. А ещё выяснил, что некоторые бренды не имеют своих логотипов!
Этим грешат последние китайцы: Haval, Exceed, Tenet... Просто надпись на капоте или багажнике. Такие легко будет угадывать.
Не успели разработать логотип? Так спешили, что начали продажи без логотипа?
В программе нарисовал 8 кнопок, каждая с картинкой. Тестирую на 20 логотипах. Озвучивается бренд, надо ткнуть в правильную картинку.

index.html

Код: Выделить всё

<!DOCTYPE html>
<html>

<head>
 <title>CarLogo</title>
 <link rel="stylesheet" href="styles.css" type="text/css"> <!-- подключаем свой CSS-файл -->
</head>

<script src="webOSTVjs-1.2.4/webOSTV.js" charset="utf-8"></script>
<script src="webOSTVjs-1.2.4/webOSTV-dev.js" charset="utf-8"></script>
<script src="js/logo.js" type="text/javascript" charset="utf-8"></script>
<script src="script.js" type="text/javascript" charset="utf-8"></script>


<body>

<div id="container">
 <div id="header1" class="image-text-container">
 <div id="text1" class="text-header">Проверьте знания логотипов</div>
 <div id="text2"></div>
 </div>
 <div id="header2">
 <!-- <h2>Заголовок2</h2> --->
 </div>

 <div id="content1">
 <h2>Menu</h2>
 <button id="button-play" class="item" onclick="Play()">Play</button>
 <button id="button-set" class="item" onclick="Set()">Settings</button>
 <button id="button-help" class="item" onclick="Help()">Help</button>
 </div>
 <div id="content2">
 <button id="button01" class="item" onclick="Answer(logo[1][0],1)"></button>
 <button id="button02" class="item" onclick="Answer(logo[2][0],2)"></button>
 <button id="button03" class="item" onclick="Answer(logo[3][0],3)"></button>
 <button id="button04" class="item" onclick="Answer(logo[4][0],4)"></button>
 <button id="button05" class="item" onclick="Answer(logo[5][0],5)"></button>
 <button id="button06" class="item" onclick="Answer(logo[6][0],6)"></button>
 <button id="button07" class="item" onclick="Answer(logo[7][0],7)"></button>
 <button id="button08" class="item" onclick="Answer(logo[8][0],8)"></button>
 <div id="text3"></div>
 <button id="button-exit" class="item" onclick="Exit()">Exit</button>
 </div>
 <div id="content3">
 <h2>Settings</h2><br><br>
 <button id="button-en" class="item" onclick="Language('en')">EN</button>
 <button id="button-ru" class="item" onclick="Language('ru')">RU</button>
 <button id="button-de" class="item" onclick="Language('de')">DE</button>
 </div>
 
 <div id="content4">
 <h2>Help</h2>
 <h1>Привет!!! Hello, World! <br> <br> </h1>
 <p>CarLogo - приложение для проверки знания логотипов автомобилей
 <br>Привет!!! Hello, World! Привет!!! Hello, World! Привет!!! Hello, World! Привет!!! Hello, World! Привет!!! Hello, World! Привет!!!<br><br><br></p>
 <button id="button-ok" class="item" onclick="Main()">Ok</button>
 
 </div>

 <div id="clear"></div>
 
 <div id="footer1">
 <!-- <h2>Подвал1</h2> -->
 </div>
 <div id="footer2">
 <div id="logo"><font color="Red">Car<font color="Aqua">Logo</font></div>
 </div>
 
</div>

</body>

</html>


В процессе тестирования возникла мысль, может таймер поставить? 10 секунд на вопрос достаточно?

CarLogo-2.png (825.98 КБ) Просмотров: 837

Логотипы автомобилей 2

Появилась сложность, как отобразить правильный выбор? Счетчик считает правильные ответы.
Пытался озвучить, но следующий кадр - бренд забивает звук. На компьютере работает, а при переносе на ТВ перестает. Вообще со звуком беда, он запаздывает.
Во многих играх просто включен звук для фона. Тут LG недоработал. Хотел задать вопрос в LG, но там такого пункта нет, конкретно по программированию
Можно задать вопрос по регистрации, по размещению приложения, по заключению с ними договора (они за вас напишут приложение), по оплате их услуг...
Как программировать они вам не подскажут

CarLogo-3.png (820.02 КБ) Просмотров: 837

Логотипы автомобилей 3

Надо применить какой-то визуальный эффект. Работы на пару месяцев...

[soft42]

Добрый день. Продолжаю работать над приложением.
Загрузил промежуточный вариант carlogo.zimfer.app_1.0.0_all.ipk на яндекс-диск https://disk.yandex.ru/d/LnXYnlpmPJn9hg
Изменил работу с уровнями. Сначала предлагается первый уровень - 10 вопросов. Ответил все правильно, без ошибок, переходим на 2-й - 20 вопросов.
Ответил все правильно, без ошибок, переходим на 3-й уровень - 30 вопросов. И так далее. Насобирал 90 марок автомобилей.
Последний 9-й уровень - 90 вопросов. Есть кнопка сброса уровня. Чтобы не запутаться и не наплодить дубликаты пришлось записывать бренды в алфавитном порядке.

Код: Выделить всё

"acura",
"alfaromeo",
"astonmartin",
"audi",
"aurus",
"bentley",
"bestune",
"bmw",
"brilliance",
"bugatti",
"buick",
"byd",
"cadillac",
"changan",
"chery",
"chevrolet",
"chrysler",
"citroen",
"cupra",
"daewoo",
"daihatsu",
"datsun",
"dongfeng",
"DS",
"evolute",
"faw",
"ferrari",
"fiat",
"ford",
"gac",
"geely",
"genesis",
"gmc",
"great wall",
"haima",
"haval",
"honda",
"hongqi",
"hyundai",
"isuzu",
"infiniti",
"jac",
"jaguar",
"jeep",
"jetour",
"kia",
"Koenigsegg",
"lada",
"lamborghini",
"lancia",
"landrover",
"lexus",
"lifan",
"lincoln",
"lixiang",
"mahindra",
"maybach",
"maserati",
"mazda",
"mercedes-benz",
"mini",
"mitsubishi",
"moskvich",
"mustang",
"nissan",
"omoda",
"opel",
"peugeot",
"porsche",
"ram",
"renault",
"rolls royce",
"saab",
"saic",
"seat",
"skoda",
"smart",
"ssangyong",
"subaru",
"suzuki",
"tank",
"tesla",
"toyota",
"uaz",
"volkswagen",
"volvo",
"voyah",
"xiaomi",
"xpeng",
"zeekr",


90 автомарок - 90 автологотипов. Да ещё озвучка. В итоге приложение занимает почти 10 Мб. Решил оформлять в тёмной теме.

CarLogo-5.png (966.01 КБ) Просмотров: 610

CarLogo. 1-й уровень.

Добавил кнопку для озвучки вопроса, вдруг не расслышал. С озвучкой не очень, бесплатный https://freetts.ru/ не всегда правильно ставит ударение.
А описания никакого от слова совсем. Пишу "чанган", сайт упорно озвучивает как "чинган". И таких примеров много.

CarLogo-6.png (1.1 МБ) Просмотров: 610

CarLogo. 9-й уровень.

Интерфейс будет на двух языках: Eng или Rus. Надо заняться переводом.

[AlexMaestro]

soft42
Теперь буду знать, чем друзей-автомобилистов развлечь на посиделках))

[soft42]

Добрый день. Вроде всё, что планировал - сделал. Остались некоторые неразрешённые вопросы. Это в первую очередь проблемы со звуком.
Звук запаздывает и не могу сделать паузы между двумя звуковыми сообщениями.
Собрал новый логотип для своего приложения. Вот так он выглядит:

Логотип для CarLogo

icon130.png (14.51 КБ) Просмотров: 204

Сегодня забросил на https://seller.lgappstv.com/seller/main/Main.lge, заполнил все необходимые данные. Теперь ждать 2 месяца!

[Diz]

soft42
Спасибо за труд, ждем!

[soft42]

Если за 2 первых дня никаких замечаний не придёт, то значит ошибок нет.
Кроме русскоязычных стран добавил еще несколько англоязычных. Раньше их не добавлял, не все там понятно у них на сайте.