지오메트리 속성을 사용하여 특정 Object에 이미지를 넣거나 동영상을 넣을수 있도록 구현합니다.
JS SCRIPT
// 시계 설정
onupdateobject = function (userObject, deltatime) {
var d = new Date();
var backimage;
context.clearRect(0, 0, backimage.width, backimage.height);
var text = d.getHours().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) + " : "
+ d.getMinutes().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) + " : "
+ d.getSeconds().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false });
context.drawImage(backimage, 0, 0, backimage.width, backimage.height);
context.font = "36px arial bold";
context.fillStyle = "white";
context.fillText(text, 5, 40);
context.lineWidth = 1;
context.strokeStyle = "red";
context.strokeText(text, 5, 40);
userObject.updateMaterial();
}
// 이미지 설정
example = function () {
userLayer = new CMWORLD.UserObjectLayer("lines");
cmworld.addLayer(userLayer);
var img = document.createElement("img");
img.onload = function (image) {
backimage = image.currentTarget;
canvas = document.createElement("canvas");
canvas.width = image.currentTarget.width;
canvas.height = image.currentTarget.height;
context = canvas.getContext("2d");
var obj = CMWORLD.UserObject.createPlane("이름", x좌표, y좌표, z좌표, x좌표, y좌표, z좌표, canvas, true, onupdateobject);
userLayer.add(obj);
}
img.src = '이미지 경로';
}