Dodanie animacji 
Author: Darek R.
Visited 1314,
Followers 1,
Shared 0
Jak dodać do projektu strony animację zapisaną jako HTML5
Posted on the
Witaj Darek,
Jeżeli to jest kod HTML, to możesz go umieścić na stronie np. przy pomocy obiektu "HTML i gadżety".
Pozdrawiam
Author
Podczas zapisu z flash'a do html5 powstały 2 pliki: html i js. Wprowadzenie samego kodu html nic nie daje. Gdzie umieścić oba pliki, żeby działało?
Author
Tak wygląda kod html
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<title>CreateJS export from Wideo_2013</title>
<script src="http://code.createjs.com/easeljs-0.5.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.3.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.5.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.2.0.min.js"></script>
<script src="Wideo_2013.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("canvas");
images = images||{};
var manifest = [
{src:"images/Slub_plener.jpg", id:"Slub_plener"},
{src:"images/Slub_reportaz.jpg", id:"Slub_reportaz"},
{src:"images/Slub_studio.jpg", id:"Slub_studio"},
{src:"images/tlo_wideo.jpg", id:"tlo_wideo"},
{src:"images/Warstwa0kopia.png", id:"Warstwa0kopia"},
{src:"images/Wideo.jpg", id:"Wideo"}
];
var loader = new createjs.PreloadJS(false);
loader.onFileLoad = handleFileLoad;
loader.onComplete = handleComplete;
loader.loadManifest(manifest);
}
function handleFileLoad(o) {
if (o.type == "image") { images[o.id] = o.result; }
}
function handleComplete() {
exportRoot = new lib.Wideo_2013();
stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();
createjs.Ticker.setFPS(25);
createjs.Ticker.addListener(stage);
}
</script>
</head><body onload="init();" style="background-color:#D4D4D4">
<canvas id="canvas" width="800" height="400" style="background-color:#ffffff"></canvas>
</body></html>
A jak plik html umieścisz na stronie przy pomocy obiektu "HTML i gadżety", a plik js po prostu wgrasz na serwer tam gdzie reszta plików tej strony.
Jedynie w kodzie można zmienić rozmiar animacji. W tej chwili masz ustawioną 800x400, nie wiem czy ta wielkość będzie ok w Twoim projekcie.
Witaj Darek,
Bez znajomości HTML i JavaScript może być Ci ciężko dostosować ten kod do stron tworzonych w WebSite X5.
Możesz spróbować przenieść z wygenerowanego pliku HTML wszystkie elementy z nagłówka HEAD (z pominięciem oczywiście tytułu i tagów META) do nagłówka HEAD wybranej strony w programie WebSite X5 (zaawansowane właściwości strony, kod niestandardowy przed tagiem zamykającym sekcję HEAD), a element CANVAS umieścić przy pomocy obiektu "HTML i gadżety". Kod inicjalizujący (wywołanie funkcji init()) należy umieścić przy pomocy opcji "Właściwości tagu BODY" w zaawansowanych ustawieniach strony.
Pozdrawiam