v/PrintABrick
1
0
Fork 0
mirror of https://github.com/ToxicCrack/PrintABrick.git synced 2025-05-17 12:50:08 -07:00
Code Issues Projects Releases Wiki Activity

Fix ModelViewer js

Browse Source
This commit is contained in:
David Hübner 2017-04-28 16:04:43 +02:00
parent 4299bc6504
commit f0318ac661
1 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/Resources/assets/js/ModelViewer.js
View File

@ -1,3 +1,7 @@
$.fn.ModelViewer = function ( opts ) {
return new ModelViewer(this,opts);
};
var ModelViewer = function($dom_element, model_url) { var ModelViewer = function($dom_element, model_url) {
var $this = this; var $this = this;
this.container = document.createElement('div'); this.container = document.createElement('div');
@ -11,7 +15,12 @@ var ModelViewer = function($dom_element, model_url) {
this.controls = null; this.controls = null;
this.width = parseFloat($dom_element.width()); this.width = parseFloat($dom_element.width());
this.height = parseFloat($dom_element.height()); this.height = parseFloat($dom_element.height());
this.scale = 1;
if( this.height < 30 ) {
this.height = this.width/9*6;
$dom_element.height(this.height);
}
this.wireframe = false; this.wireframe = false;
this.rendering = false; this.rendering = false;
this.container.style.display = "none"; this.container.style.display = "none";
@ -52,6 +61,7 @@ var ModelViewer = function($dom_element, model_url) {
renderLoop(); renderLoop();
}; };
// Initialize model viewer dom element - add buttons
ModelViewer.prototype.initHtml = function () { ModelViewer.prototype.initHtml = function () {
$this = this; $this = this;
@ -74,6 +84,7 @@ ModelViewer.prototype.initHtml = function () {
this.dom_element.append(buttons); this.dom_element.append(buttons);
}; };
// Initialize camera - set default position and angles
ModelViewer.prototype.initCamera = function () { ModelViewer.prototype.initCamera = function () {
this.camera = new THREE.PerspectiveCamera(45, this.width / this.height, .1, 300); this.camera = new THREE.PerspectiveCamera(45, this.width / this.height, .1, 300);
this.camera.position.z = 80; this.camera.position.z = 80;
@ -153,7 +164,7 @@ ModelViewer.prototype.addModel = function(geometry) {
geometry.center(); geometry.center();
var mesh = new THREE.Mesh(geometry, material); var mesh = new THREE.Mesh(geometry, material);
mesh.scale.set(this.scale, this.scale, this.scale); // mesh.scale.set(1);
mesh.geometry.computeFaceNormals(); mesh.geometry.computeFaceNormals();
mesh.geometry.computeVertexNormals(); mesh.geometry.computeVertexNormals();
@ -167,12 +178,12 @@ ModelViewer.prototype.addModel = function(geometry) {
maxDim = Math.max(Math.max(dims.x, dims.y), dims.z); maxDim = Math.max(Math.max(dims.x, dims.y), dims.z);
mesh.position.x = -(mesh.geometry.boundingBox.min.x + mesh.geometry.boundingBox.max.x) / 2 * this.scale; mesh.position.x = -(mesh.geometry.boundingBox.min.x + mesh.geometry.boundingBox.max.x) / 2;
mesh.position.z = -(mesh.geometry.boundingBox.min.y + mesh.geometry.boundingBox.max.y) / 2 * this.scale; mesh.position.z = -(mesh.geometry.boundingBox.min.y + mesh.geometry.boundingBox.max.y) / 2;
mesh.position.y = -mesh.geometry.boundingBox.min.z * this.scale; mesh.position.y = -mesh.geometry.boundingBox.min.z;
var positionY = (mesh.geometry.boundingBox.max.z + mesh.geometry.boundingBox.min.z)/2 * this.scale; var positionY = (mesh.geometry.boundingBox.max.z + mesh.geometry.boundingBox.min.z)/2;
var positionZ = (mesh.geometry.boundingBox.max.y - mesh.geometry.boundingBox.min.y)/2 * this.scale; var positionZ = (mesh.geometry.boundingBox.max.y - mesh.geometry.boundingBox.min.y)/2;
mesh.position.set(0, positionY, positionZ); mesh.position.set(0, positionY, positionZ);
@ -187,28 +198,24 @@ ModelViewer.prototype.loadStl = function(model) {
var self = this; var self = this;
var loader = new THREE.STLLoader(); var loader = new THREE.STLLoader();
loader.load(model, function (geometry) {
loader.load(model, function (geometry) { self.addModel(geometry);
self.addModel(geometry); });
}
);
}; };
ModelViewer.prototype.centerCamera = function(mesh) { ModelViewer.prototype.centerCamera = function(mesh) {
var boxHelper = new THREE.BoxHelper( mesh ); var boxHelper = new THREE.BoxHelper( mesh );
var sceneCenter = this.objectCenter(mesh); var sceneCenter = this.objectCenter(mesh);
var geometry = mesh.geometry; var geometry = mesh.geometry;
var distanceX = ((geometry.boundingBox.max.x - geometry.boundingBox.min.x) / 2) / Math.tan(this.camera.fov * this.camera.aspect * Math.PI / 360); var distanceX = ((geometry.boundingBox.max.x - geometry.boundingBox.min.x) / 2) / Math.tan(this.camera.fov * this.camera.aspect * Math.PI / 360);
var distanceY = (geometry.boundingBox.max.y - geometry.boundingBox.min.y) / 2 / Math.tan(this.camera.fov * this.camera.aspect * Math.PI / 360); var distanceY = (geometry.boundingBox.max.y - geometry.boundingBox.min.y) / 2 / Math.tan(this.camera.fov * this.camera.aspect * Math.PI / 360);
var distanceZ = (geometry.boundingBox.max.z - geometry.boundingBox.min.z) / 2 / Math.tan(this.camera.fov * Math.PI / 360); var distanceZ = (geometry.boundingBox.max.z - geometry.boundingBox.min.z) / 2 / Math.tan(this.camera.fov * Math.PI / 360);
var maxDistance = Math.max(Math.max(distanceX, distanceY), distanceZ); var maxDistance = Math.max(Math.max(distanceX, distanceY), distanceZ);
maxDistance *= 1.9 * this.scale; maxDistance *= 1.9;
var cameraPosition = this.camera.position.normalize().multiplyScalar(maxDistance); var cameraPosition = this.camera.position.normalize().multiplyScalar(maxDistance);