rotate model by the slider

This commit is contained in:
Faye Li 2017-02-28 14:43:51 -08:00
parent dedadd0aea
commit dae3d55985
2 changed files with 11 additions and 1 deletions

View file

@ -81,7 +81,7 @@
type="text"
data-provide="slider"
data-slider-ticks="[-180, 0, 180]"
data-slider-ticks-labels='["anti-clockwise","centre", "clockwise"]'
data-slider-ticks-labels='["clockwise", "centre", "anti-clockwise"]'
data-slider-min="-180"
data-slider-max="180"
data-slider-step="1"
@ -142,6 +142,10 @@
$("#reload-model-button").click(function() {
emit("onClickReloadModelButton", {value: $("#model-url").val()});
});
$("#rotate-slider").slider().on("slide", function(e){
console.log("slided " + e.value);
emit("onRotateSlider", {value: e.value});
});
});
</script>
</body>

View file

@ -29,10 +29,12 @@
PhotoBooth.init();
photoboothCreated = true;
}
}
button.clicked.connect(onClicked);
tablet.webEventReceived.connect(onWebEventReceived);
function onWebEventReceived(event) {
print("photobooth.js received a web event:" + event);
// Converts the event to a JavasScript Object
@ -76,6 +78,10 @@
var cameraID = PhotoBooth.cameraEntities[event.data.value];
Camera.setCameraEntity(cameraID);
}
} else if (event.type === "onRotateSlider") {
var props = {};
props.rotation = Quat.fromPitchYawRollDegrees(0, event.data.value, 0);
Entities.editEntity(PhotoBooth.modelEntityID, props);
}
}
}