Amcharts & timecut

Ich genoss etwas Sonne nachmittags draußen beim ebook lesen. Dann Abends mal wieder zu amcharts. Per timecut konnte ich eine Animation schnappen.

Interessant ist, dass amchart nicht auf canvas rendert. Damit wird’s etwas langsamer. Wenigstens kann ich per timecutper pipemode in ffmpeg capturen – mit ca. 2 fps in Full HD und etwas darunter mit 4K. Das sollte ausreichen mit besserer Kontrolle über den Look. Probleme gab’s noch mit Transparenz. Ich bekam das dann mit extra Parametern für Nutzung von ProRes4444 hin. Alles in Butter! Nur am Start der Videos sind die Texte irgendwie falsch codiert.

const timecut = require('timecut');
timecut({
url: 'file:///Users/dsc/Projects/js/amcharts-barchartrace.html',
viewport: {
width: 720, // sets the viewport (window size)
height: 480
},
transparentBackground: true,
selector: '#chartdiv', // crops each frame to the bounding box of '#container'
isLandscape: true, // landscape mode
left: 20, top: 40, // further crops the left by 20px, and the top by 40px
right: 6, bottom: 30, // and the right by 6px, and the bottom by 30px
fps: 15, // saves n frames for each virtual second
duration: 5, // for n virtual seconds
canvasCaptureMode: false, // capture directly from canvas
pipeMode: true, // and pipe directly to ffmpeg
pixFmt: 'yuva444p10le',
outputOptions: ['-vcodec', 'prores_ks', '-profile:v', '4444' ], // '-alpha_bits', '8'
output: 'barchart-rgba.mov' // to video of the current working directory
}).then(function () {
console.log('Done!');
});

Das Thema pausiert erst mal und ich mache jetzt richtige sonstige Videos. Gut zu wissen, dass die Sache hier mit amcharts möglich wird. Blender wäre eben um einiges besser aber derzeit noch zu komplex.

Dann auf einmal sehr müde. Magenprobleme irgendwie. Ich schleppte mich durch den Abend, hörte Podcast zu Elixir.