let output = document.getElementById("output"); let {Signal, SignalComp, Layer, RAI} = require("raijs"); let screen = { gyroscope: new Signal(0), rotate: function () { output.innerHTML += 'Rotating
'; } }; let playerView = { draw: function () { output.innerHTML += 'Showing a Movie
'; } }; //adaptation let landscape = { condition: "gyroLevel > 45", enter: function () { output.innerHTML += 'ENTER TRANSITION
'; screen.rotate(); } }; RAI.exhibit(screen, {gyroLevel: screen.gyroscope}); RAI.addPartialMethod(landscape, playerView, "draw", function () { Layer.proceed(); output.innerHTML += '[LAYER] Landscape Mode
'; } ); RAI.deploy(landscape); playerView.draw(); output.innerHTML += '
Change SmartPhone position
'; screen.gyroscope.value = 60; playerView.draw();
OUTPUT
RUN