1回答
manifest.json
"content_scripts": [{
"js" : ["js/detector.js"],
"matches": ["<all_urls>"],
"all_frames": true,
"run_at": "document_end"
}]
detector.js
(function () {
"use strict";
console.log("I
浏览 3提问于2015-07-04得票数 1
回答已采纳
看看，它在桌面和移动(三星S4，安卓4.4.2)的最新版本移动Chrome上工作得很好。
然而，在三星平板电脑SM 230上，同样带有Android4.4.2和最新版本的移动Chrome，这个等长方形全景图的例子不起作用。这里，也不起作用。
唯一在这个设备上温和工作的东西是，令我惊讶的是，工作得最好！
所以这一切让我很困惑。平板电脑确实支持WebGL，但它的某些部分不起作用，就像画布几何全景图的例子，即使不是流动的和勉强的，但它支持它。
如何找出设备是否支持WebGL等矩形全景图示例？我正在寻找一种方法，以创造一个后备设备，如三星平板SM 230，在那里，我想使用CSS3D版本的等长线全景。
浏览 7提问于2016-01-27得票数 1
回答已采纳
当我在网上浏览时，似乎更多地使用了Detector.js，但我看到还有一个精简的system.min.js文件：
这可能是微不足道的，但我想知道哪个是合适的，以及为什么大多数人似乎都在使用检测器(至少在我看来是这样)。他们似乎都完成了这项任务。
浏览 2提问于2013-05-12得票数 2
1回答
Three.js装载机
、、、
我从threejs.org获得了包文件threejs.org，我试着这样使用：
<script type="text/javascript" src="./build/three.js"></script>
<script type="text/javascript" src="./src/loaders/JSONLoader.js"></script>
<script src="./examples/js/controls/TrackballControls.js
浏览 2提问于2016-08-27得票数 1
回答已采纳
1回答
这个扩展有什么作用？
每当textarea上发生keydown事件时，我的扩展的detector.js内容脚本都会调用一个函数并操作文本区域的值。由于Gmail在"Compose Mail“中没有使用<textarea>，而是使用了带有role='textbox'的div，所以我尝试使用以下命令来捕获它：
console.log("---------------------------------");
var div = document.getElementsByTagName("div");
var temp =
浏览 0提问于2014-02-24得票数 0
我编写了一个小的Three.js动画，我把它放在我的HTML页面中：
<div id="mainWindow" class="popup_block">
<!-- Javascript for simulation -->
<script src="../temp/webgl-debug.js"></script>
<script src="../temp/three.min.js"></script>
<script src=&#
浏览 4提问于2017-08-22得票数 0
回答已采纳
1回答
我正在尝试基于page-mod创建新的firefox扩展，我使用了执行js文件的代码。
var pageMod = require('sdk/page-mod');
var data = require('sdk/self').data;
pageMod.PageMod({
include: "*.com",
contentScriptWhen: 'ready',
contentScriptFile: [data.url('jquery-1.11.0.min.js'),
dat
浏览 9提问于2014-12-11得票数 1
回答已采纳
不知道为什么这不适用于我，因为它应该是相当微不足道的。我正在尝试从three.js 运行一个示例
我复制了Three.min.js，Detector.js和stats.min.js。当我运行它时，我会得到一个关于THREE.PerspectiveCamera的错误。
实际上，我确实看到PerspectiveCamera没有在three.min.js中定义。此外，在仔细研究之后，我确实看到了一个相机/PerspectiveCamera.js，尽管它不是标准three.js库的一部分。
那么，如何使这个示例工作呢？
在不引用PerspectiveCamera.js的情况下，示例片段如何工作
浏览 3提问于2016-04-06得票数 0
回答已采纳
2回答
我有一个简单的WebGL代码，它显示一个3D图形。它工作良好，但我想为宽度设置一个与100%不同的值；也就是说，我想把webGL动画放在一个小盒子里。
在下面的代码中，我尝试将WebGL放入一个带有CSS“高度”和“宽度”的500 of框中，但它不起作用:动画仍然占用100%的宽度：
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - trackball controls</title>
<meta
浏览 3提问于2015-08-01得票数 0
2回答
嗨，我正在做一个展示地球的项目，我需要一些按钮出现在它旁边，现在我只能在javascript下面或上面显示我的按钮。我已经包括了一个截图和我的html代码，我希望有人能帮助，非常感谢，让我知道，如果有什么东西，你需要帮助。
HTML：
<body>
<div id="webgl"></div>
<script src="js/three.min.js"></script>
<script src="js/Detector.js"></script
浏览 4提问于2016-02-21得票数 2
回答已采纳
在IE11版本11.0.9600.16428及以下版本中，一些WebGL方法不能正常工作(如此处所述：)
一个例子是方法clearStencil。问题是这个方法是存在的，但是它不能正常工作。我想检测这一点，并给用户一些反馈。我尝试了Detector.js从Three.js，但它只检查浏览器和图形卡是否支持WebGL，而不是他们是否支持所有相关的功能。
我试图像这样做一个WebGL检查：
var supportsWebGL=function(){
if(Detector.webgl){
var _canvas = document.createElement( '
浏览 5提问于2015-02-10得票数 1
回答已采纳
我正在和three.js一起研究angular2。
这是我的angular cli的配置。
在package.json中：
"three": "^0.81.2",
"three-stl-loader": "^1.0.4",
在angular.cli.json中：
"../node_modules/three/build/three.min.js",
"../node_modules/three/examples/js/Detector.js",
"../node_mo
浏览 2提问于2017-01-17得票数 2
我开始使用three.js，并想知道是否有一个简单的插件来添加trackball功能，这样我就可以看到我在代码中所做的更改是如何影响这个简单对象的“底层”的。
我试着跟着：
但是我得到了很多EventDispatcher错误。
我的意思是我已经：
添加"TrackballControls.js“
添加"Detector.js“
添加了以下代码：
如果(！Detector.webgl ) Detector.addGetWebGLMessage()；var controls =新THREE.TrackballControls(摄像机)；controls.rotateS
浏览 3提问于2013-04-01得票数 0
回答已采纳
2回答
嗨，我在我的three.js场景中的动画和运动有问题。当我移动我的相机(即使以0.0000001%)(通过THREE.TrackballControls或THREE.OrbitControls)或当我用Tween.js动画对象时，我的动画非常的不稳定，物体在运动轴上跳跃，看起来是错误的四舍五入的位置。
问题更大，当我远离场景中心时(哨兵在顶点(0，0，0，0))，例如我在顶点(0，80万，0，0)上，问题更大。
当我移动相机或移动物体时，它就是这样做的。
我正在使用标准示例代码和satndard库：
<script src="http://threejs.org/examples
浏览 2提问于2014-09-05得票数 1
回答已采纳
我在使用CSS3d渲染程序时遇到了很多困难，似乎基本的Javascript阻碍了我的工作。
我通过Three.js分别加载所有的Sid.js库，如果我通过这个方法添加CSS3DRenderer.js文件，我将得到
Uncaught TypeError: undefined is not a function on renderer = new THREE.CSS3DRenderer();
(它在Three.js库之后加载)
如果我从头加载它，我会得到
未定义的ReferenceError:三个未定义
(css呈现第6行)
我用这个作为例子
有什么办法可以让CSS3d渲染器加载吗？
编辑
浏览 4提问于2014-09-17得票数 0
回答已采纳
1回答
我试图在three.js中加载一个.dae模型，但是纹理没有加载(我猜是这样)。下面是我的代码：
<script src="js/three.js"></script>
<script src="js/Animation.js"></script>
<script src="js/AnimationHandler.js"></script>
<script src="js/KeyFrameAnimation.js"><
浏览 0提问于2016-04-29得票数 0
首先，在我问你一些新手问题之前，我想感谢MrDoob & co所做的一切出色的工作，我真的很高兴能使用three.js。
但实际上，我正在尝试使用一些着色器和后期效果来渲染我的太阳系中一个美丽的太阳。为此，我从你的熔岩金牛座例子中得到了很大的启发。
当我在我的代码中修改它时，我得到了以下JS错误：
Uncaught TypeError: Object [object Object] has no method 'addObject' EffectComposer.js:129
THREE.WebGLRenderer 49 Three.js:331
Uncaught Ty
浏览 1提问于2012-08-03得票数 0
2回答
下面的代码显示黑屏，即使正文背景颜色是#135462。我在想，由于渲染代码，它显示了黑屏。但不能移除黑屏并获得背景颜色。
对象也未显示在屏幕上。我的对象链接可以在这里找到：
有人知道为什么会发生这种事吗？
<!DOCTYPE html>
<html lang="en">
<head>
<title>My three.js</title>
<meta charset="utf-8">
<meta name="view
浏览 8提问于2015-03-19得票数 3
我目前正在做一个名为Affdex的Affectiva技术项目。我目前是测试SDK的评估的一部分。我已经建立了一个简单的网站，但这个HTML按钮似乎并没有什么作用。现在，我做了一些测试，我看到了以下内容：
-First尝试:将SDK以JS文件形式下载到本地。结果是，在web浏览器控制台中，按钮不会做任何事情，空白，但不是在函数中执行SDK的代码并替换为JS警报，它可以工作。
-Second尝试:远程引用时，我收到一条错误消息：“未定义任何引用错误onStart”，这对我来说很奇怪，因为假设我尝试更改引用顺序，我无法弄清楚发生了什么。
所以，我现在要附加我的代码：-HTML：
<!DOC
浏览 6提问于2018-05-14得票数 0
2回答
我将STL文件上传到一个名为Thingiverse.com的网站上，然后它会自动创建3D设计文件的预览。我对了解网站使用哪些库很感兴趣。例如，对于这个页面：，当我点击Thingview，然后看一下我看到的页面的源代码，它使用：
<script src="/thingiview/js/three.min.js?v=2"></script>
<script src="/thingiview/js/Thingiview.js?v=2"></script>
<script src="/thingiview/j
浏览 4提问于2017-06-27得票数 1
我正在尝试创建sun，但是当我测试运行这段代码时，我得到错误
THREE.CanvasRenderer 54 three.min.js:262
102
Uncaught TypeError: Object #<Screen> has no method 'updateMatrixWorld' three.min.js:126
192
Uncaught TypeError: Object #<Screen> has no method 'updateMatrixWorld'
我也在使用最新的版本，我昨天(2013年1月12日)才下载的。
浏览 3提问于2013-01-13得票数 2
回答已采纳
我试图在Three.js中创建一个模具，它将在单击时随机旋转，但是我在获得要更新的轴值时遇到了困难。这就是我目前所处的位置。
<style type="text/css" media="screen">
html, body, canvas {
margin: 0;
padding: 0;
background: #4e6171;
color: black;
}
canvas {
width: 100%;
height: 100%;
浏览 3提问于2015-09-05得票数 1
你好，我正在尝试部署一个网络应用到Netlify。它使用COCO模型在前端进行目标识别，这是有目的的。web应用程序在本地主机上运行非常好，但是一旦部署到Netlify，就会得到以下错误：
detector.js:47 TypeError: Cannot call a class as a function
at r (classCallCheck.js:3)
at new t (tensor.ts:266)
at t.value (engine.ts:736)
at i (tensor_ops_util.ts:75)
at i (tensor.ts:5
浏览 0提问于2020-09-01得票数 2
回答已采纳
我是专业的图形设计师，对Three.js有问题
我尝试过很多事情，但这并不好。我只是复制了导入的模型并重新命名了它。我在网上什么都试过了。这是工作，但他们重叠，我也有两个不同的名字。这是我的.js
var container, stats;
var camera, scene, renderer;
var mouseX = 0, mouseY = 0;
var windowHalfX = window.innerWidth / 4;
var windowHalfY = window.innerHeight / 4;
浏览 5提问于2016-12-05得票数 0
回答已采纳
1回答
如何将三块js帆布对中？
、、、
我有这个很奇怪的(可能是故意的？)用我的三支js帆布。我想让它不填充完整的页面和中间的画布在一个div内。
正如您在下面的代码中所看到的，画布位于div内部。我甚至添加了一些测试标题，以确保我不会在这里发疯，但是画布似乎在div之外移动，我不知道如何解决这个问题。
<head>
<meta charset=utf-8>
<title>My first three.js app</title>
<style>
body { margin: 0; }
#test {
浏览 2提问于2017-05-17得票数 1
回答已采纳
1回答
三个js自定义几何图形
、、、
我正在尝试学习threeJS来建立一个3DWebapp，在其中我需要自定义的3D几何形状。我找到了如何做到这一点的代码。但当我打开html文件时，浏览器没有显示任何内容。
下面是我的代码：
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id="con
浏览 1提问于2013-06-28得票数 0
回答已采纳
1回答
我正在尝试使用Three.js与VRML (WRL)模型。我想知道的是，模型装载的颜色(颜色)的变化。如何将模型以纯色加载为原始文件？
我的例子是：
守则：
<div id="info">
<a href="http://threejs.org" target="_blank">three.js</a> -
vrml format loader test -
<!--model from <a href="http://cs.iupui.edu/~aharris/we
浏览 3提问于2014-10-29得票数 0
回答已采纳
1回答
我不知道摄像机是怎么设置的。我尝试的是使用一个示例并将OBJLoader url更改为我的文件。
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - OBJLoader + MTLLoader</title>
<meta charset="utf-8">
<meta name="viewport" content="width=de
浏览 1提问于2016-07-12得票数 0
回答已采纳
1回答
我正试着开发一个有生理功能的项目。我遇到了这种类型的错误(来自mozilla控制台)：
NetworkError:未能在"js/libs/ammo.js“加载辅助脚本
我在试着修复它，但没有结果。这是我在物理is设置上的代码片段：
<script src="build/three.js"></script>
<script src="js/libs/physi.js"></script>
<script src="js/controls/OrbitControls.js&
浏览 2提问于2017-03-18得票数 0
回答已采纳
我正在尝试修改three.js示例的代码，以加载在.js中转换的.obj。它使用BinaryLoader.js加载对象。对象在我修改过的代码中没有显示。到目前为止，我的代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<title>home</title>
<meta charset="utf-8">
<meta name="viewport" content="wi
浏览 3提问于2015-03-18得票数 1
回答已采纳
我使用asp net mvc。我有一个视图，我在其中调用(通过ajax)控制器方法，该方法使用三个js render返回部分视图。这个局部视图放在视图中(iframe标签)(以及三个js的官方网站上的例子)。但是在ajax成功的情况下，我的数据为空。请帮我解决这个问题。主页的这一部分：
<div class="col-sm-8 col-md-9 pt-3" style="height:100%;">
<iframe id="viewer" name="viewer" >
浏览 0提问于2017-05-08得票数 0
1回答
我有一个有5个iframe元素的页面。它们中的每一个都有一个文档。其中一个iframe有一个名为hawbtable的表。我想要找出hawb表中的行数，警告每行中每个"hawb“列的值
在iframe with id="body“name="body”中..我有一个名为"hawbTable“的表，它有10行...每一行都有一个名为"Hawb“的列...我想在控制台中记录该单元格中的值。我该怎么做呢？
我一直在尝试识别iframe的内容，但它们不会作为元素返回。取而代之的是，它们以数组的形式返回，因为选择器不会对它们起作用
<html>
<
浏览 2提问于2014-07-29得票数 0
我想要一个圆形的场景，而不是矩形的场景框架，以便只有立方体是可见的网站框架。我不想让整个网页显示场景，而只想把立方体放在一个圆形的框架里。场景"var scene = new THREE.Scene();“是否可以修改为矩形框架为圆形框架？很抱歉，如果这是一个愚蠢的问题，但没有在谷歌找到答案。请帮帮忙，我才刚开始！
<!DOCTYPE HTML>
<html>
<head>
<title>Learning 3JS</title>
<meta charset="utf-8" />
浏览 0提问于2017-09-22得票数 0
我正在尝试用three.js呈现一个.obj，我已经看了几个例子，并想出了如何做到这一点，但我的html代码似乎不工作！我只看到一块黑屏。我已经附上了下面的代码，我做错了什么？我是一个完全的菜鸟，所以任何帮助都将不胜感激。谢谢!
<body>
<div id="info">
<a href="http://threejs.org" target="_blank">three.js</a> - OBJLoader test
</div>
<scrip
浏览 6提问于2013-05-29得票数 0
回答已采纳
我已经用Three.js创建了一个简单的例子，我之前用它构建了一些代码，但它没有被组织成类，问题是在mof=defying代码之后视图中没有显示这样的代码。
HTML文件
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
<div id="scenecontainer"></div>
<script src="../js/libs/three.js/three.js"
浏览 1提问于2012-12-09得票数 0
回答已采纳
我想创建一个带有交互式骨骼的骨骼模型，这样当你点击其中一个按钮时，骨骼的某些部分就会改变颜色。 我尝试在相同的点添加两个相同的模型，但颜色不同，但这导致我的collada模型不能在y轴上旋转。 <body>
<script src="js/three.js"></script>
<script src="js/loaders/ColladaLoader.js"></script>
<script src="js/Detector
浏览 23提问于2019-01-16得票数 0
我正在尝试在three.js中创建一个非常基本的Collada模型，但我遇到了一些问题。这两个示例( 和)都可以在我的机器上运行，但只要我替换我的模型，它就会加载，但不会有动画效果。
我从示例中去掉了很多额外的代码，并试图创建一个真正基本的脚本。下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - collada</title>
<meta charset="utf-8
浏览 0提问于2013-06-29得票数 3
1回答
我使用OBJLoader加载一个大型3D模型(在.obj文件中描述)，但它将整个文件作为单个Object3D对象加载。使用scene.add( object )将整个对象添加到场景中。
我需要选择选定的网格并更改它的一些属性，但当我添加鼠标功能并使用Ray.intersectObjects尝试获取选定的网格时，它永远不会起作用。我找不到哪里出了错。
我需要一些帮助来解决这个问题。谢谢!
这让我困惑了好几天。以下是我的所有代码：
<!doctype html>
<html lang="en">
<head>
<ti
浏览 0提问于2012-06-13得票数 3
2回答
我想为图表绘制平滑的线条。我已经用teechart.js做了一个图表，但效果不是很好。我附上了一张图片。左边的图片是我的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
浏览 1提问于2016-01-26得票数 0
当我动态加载Three.js时，仍然没有找到变量THREE。我使用create-react-app创建了一个React项目，并将三个js文件复制到了公共文件夹中。结构看起来像这样：
src
public
├── js
│ └── threejs
│ ├── Detector.js
│ ├── OrbitControls.js
│ ├── postprocessing
│ │ ├── BloomPass.js
│ │ ├── ShaderPass.js
│ │ └── ...
│ ├── shad
浏览 0提问于2018-07-10得票数 2
我正在做three.js，我使用了一个JSON文件将它加载到THREE.js中，我的JSON文件是来自clara.io的狗。一切都很好，问题是3D模型太大了。有没有办法减小它加载到屏幕上的大小。
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - loaders - JSON loader</title>
<meta charset="utf-8">
<m
浏览 4提问于2016-12-21得票数 1
回答已采纳
我已经使用下面的源代码(三个js)将平面图像转换为球形图像。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Spherical image conversion</title>
<style>
body { margin: 0; overflow: hidden; background-color: #000; }
</style>
</head>
<body>
<
浏览 6提问于2015-10-25得票数 1
1回答
我试图添加一个WebGL-脚本到一个网站与FullPage.js，但它的工作不太好(我只是得到一个黑色的屏幕)。我不知道问题是什么，因为WebGL-脚本和Fullpage.js分别完美地工作。我无法将所有脚本添加到jsFiddle中，但是可以在这个站点上看到脚本(我删除了所有无关的脚本)。
当我以Chrome格式查看站点时，我得到了以下错误："Uncaught :无法读取属性'offsetWidth‘of null at particles.js:6"，这就是问题所在吗？
然而，我的直觉告诉我，问题应该在这里的某个地方：
HTML：
<!DOCTYPE html&
浏览 3提问于2017-01-29得票数 1
回答已采纳
1回答
我使用3js ExtrudeGeometry创建了一个饼图对象。我的要求是从分段对象中移出一个切片，如下面的图像所示。
这是我试过的密码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum
浏览 0提问于2018-08-07得票数 1
回答已采纳
我正在尝试将基本webgl粒子示例从three.js添加到默认欢迎屏幕中的sails.js框架activityOverlord示例中。因此，我首先在链接器/js文件夹中复制/粘贴我需要的三个javascript库，并将它们添加到grunt文件中：
<script src="/linker/js/three.min.js"></script>
<script src="/linker/js/Detector.js"></script>
<script src="/linker/js/stats.min.
浏览 5提问于2014-06-02得票数 0
回答已采纳
1回答
obj文件中缺少某些未正确渲染的面。灰色的部分显示了在中查看的相同对象，其中所有的面/部分都被正确渲染。
下面的图像是我试图在localhost中渲染的图像。使用THREE.js对象加载器。
javascript文件- main.js
window.onload=function(){
init();
animate();
}
function init() {
container = document.getElementById('container');
console.log(container)
camera = new THRE
浏览 0提问于2017-04-14得票数 1
我想改变在场景中显示的物体的某些部分的颜色。但是，我做不到。我尝试了下面的代码：
var loader = new THREE.OBJMTLLoader();
loader.load('LFPL_IDRun01a_body.obj', 'LFPL_IDRun01a_body.mtl', function(object){
object.position.set( 0, -90, 0 );
object.rotation.x = -Math.PI / 2;
o
浏览 5提问于2015-10-07得票数 2
回答已采纳
1回答
我测试了如何使用three.js中的firstpersoncontrols控件。但在复制示例以了解它的工作原理时，我总是在控制台中遇到相同的错误:没有定义delta。如果你是一个解释：
<!-- upload librarie -->
<script src="../THREEJS03/build/three.min.js"></script>
<!-- upload les modes d'interactions -->
<script src="js/controls/FirstPersonContro
浏览 0提问于2013-01-12得票数 1
回答已采纳
我有两个立方体的.obj file.The对象文件呈现在浏览器上。我想要做的是，当用户单击任何立方体或立方体上的任何位置时，将显示一个提示框，以将注释添加到cube.How上的该位置，以执行此操作？我是three.js的新手。有谁能帮我吗？
以下是我的代码with.obj文件
<!DOCTYPE html>
<html>
<head>
<title>Mouse Picking</title>
<meta charset="utf-8">
<meta name="
浏览 2提问于2018-06-01得票数 0
我在使用示例代码加载obj文件时遇到问题。加载示例文件male02.obj时没有问题，但是当我插入我的文件时，对象不会显示。在使用Python转换脚本和JSONLoader时，我也遇到了同样的问题。
下面是OBJLoader的所有代码
<!doctype html>
<html lang="en">
<head>
<title>three.js webgl - loaders - OBJ loader</title>
<meta charset="utf-8"
浏览 0提问于2012-06-19得票数 3
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
