HTML5-баннер Animate CC не работает при публикации ресурсов в корневой папке - PullRequest
Новая
       40

HTML5-баннер Animate CC не работает при публикации ресурсов в корневой папке

0 голосов
/ 29 декабря 2018

Я создаю объявления на холсте Animate CC HTML5, и у нас появился новый поставщик, которому нужны все ресурсы, сохраненные в корневой папке.Когда я изменяю этот параметр публикации в Animate, загружается только цвет сцены.У нас есть тестовый сайт, поэтому я публикую и просматриваю с сервера, а не локально.

Я изменяю только места назначения публикации по умолчанию "/ images" (ресурсы изображений) и "/ libs""(CreateJS assets) to" / "для обоих, и когда я публикую, файлы попадают в правильную корневую папку, но js не может их найти.Все отлично загружается, когда я снова переключаюсь на использование папок ресурсов.

Этот «новый» код js включает в себя более 60 дополнительных строк, включая некоторые о шрифтах, но я не использую живой тип.HTML то же самое в любом случае.Мы не используем спрайт-листы.

ЭТОТ КОД работает - ПОСЛЕ символов "//": ЛИНИЯ, КОД СООТВЕТСТВУЕТ ОБА ФАЙЛАМ. 

(function (lib, img, cjs, ss) {

var p; // shortcut to reference prototypes

// library properties:
lib.properties = {
width: 1200,
height: 627,
fps: 24,
color: "#FFFFFF",
opacity: 1.00,
manifest: [
    {src:"images/FRWL_DBA_1200x627_B1bkgd.jpg?1546039438038", id:"FRWL_DBA_1200x627_B1bkgd"},
    {src:"images/FRWL_DBA_1200x627_B1CTA.png?1546039438038", id:"FRWL_DBA_1200x627_B1CTA"},
    {src:"images/FRWL_DBA_1200x627_B1HLacross.png?1546039438038", id:"FRWL_DBA_1200x627_B1HLacross"},
    {src:"images/FRWL_DBA_1200x627_B1HLget.png?1546039438038", id:"FRWL_DBA_1200x627_B1HLget"},
    {src:"images/FRWL_DBA_1200x627_B1HLnow.png?1546039438038", id:"FRWL_DBA_1200x627_B1HLnow"},
    {src:"images/FRWL_DBA_1200x627_B1logo.png?1546039438038", id:"FRWL_DBA_1200x627_B1logo"},
    {src:"images/FRWL_DBA_1200x627_B1ppl.png?1546039438038", id:"FRWL_DBA_1200x627_B1ppl"}
]
};



lib.ssMetadata = [];


// symbols:

ЭТО "НОВЫЙ" КОД, КОТОРЫЙНЕ РАБОТАЕТ: 

(function (lib, img, cjs, ss) {

var p; // shortcut to reference prototypes
lib.webFontTxtInst = {}; 
var loadedTypekitCount = 0;
var loadedGoogleCount = 0;
var gFontsUpdateCacheList = [];
var tFontsUpdateCacheList = [];

// library properties:
lib.properties = {
width: 1200,
height: 627,
fps: 24,
color: "#00CC66",
opacity: 1.00,
webfonts: {},
manifest: [
    {src:"/FRWL_DBA_1200x627_B1bkgd.jpg", id:"FRWL_DBA_1200x627_B1bkgd"},
    {src:"/FRWL_DBA_1200x627_B1CTA.png", id:"FRWL_DBA_1200x627_B1CTA"},
    {src:"/FRWL_DBA_1200x627_B1HLacross.png", id:"FRWL_DBA_1200x627_B1HLacross"},
    {src:"/FRWL_DBA_1200x627_B1HLget.png", id:"FRWL_DBA_1200x627_B1HLget"},
    {src:"/FRWL_DBA_1200x627_B1HLnow.png", id:"FRWL_DBA_1200x627_B1HLnow"},
    {src:"/FRWL_DBA_1200x627_B1logo.png", id:"FRWL_DBA_1200x627_B1logo"},
    {src:"/FRWL_DBA_1200x627_B1ppl.png", id:"FRWL_DBA_1200x627_B1ppl"}
]
};



lib.ssMetadata = [];



lib.updateListCache = function (cacheList) {        
for(var i = 0; i < cacheList.length; i++) {     
    if(cacheList[i].cacheCanvas)        
        cacheList[i].updateCache();     
}       
};      

lib.addElementsToCache = function (textInst, cacheList) {       
var cur = textInst;     
while(cur != exportRoot) {      
    if(cacheList.indexOf(cur) != -1)        
        break;      
    cur = cur.parent;       
}       
    if(cur != exportRoot) { //we have found an element in the list      
    var cur2 = textInst;        
    var index = cacheList.indexOf(cur);     
    while(cur2 != cur) { //insert all it's children just before it      
        cacheList.splice(index, 0, cur2);       
        cur2 = cur2.parent;     
        index++;        
    }       
}       
else {  //append element and it's parents in the array      
    cur = textInst;     
    while(cur != exportRoot) {      
        cacheList.push(cur);        
        cur = cur.parent;       
    }       
}       
};      

lib.gfontAvailable = function(family, totalGoogleCount) {       
lib.properties.webfonts[family] = true;     
var txtInst = lib.webFontTxtInst && lib.webFontTxtInst[family] || [];       
for(var f = 0; f < txtInst.length; ++f)     
    lib.addElementsToCache(txtInst[f], gFontsUpdateCacheList);      

loadedGoogleCount++;        
if(loadedGoogleCount == totalGoogleCount) {     
    lib.updateListCache(gFontsUpdateCacheList);     
}       
};      

lib.tfontAvailable = function(family, totalTypekitCount) {      
lib.properties.webfonts[family] = true;     
var txtInst = lib.webFontTxtInst && lib.webFontTxtInst[family] || [];       
for(var f = 0; f < txtInst.length; ++f)     
    lib.addElementsToCache(txtInst[f], tFontsUpdateCacheList);      

loadedTypekitCount++;       
if(loadedTypekitCount == totalTypekitCount) {       
    lib.updateListCache(tFontsUpdateCacheList);     
}       
};
// symbols:

Кто-нибудь еще имел эту проблему?Что-то мне не хватает в Animate или мне нужно вручную настроить код для js, чтобы найти изображения?Я не смог найти ничего на сайте Adobe, где говорилось, что нужны дополнительные шаги, и я только начинающий программист.

СПАСИБО!

1 Ответ

0 голосов
/ 29 декабря 2018

Sheesh.После поисков и перебора кода в течение нескольких часов, я нашел ответ через 20 минут после этого поста.Надеюсь, это поможет кому-то еще ...

Это было то, что я пропустил в Animate:

Очевидно, в Animate CC обязательно использовать встроенные кнопки переключения - значки папок рядом с текстом.полей в настройках публикации - и он будет либо сохранять ресурсы в папках, либо в корне, либо не сохранять их вообще, если вы снимите флажки.Вы не можете выбрать свой собственный путь, не нарушив систему.

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

...