/**
* Created by LPH on 2017/11/27.
*/
$(document).ready(function() {
var href = location.href;
var key = "";
if(href.indexOf("key") > 0) {
key = href.substring(href.indexOf("key") + 4);
}
new SupportComponent(key, "#camera");
});
"use strict";
var SupportComponent = (function() {
var SupportComponent = function(key, target) {
return new SupportComponent.fn.init(key, target);
};
SupportComponent.fn = SupportComponent.prototype = {
constructor: SupportComponent,
init: function(key, target) {
var _this = this;
_this.scaning = false;
_this.rendering = false;
_this.deviceIsMobile = true;
_this.deviceIsAndroid = true;
_this.isWebRTC = false;
_this.openCameraControl = true;
_this.clipScreenAllowed = false;
_this.interactingSupport = false;
_this.timeCheck = true;
_this.mediaCheck = true;
_this.renderCount = 0;
_this.delay = 200;
_this.scanCount = 0;
_this.maxScanCount = 100;
_this.maxWidth = 240;
_this.maxHeight = 240;
_this.recoApi = "/v3/reco/recognizeByData";
_this.domainApi = "/api/editor/domain";
_this.transformVideoApi = "/api/editor/videourl";
_this.resourceDomain = "";
_this.key = key;
_this.target = target;
_this.cameras = [];
_this.backCameras = [];
_this.objects = [];
_this.audio = null;
_this.stream = null;
_this.scene = null;
_this.camera = null;
_this.constraints = {
audio: false,
video: {
frameRate: {
max: 15
}
}
};
if(_this.key == "") {
_this.toggleLoadingStatus("hide", "WebAR链接不完整，请确认访问链接是否正确");
} else {
_this.checkDeviceIsPc();
_this.checkBrowserMedia();
}
},
checkDeviceIsPc: function() {
var _this = this;
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
_this.deviceIsMobile = false;
for(var v = 0; v < Agents.length; v++) {
if(userAgentInfo.indexOf(Agents[v]) > 0) {
_this.deviceIsMobile = true;
break;
}
}
},
checkBrowserMedia: function() {
var _this = this;
var ua = navigator.userAgent.toLowerCase();
_this.deviceIsAndroid = !!(+ua.indexOf("android") + 1);
if(ua.match(/MicroMessenger/i) == 'micromessenger' && ua.indexOf("iphone") > 0) {
$(".fixed").hide();
_this.selectImage();
} else {
if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
_this.selectImage();
} else if(typeof navigator.getUserMedia === "undefined" || typeof navigator.mediaDevices === "undefined" || typeof navigator.mediaDevices.getUserMedia === "undefined") {
_this.selectImage();
} else if(navigator.mediaDevices.getUserMedia !== undefined) {
_this.getUserMedia();
} else {
_this.selectImage();
}
}
},
selectImage: function() {
var _this = this;
var windowURL = window.URL || window.webkitURL;
var dataUrl = "";
_this.isWebRTC = false;
$("#photo, #file").remove();
$("body").append("拍图扫描 " + camerasStr + "
");
}
$("#cameraControl").off().on("click", function(e) {
e.stopPropagation();
$("#cameraControl").toggleClass("active");
var video = document.querySelector("video" + _this.target);
video.pause();
_this.clipScreenAllowed = false;
if(_this.cameras.length < 2) {
return false;
}
if(_this.deviceIsMobile) {
_this.stream.getTracks()[0].stop();
_this.maxScanCount = 100;
if(_this.deviceIsAndroid) {
id = "";
if(_this.cameras[0].deviceId == _this.backCameras[0]) {
id = _this.cameras[1].deviceId;
} else {
id = _this.cameras[0].deviceId;
}
_this.backCameras[0] = id;
_this.constraints = {
audio: false,
video: {
frameRate: {
max: 15
},
deviceId: id
}
};
} else {
_this.constraints = {
audio: false,
video: {
frameRate: {
max: 15
},
facingMode: {
exact: (_this.constraints.video.facingMode.exact == "environment") ? "user" : "environment"
}
}
};
}
_this.displayUserMedia();
}
});
},
toggleLoadingStatus: function(type, info) {
var _this = this;
if(typeof info !== "undefined" && info != "") {
if(typeof info !== "undefined" && info != "") {
if(typeof info == "object") {
info = info.name
}
if(typeof info !== "string" && info.indexOf('"') > -1) {
info = info.replace(/\"/g, "");
}
}
}
switch (type) {
case "hide":
$(".loading-line").removeClass("active");
$("p").text(info);
setTimeout(function() {
alert(info);
}, 0);
break;
case "active":
$(".loading-shell").show();
$(".loading-line").addClass("active");
$("p").text(info);
break;
case "model":
$(".loading-shell, p").hide();
$("body").find("#photo").hide();
break;
case "render":
$(".loading-shell, p").hide();
$(".mask").show();
$("button#scanBtn").off().on("click", function(e) {
e.stopPropagation();
$(".loading-shell, p").show();
$(".loading-line").removeClass("active");
$(".mask").hide();
$("p").text("将AR图放入框中，即可自动扫描");
$(".mask > video.player")[0].pause();
$(".mask > video.player").trigger('pause');
$(".mask > video.player").remove();
$(".mask").prepend('<
");
setTimeout(function() {
$("#refreshButton").off().on("click", function(e) {
e.stopPropagation();
$(".loading-shell, p").show();
$(".loading-line").removeClass("active");
$(".mask").hide();
$("canvas:not(#imageCvs, #screen)").remove();
$("p").text("将AR图放入框中，即可自动扫描");
_this.scanCount = 0;
setTimeout(function() {
if(_this.isWebRTC) {
_this.clipScreen();
} else {
_this.selectImage();
}
}, _this.delay);
});
}, 0);
},
getDomain: function(modelsData) {
var _this = this;
_this.toggleLoadingStatus("active", "");
$.ajax({
url: _this.domainApi,
type: "GET",
dataType: 'json',
async:true,
error: function () {
_this.toggleLoadingStatus("hide", "网络异常");
},
success: function (result) {
switch (result.retCode) {
case 0:
_this.toggleLoadingStatus("active", "");
_this.resourceDomain = result.domain;
_this.initScene(modelsData);
break;
default:
_this.toggleLoadingStatus("hide", result.comment);
}
}
});
},
initScene: function(data) {
var _this = this;
_this.objects = [];
_this.toggleLoadingStatus("active", "");
var length = data.length;
_this.camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 10, 10000);
var scene = new THREE.Scene();
var renderer = new THREE.WebGLRenderer({
alpha:true,
antialias: true
});
var ambientLight = new THREE.AmbientLight(0xffffff);
var directionalLight = new THREE.DirectionalLight(0xffffff, 0.1);
var controls = new THREE.OrbitControls(_this.camera);
_this.camera.position.set(500, 700, 500);
_this.camera.lookAt(new THREE.Vector3());
directionalLight.rotationX = 90;
_this.renderCount = 0;
for(var j = 0; j < length; ++j) {
switch (data[j].materialType) {
case 1:
case 2:
case 3:
case 4:
case "videoGroup":
case 5:
case 6:
++_this.renderCount;
break;
}
}
for(var i = 0; i < length; ++i) {
switch (data[i].materialType) {
case 1:
_this.renderWebModel(data[i], scene);
break;
case 2:
_this.renderImageModel(data[i], scene);
break;
case 3:
case "videoGroup":
_this.renderVideoModel(data[i], scene);
break;
case 4:
_this.renderMusicModel(data[i], scene);
break;
case 5:
_this.renderTextModel(data[i], scene);
break;
case 6:
_this.renderFBXModel(data[i], scene);
break;
}
}
scene.add(ambientLight);
scene.add(directionalLight);
renderer.setSize(document.body.offsetWidth, document.body.offsetHeight);
document.body.appendChild( renderer.domElement );
checkRender();
window.addEventListener("orientationchange", function() {
setTimeout(function() {
renderer.setSize(document.body.offsetWidth, document.body.offsetHeight);
render();
}, 400);
}, false);
if(_this.interactingSupport) {
_this.addObjectInteracte();
}
function checkRender() {
if(_this.renderCount == 0) {
render();
if(_this.audio != null) {
_this.audio.play();
}
clearTimeout(checkRender);
return false;
} else {
setTimeout(function() {
checkRender();
}, 200);
}
}
function render() {
requestAnimationFrame( render );
renderer.render(scene, _this.camera);
_this.toggleLoadingStatus("model", "");
}
},
addObjectInteracte: function() {
var _this = this;
var mouse = new THREE.Vector2();
var raycaster = new THREE.Raycaster();
var onDownPosition = new THREE.Vector2();
var onUpPosition = new THREE.Vector2();
var onDoubleClickPosition = new THREE.Vector2();
function getIntersects(point, objects) {
mouse.set(( point.x * 2 ) - 1, -( point.y * 2 ) + 1);
raycaster.setFromCamera(mouse, _this.camera);
return raycaster.intersectObjects(objects);
}
function getMousePosition(dom, x, y) {
var rect = dom.getBoundingClientRect();
return [( x - rect.left ) / rect.width, ( y - rect.top ) / rect.height];
}
function handleClick() {
if (onDownPosition.distanceTo(onUpPosition) === 0) {
var intersects = getIntersects(onDownPosition, _this.objects);
if(intersects.length > 0) {
var object = intersects[0].object;
if(object.name == "Object004") {
window.open("http://www.hiscene.com");
}
}
}
}
document.removeEventListener('touchend', onTouchEnd, false);
document.addEventListener('touchend', onTouchEnd, false);
document.removeEventListener('mouseup', onMouseUp, false);
document.addEventListener('mouseup', onMouseUp, false);
document.addEventListener('mousedown', onMouseDown, false);
function onTouchEnd(event) {
var touch = event;
if(typeof event.changedTouches !== "undefined") {
touch = event.changedTouches[0];
}
var array = getMousePosition($("body")[0], touch.clientX, touch.clientY);
onDownPosition.fromArray(array);
handleClick();
document.removeEventListener('touchend', onTouchEnd, false);
}
function onMouseDown(event) {
event.preventDefault();
var array = getMousePosition($("body")[0], event.clientX, event.clientY);
onDownPosition.fromArray(array);
document.addEventListener('mouseup', onMouseUp, false);
}
function onMouseUp(event) {
var array = getMousePosition($("body")[0], event.clientX, event.clientY);
onUpPosition.fromArray(array);
handleClick();
document.removeEventListener('mouseup', onMouseUp, false);
}
},
renderVideoModel: function(data, scene) {
var _this = this;
var video = document.createElement('video');
var url = data.content;
var cav = document.createElement('canvas');
var ctx = cav.getContext('2d');
var texture, geometry, material, mesh;
video.crossOrigin = '';
if(_this.resourceDomain != "") {
if(url.indexOf(_this.resourceDomain) != 0) {
$.ajax({
url: _this.transformVideoApi,
dataType: 'json',
type: 'POST',
async: false,
data: {
url: encodeURIComponent(url)
},
error: function() {
_this.toggleLoadingStatus("hide", "网络异常");
},
success: function(result) {
switch (result.retCode) {
case 0:
url = "/api/editor/transformvideo?key=" + result.value;
addUrlToVideo();
break;
default:
_this.toggleLoadingStatus("hide", result.comment);
}
}
})
} else {
url = url.replace(_this.resourceDomain, "");
if(url[0] == "/") {
url = url.substring(1);
}
addUrlToVideo();
}
}
function addUrlToVideo() {
video.src = url;
video.autobuffer = true;
video.loop = data.isLoopPlay || true;
video.type = "video";
if(_this.deviceIsMobile) {
--_this.renderCount;
}
video.onloadedmetadata = function () {
video.play();
texture = new THREE.VideoTexture(video);
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;
texture.needsUpdate = true;
geometry = new THREE.PlaneGeometry(video.videoWidth, video.videoHeight);
material = new THREE.MeshBasicMaterial({map: texture, overdraw: true, side: THREE.DoubleSide});
mesh = new THREE.Mesh(geometry, material);
mesh.position.set(0, 0, 0);
mesh.rotation.set(data.rotationX * THREE.Math.DEG2RAD, data.rotationY * THREE.Math.DEG2RAD, data.rotationZ * THREE.Math.DEG2RAD); // Math.PI / 180
mesh.scale.set(data.scaleX, data.scaleY, data.scaleZ);
scene.add(mesh);
--_this.renderCount;
};
}
},
testCode: function(info) {
var _this = this;
if(typeof info === "object") {
info = JSON.stringify(info);
}
if($("#test").length == 0) {
$("body").append("
");
}
$("#test").append(info + "
![](" + dataURL + ")
");
switch (result.retCode) {
case 0:
if(+result.items[0].score < 10) {
if(_this.isWebRTC) {
pass = true;
} else {
pass = false;
$(".loading-shell").addClass("null");
}
} else {
render = true;
renderData = result.items[0].resources;
}
break;
case 1005:
case 1019:
if(_this.isWebRTC) {
pass = true;
} else {
pass = false;
$(".loading-shell").addClass("null");
}
break;
//case 1001:
//case 1002:
//case 3002:
// _this.toggleLoadingStatus("hide", result.comment);
// break;
default:
_this.toggleLoadingStatus("hide", result.comment);
}
},
complete: function() {
if(!_this.isWebRTC) {
$("#photo").text("拍图扫描");
}
if((!render) && pass && _this.isWebRTC) {
setTimeout(function() {
_this.clipScreen();
}, _this.delay);
} else {
if(render) {
$("#photo").text("正在渲染...");
_this.renderResult(renderData);
}
}
}
});
},
cameraControl: function() {
var _this = this;
var camerasStr = "";
var name = "";
var id = "";
if($("#cameraControl").length == 0) {
$("body").append("" + camerasStr + "");
}
$("#cameraControl").off().on("click", function(e) {
e.stopPropagation();
$("#cameraControl").toggleClass("active");
var video = document.querySelector("video" + _this.target);
video.pause();
_this.clipScreenAllowed = false;
if(_this.cameras.length < 2) {
return false;
}
if(_this.deviceIsMobile) {
_this.stream.getTracks()[0].stop();
_this.maxScanCount = 100;
if(_this.deviceIsAndroid) {
id = "";
if(_this.cameras[0].deviceId == _this.backCameras[0]) {
id = _this.cameras[1].deviceId;
} else {
id = _this.cameras[0].deviceId;
}
_this.backCameras[0] = id;
_this.constraints = {
audio: false,
video: {
frameRate: {
max: 15
},
deviceId: id
}
};
} else {
_this.constraints = {
audio: false,
video: {
frameRate: {
max: 15
},
facingMode: {
exact: (_this.constraints.video.facingMode.exact == "environment") ? "user" : "environment"
}
}
};
}
_this.displayUserMedia();
}
});
},
toggleLoadingStatus: function(type, info) {
var _this = this;
if(typeof info !== "undefined" && info != "") {
if(typeof info !== "undefined" && info != "") {
if(typeof info == "object") {
info = info.name
}
if(typeof info !== "string" && info.indexOf('"') > -1) {
info = info.replace(/\"/g, "");
}
}
}
switch (type) {
case "hide":
$(".loading-line").removeClass("active");
$("p").text(info);
setTimeout(function() {
alert(info);
}, 0);
break;
case "active":
$(".loading-shell").show();
$(".loading-line").addClass("active");
$("p").text(info);
break;
case "model":
$(".loading-shell, p").hide();
$("body").find("#photo").hide();
break;
case "render":
$(".loading-shell, p").hide();
$(".mask").show();
$("button#scanBtn").off().on("click", function(e) {
e.stopPropagation();
$(".loading-shell, p").show();
$(".loading-line").removeClass("active");
$(".mask").hide();
$("p").text("将AR图放入框中，即可自动扫描");
$(".mask > video.player")[0].pause();
$(".mask > video.player").trigger('pause');
$(".mask > video.player").remove();
$(".mask").prepend('');
_this.scanCount = 0;
setTimeout(function() {
if(_this.isWebRTC) {
_this.clipScreen();
} else {
_this.selectImage();
}
}, _this.delay);
});
break;
}
},
renderResult: function(data) {
var _this = this;
var count = 0;
var renderModel = false;
var renderHref = "";
var renderVideo = "";
var modelsData = [];
if(data.length == 0) {
setTimeout(function() {
_this.scanCount = 0;
_this.clipScreen();
}, _this.delay);
} else {
for(var i= 0; i < data.length; ++i) {
switch (data[i].sourceType) {
case 1:
renderHref = data[i].data.content;
++count;
break;
case 3:
renderVideo = data[i].data.content;
++count;
break;
case 12:
renderModel = true;
modelsData = data[i].data.objects;
count = 3;
break;
}
}
if(count == 0) {
if(_this.isWebRTC) {
setTimeout(function() {
_this.scanCount = 0;
_this.clipScreen();
}, _this.delay);
} else {
_this.toggleLoadingStatus("hide", "请对准识别物重新拍照");
_this.selectImage();
}
} else if(count == 1) {
_this.toggleLoadingStatus("active", "识别成功！");
if(renderHref != "") {
location.href = renderHref
} else {
location.href = renderVideo;
}
} else {
if(renderModel) {
_this.toggleLoadingStatus("active", "");
_this.getDomain(modelsData);
//_this.addRefresh();
} else {
$(".mask > div > a").attr("href", renderHref);
$(".mask > video.player").attr("src", renderVideo);
$("#photo").hide();
setTimeout(function() {
_this.toggleLoadingStatus("render", "");
}, 0);
}
}
}
},
addRefresh: function() {
var _this = this;
$("#refreshButton").remove();
$("body").append("<");
setTimeout(function() {
$("#refreshButton").off().on("click", function(e) {
e.stopPropagation();
$(".loading-shell, p").show();
$(".loading-line").removeClass("active");
$(".mask").hide();
$("canvas:not(#imageCvs, #screen)").remove();
$("p").text("将AR图放入框中，即可自动扫描");
_this.scanCount = 0;
setTimeout(function() {
if(_this.isWebRTC) {
_this.clipScreen();
} else {
_this.selectImage();
}
}, _this.delay);
});
}, 0);
},
getDomain: function(modelsData) {
var _this = this;
_this.toggleLoadingStatus("active", "");
$.ajax({
url: _this.domainApi,
type: "GET",
dataType: 'json',
async:true,
error: function () {
_this.toggleLoadingStatus("hide", "网络异常");
},
success: function (result) {
switch (result.retCode) {
case 0:
_this.toggleLoadingStatus("active", "");
_this.resourceDomain = result.domain;
_this.initScene(modelsData);
break;
default:
_this.toggleLoadingStatus("hide", result.comment);
}
}
});
},
initScene: function(data) {
var _this = this;
_this.objects = [];
_this.toggleLoadingStatus("active", "");
var length = data.length;
_this.camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 10, 10000);
var scene = new THREE.Scene();
var renderer = new THREE.WebGLRenderer({
alpha:true,
antialias: true
});
var ambientLight = new THREE.AmbientLight(0xffffff);
var directionalLight = new THREE.DirectionalLight(0xffffff, 0.1);
var controls = new THREE.OrbitControls(_this.camera);
_this.camera.position.set(500, 700, 500);
_this.camera.lookAt(new THREE.Vector3());
directionalLight.rotationX = 90;
_this.renderCount = 0;
for(var j = 0; j < length; ++j) {
switch (data[j].materialType) {
case 1:
case 2:
case 3:
case 4:
case "videoGroup":
case 5:
case 6:
++_this.renderCount;
break;
}
}
for(var i = 0; i < length; ++i) {
switch (data[i].materialType) {
case 1:
_this.renderWebModel(data[i], scene);
break;
case 2:
_this.renderImageModel(data[i], scene);
break;
case 3:
case "videoGroup":
_this.renderVideoModel(data[i], scene);
break;
case 4:
_this.renderMusicModel(data[i], scene);
break;
case 5:
_this.renderTextModel(data[i], scene);
break;
case 6:
_this.renderFBXModel(data[i], scene);
break;
}
}
scene.add(ambientLight);
scene.add(directionalLight);
renderer.setSize(document.body.offsetWidth, document.body.offsetHeight);
document.body.appendChild( renderer.domElement );
checkRender();
window.addEventListener("orientationchange", function() {
setTimeout(function() {
renderer.setSize(document.body.offsetWidth, document.body.offsetHeight);
render();
}, 400);
}, false);
if(_this.interactingSupport) {
_this.addObjectInteracte();
}
function checkRender() {
if(_this.renderCount == 0) {
render();
if(_this.audio != null) {
_this.audio.play();
}
clearTimeout(checkRender);
return false;
} else {
setTimeout(function() {
checkRender();
}, 200);
}
}
function render() {
requestAnimationFrame( render );
renderer.render(scene, _this.camera);
_this.toggleLoadingStatus("model", "");
}
},
addObjectInteracte: function() {
var _this = this;
var mouse = new THREE.Vector2();
var raycaster = new THREE.Raycaster();
var onDownPosition = new THREE.Vector2();
var onUpPosition = new THREE.Vector2();
var onDoubleClickPosition = new THREE.Vector2();
function getIntersects(point, objects) {
mouse.set(( point.x * 2 ) - 1, -( point.y * 2 ) + 1);
raycaster.setFromCamera(mouse, _this.camera);
return raycaster.intersectObjects(objects);
}
function getMousePosition(dom, x, y) {
var rect = dom.getBoundingClientRect();
return [( x - rect.left ) / rect.width, ( y - rect.top ) / rect.height];
}
function handleClick() {
if (onDownPosition.distanceTo(onUpPosition) === 0) {
var intersects = getIntersects(onDownPosition, _this.objects);
if(intersects.length > 0) {
var object = intersects[0].object;
if(object.name == "Object004") {
window.open("http://www.hiscene.com");
}
}
}
}
document.removeEventListener('touchend', onTouchEnd, false);
document.addEventListener('touchend', onTouchEnd, false);
document.removeEventListener('mouseup', onMouseUp, false);
document.addEventListener('mouseup', onMouseUp, false);
document.addEventListener('mousedown', onMouseDown, false);
function onTouchEnd(event) {
var touch = event;
if(typeof event.changedTouches !== "undefined") {
touch = event.changedTouches[0];
}
var array = getMousePosition($("body")[0], touch.clientX, touch.clientY);
onDownPosition.fromArray(array);
handleClick();
document.removeEventListener('touchend', onTouchEnd, false);
}
function onMouseDown(event) {
event.preventDefault();
var array = getMousePosition($("body")[0], event.clientX, event.clientY);
onDownPosition.fromArray(array);
document.addEventListener('mouseup', onMouseUp, false);
}
function onMouseUp(event) {
var array = getMousePosition($("body")[0], event.clientX, event.clientY);
onUpPosition.fromArray(array);
handleClick();
document.removeEventListener('mouseup', onMouseUp, false);
}
},
renderVideoModel: function(data, scene) {
var _this = this;
var video = document.createElement('video');
var url = data.content;
var cav = document.createElement('canvas');
var ctx = cav.getContext('2d');
var texture, geometry, material, mesh;
video.crossOrigin = '';
if(_this.resourceDomain != "") {
if(url.indexOf(_this.resourceDomain) != 0) {
$.ajax({
url: _this.transformVideoApi,
dataType: 'json',
type: 'POST',
async: false,
data: {
url: encodeURIComponent(url)
},
error: function() {
_this.toggleLoadingStatus("hide", "网络异常");
},
success: function(result) {
switch (result.retCode) {
case 0:
url = "/api/editor/transformvideo?key=" + result.value;
addUrlToVideo();
break;
default:
_this.toggleLoadingStatus("hide", result.comment);
}
}
})
} else {
url = url.replace(_this.resourceDomain, "");
if(url[0] == "/") {
url = url.substring(1);
}
addUrlToVideo();
}
}
function addUrlToVideo() {
video.src = url;
video.autobuffer = true;
video.loop = data.isLoopPlay || true;
video.type = "video";
if(_this.deviceIsMobile) {
--_this.renderCount;
}
video.onloadedmetadata = function () {
video.play();
texture = new THREE.VideoTexture(video);
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;
texture.needsUpdate = true;
geometry = new THREE.PlaneGeometry(video.videoWidth, video.videoHeight);
material = new THREE.MeshBasicMaterial({map: texture, overdraw: true, side: THREE.DoubleSide});
mesh = new THREE.Mesh(geometry, material);
mesh.position.set(0, 0, 0);
mesh.rotation.set(data.rotationX * THREE.Math.DEG2RAD, data.rotationY * THREE.Math.DEG2RAD, data.rotationZ * THREE.Math.DEG2RAD); // Math.PI / 180
mesh.scale.set(data.scaleX, data.scaleY, data.scaleZ);
scene.add(mesh);
--_this.renderCount;
};
}
},
testCode: function(info) {
var _this = this;
if(typeof info === "object") {
info = JSON.stringify(info);
}
if($("#test").length == 0) {
$("body").append("");
}
$("#test").append(info + "