Dodanie animacji
Auteur : Darek R.
Visité 1278,
Followers 1,
Partagé 0
Jak dodać do projektu strony animację zapisaną jako HTML5
Posté le
Jak dodać do projektu strony animację zapisaną jako HTML5
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
Auteur
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?
Auteur
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