Tag: three.js

ASP.NET页面，加载谷歌图表和threejs有时不起作用: 我正在编写一个ASP.NET页面，它加载3个数据数组（X，Y，Z轴）并在3D动画和2D折线图中显示它们。为此，我使用ThreeJS和Google Chart。我的页面从父页面打开为IFrame。 Chrome上每次都能正常运行。在IE和Firefox中，第一次运行良好但如果我关闭然后重新打开IFrame，我的页面未正确加载：DIV没有以正确的方式定位并且3D动画被渲染但不旋转。我放置了一个“重置按钮”，以测试问题是否在代码中或在加载过程中发生了什么。我的“重置按钮”有效！事实上，点击后，一切都在怀特的地方，动画旋转。我搜索了很多，我在document.ready（）和google.load函数之间看到了一些“冲突”或类似内容……我几乎尝试过任何东西，但仍然没有工作…… 这里有一些代码可以更好地解释 […] google.load(“visualization”, “1”, { packages: [“corechart”] }); […] $(document).ready(function () { //here I initialize my 3D object resetPositions(); }); function resetPositions() { $(‘#graph2DLineChart’).css(‘position’, ‘absolute’); $(‘#graph2DLineChart’).css(‘top’, ‘253px’); $(‘#graph2DLineChart’).css(‘left’, ‘652px’); $(‘#graph2DLineChart’).css(‘background-color’, ‘#ffffff’); $(‘#graph2DLineChart’).css(‘color’, ‘#000000’); $(‘#graph2DLineChart’).css(‘width’, ‘280px’); $(‘#graph2DLineChart’).css(‘height’, ‘300px’); $(‘#graph2DLineChart’).css(‘z-index’, ’50’); $(‘#graph3DContainer’).css(‘position’, ‘relative’); $(‘#graph3DContainer’).css(‘top’, ‘0px’); $(‘#graph3DContainer’).css(‘left’, ‘0px’); […]

在运行时更改使用Three.js创建的3D立方体的宽度/高度/长度: 我们可以在运行时更改使用Three.js创建的3D立方体的尺寸“宽度/高度/长度”吗？就像我在SO中有一个小提琴，它在运行时改变了立方体的颜色： http ： //jsfiddle.net/mpXrv/1/ 同样可以改变Dimension吗？这是我的代码： HTML Dimensions (mm): Length Width Height Click me to change the Dimensions JS //Script for 3D Box // revolutions per second var angularSpeed = 0.2; var lastTime = 0; // this function is executed on each animation frame function animate() { // update var time = (new Date()).getTime(); […]

three.js – 用鼠标点击获取对象名称: 我使用json loader将3名外部模型加载到我的场景中，现在我希望通过单击获取模型/对象的名称。下面是我用来加载模型的 var object_material = new THREE.MeshBasicMaterial({ color: 0xd6d6d6, side: THREE.DoubleSide }); var loader = new THREE.JSONLoader(); loader.load(“models/”+file, function(geometry, object_material) { var object = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(object_material)); model = new THREE.Object3D(); model.id=file; model.name=’sample’+file; model.userData.id=’sampledata’+file; model.add(object); model.position.set(obj_x,obj_y,obj_z); model.mirroredLoop = true; model.castShadow = true; model.receiveShadow = true; scene.add(model); } ); 下面是我的鼠标按下function function onMouseDown(event) { event.preventDefault(); […]