Question

我在Adobe Animate CC 2015.2中使用3行标题创建了一个基本的HTML5 Canvas动画。我需要能够从外部文件中提供文本，以便能够将其更改为翻译成不同的语言。

有一种简单的方法吗？或者它应该只是标准的HTML绝对位于顶部？

Answer 1

$.ajax({
    type: 'GET', // changed from 'tybe'
    url: externalurl,
    dateType: 'xml',
    success: function (xml) {
        var Text_Cta1 = $(xml).find("BtnText1")
            root.feedTitle.text = titles[0].textContent;
            $(xml).find("BtnText1").each(function () (
            $item = $(this);
            var itme = new Object();
            item.title = $item.find("Text_Cta1").text();
        feedItems.push('Text_Cta1');
        )};
    })

Answer 2

我知道这是一个古老的问题，但这是我的解决方案，因为找到一个运行良好的解决方案花费了一段时间。

我需要在Animate CC中创建的一系列HTML 5动画中具有多个动态文本框，这些动画框用作Bootstrap Carousel幻灯片放映的一部分。我希望以后能够添加多种语言-所以我为每种语言使用了一个json文件来存储文本内容，并按需加载。

示例json：

{
  "1": {
    "name": "default_text", 
    "text": {"0" : "Error locating text content for this animation?"}
   }, 
  "2": {
    "name": "coating_systems", 
    "text": {"0" : "this animation has one text field"}
   }, 
  "3": {
    "name": "compatability_chart", 
    "text": {"0" : "this animation has more than one dynamic text field", "1" : "another text field"}
  }
}

该名称由父站点使用-在这里我们只需要'text'

在我的Adobe CC动画时间轴中：

    var that = this; 
    var loaded = false;
    json = {};  
    var loadJson = function(url)  
    {  
        var queue = new createjs.LoadQueue(true);  
        queue.on("fileload", onJsonLoaded, that);  
        queue.on("error", onJsonLoadError, that);  
        queue.loadFile({id:"json", src:url});  
    }  
    var onJsonLoaded = function(e)  
    {  
        that.json = e.target.getResult("json");  
        setText();  
    }  
    var onJsonLoadError = function(e)  
    {  
        console.log(e);  
    }  
    var setText = function()  
    {  
        var blocks = that.json; 
        var numblocks = Object.keys(blocks[id].text).length;
        // loop through the text block to assign to the matching count in the animation
        for (var i=0; i < numblocks; i++) {
            var txtField = eval('that.textField'+i);
            txtField.text = blocks[id].text[i];
        }
    }  

    //in my case, the "id" and "lang" gets passed from the parent window into the iframe with the animation in a bs carousel - uses data attributes
    var $anim_iframe = parent.document.querySelectorAll('.item.active .animation_iframe');
    if($anim_iframe.length > 0){
        var id = $anim_iframe[0].dataset.id;
        var lang = $anim_iframe[0].dataset.lang;
        var json_file = '/path/to/lang/'+lang+'.json';
        // load json, but don't bother if the animation loops
        if(loaded == false){
            loadJson(json_file);
        }
        loaded = true;
    }

在您的舞台上，您将拥有名为textField0，textField1，textField2等的动态文本框，它们与json文件中的“文本”匹配。

Adobe Animate CC-从JSON或TXT文件中提取动态文本层？

2 个答案: