Wichtig: Im einzubindenden Code muss die PluginId stehen, welche du gewählt hast. In unserem Fall war dies „snow“. Du findest die PluginId beispielsweise in der Component.js „return Component.extend („PluginId.Component“)“.
Zusätzlich müssen wir das Objekt „Device“ einbinden.
Im nächsten Schritt wollen wir unsere Schneeflocken erstellen. Dazu fügen wir den folgenden Code in die init-Methode unserer Component.js ein:
//var rendererPromise = this._getRenderer();
// define snow variables
this._numFlakes = 200;
this._windowW = Device.resize.width; //window.innerWidth;
this._windowH = Device.resize.height; //window.innerHeight;
this._flakes = [];
// get canvas to paint in: there seems to be only one in
// in the Fiori Launchpad so this should always work
var canvas = $("canvas").get(0);
if(!canvas) {
// stop processing in case we don't have a canvas!
return;
}
this._ctx = canvas.getContext("2d");
// first loop to create all Flake objects
var i = this._numFlakes, flake, x, y;
while (i--) {
// create new flake
flake = new Flake();
// get random location
x = flake.randomBetween(0, this._windowW, true);
y = flake.randomBetween(0, this._windowH, true);
flake.init(x, y);
// add flake
this._flakes.push(flake);
}
// start looping all flakes to move them
this.loop();