def parse(file_name):
"""
Driver function for parsing .sif to lottie(.json) format
Args:
file_name (str) : Synfig file name that needs to be parsed to Lottie format
Returns:
(str) : File name in json format
"""
tree = etree.parse(file_name)
root = tree.getroot() # canvas
gen_canvas(settings.lottie_format, root)
# Storing the file name
settings.file_name["fn"] = file_name
# Storing the file directory
settings.file_name["fd"] = os.path.dirname(file_name)
# Initialize the logging
init_logs()
settings.lottie_format["layers"] = []
canvas = Canvas(root)
gen_layers(settings.lottie_format["layers"], canvas,
canvas.get_num_layers() - 1)
lottie_string = json.dumps(modify_final_dump(settings.lottie_format))
return write_to(file_name, "json", lottie_string)
def gen_html(file_name):
"""
Generates an HTML file which will allow end user to easily playback
animation in a web browser
Args:
file_name (str) : Stores the HTML file name
Returns:
(None)
"""
bodymovin_path = os.path.join(os.path.dirname(sys.argv[0]), "bodymovin.js")
with open(bodymovin_path, "r") as f:
bodymovin_script = f.read()
html_text = \
"""<html xmlns="http://www.w3.org/1999/xhtml">
<meta charset="UTF-8">
<head>
<style>
body{{
background-color:#fff;
margin: 0px;
height: 100%;
overflow: hidden;
}}
#lottie{{
background-color:#fff;
width:100%;
height:100%;
display:block;
overflow: hidden;
transform: translate3d(0,0,0);
text-align: center;
opacity: 1;
}}
</style>
</head>
<body>
{bodymovin_script}
<div id="lottie"></div>
<script>
var animationData = {file_name_data};
var params = {{
container: document.getElementById('lottie'),
renderer: 'svg',
loop: true,
autoplay: true,
animationData: animationData
}};
var anim;
anim = lottie.loadAnimation(params);
</script>
</body>
</html>
"""
write_to(
file_name, "html",
html_text.format(bodymovin_script=bodymovin_script,
file_name_data=json.dumps(
modify_final_dump(settings.lottie_format))))