当资源发布到根文件夹时,Animate CC HTML5 横幅不起作用



我构建了Animate CC HTML5画布广告,我们有了一个新的供应商,他需要将所有资产保存在根文件夹中。在"动画制作"中更改此发布设置时,仅加载舞台颜色。我们有一个测试站点,所以我在服务器上发布和查看,而不是在本地。

我只是将发布目的地从默认的"/images"(图像资产)和"/libs"(CreateJS资产)更改为"/",当我发布时,文件最终会放在正确的根文件夹中,但js找不到它们。当我切换回使用资源文件夹时,所有内容都加载良好。

这个"新"js代码包括60多行额外的代码,包括一些关于字体的代码,但我没有使用live类型。无论哪种方式,HTML都是一样的。我们不使用精灵表。

此代码有效-在"//symbol:"行之后,两个文件中的代码匹配。

(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网站上找不到任何关于需要额外步骤的内容,而且我只是一个程序员新手。

谢谢!

Sheesh。经过几个小时的搜索和混乱的代码,我在这篇文章发布20分钟后找到了答案。希望这能帮助其他人。。。

这是我在动画中错过的东西:

显然,在Animate CC中,必须使用内置的切换按钮——发布设置中文本字段旁边的文件夹图标——并且它会将资产保存在文件夹或根目录中,或者如果取消选中这些框,则根本不保存。如果不打破体制,你就无法选择自己的道路。

我的错误是自己改变了道路。它现在运行得很顺利,奇怪的是,我觉得自己既愚蠢又聪明。

最新更新