因此，我一直使用rollup来捆绑我的js文件，这些文件是为使用三个js而创建的。我想到的是使用rollup js最小化并捆绑这三个js文件。我使用npm，并使用命令npm install rollup three安装了三个和rollup。创建的index.js文件是：
import { Scene, PerspectiveCamera, WebGLRenderer } from 'three'
const scene = new Scene()
const camera = new PerspectiveCamera( 70, window.innerWidth / win
浏览 0提问于2020-04-16得票数 1
我需要将对象数组拆分为多个对象。
我有一个样例对象数组，如下所示。
var data= [
{ Date: '1394351059', Amount: '621', Price: '0.01' },
{ Date: '1394351073', Amount: '620', Price: '0.01' },
{ Date: '1394427477', Amount: '620', Price: '0.01' },
{ Date: '
浏览 1提问于2015-03-31得票数 0
1回答
CSV到JSON数组列表
、、、、
我的csv是这样的，只有号码。没有标题。我必须标识javascprit (node.js)代码中每个列的名称。
1364.00,0.15,0.36,-0.13,-3.24,-0.42,-0.15,0.90,0.00,-0.01,0.02,0.26,0.01,-0.04
1374.00,0.30,0.76,-0.25,-3.25,-0.41,-0.13,0.91,0.00,-0.00,0.02,0.26,0.01,-0.04
1384.00,0.45,1.08,-0.35,-3.17,-0.41,-0.10,1.00,-0.00,-0.01,0.02,0.26,0.01,-0.07
节点js码
浏览 1提问于2021-04-25得票数 1
回答已采纳
我试图导入OrbitControls，但它不起作用。
我导入了three.js，然后尝试了输入OrbitControls，但是它不起作用，我用这个命令在html的正文中导入了three.js，注意:我确实有一个场景、一个照相机和一个渲染器，但是我不能在这里发布这个帖子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content
浏览 9提问于2022-01-25得票数 1
回答已采纳
1回答
我试图做一个JS计数器，以达到一个随机数，并重新设置它自己，一旦它达到这个数字，并再次重复在5秒。
例如，：：随机数为0.05。
0.00 > 0.01 > 0.02 > 0.03 > 0.04 > 0.05 > 0.00
<div id="current">0</div>
JS
var randomNum = Math.random();
if ( current <= randomNum ) {
for (current = 0; current < randomNum; current+=0
浏览 1提问于2017-01-31得票数 1
回答已采纳
说明此问题的步骤。
转到这个网页的网站；
将浏览器窗口缩小到移动大小。用图标关闭菜单。动画完成后，导航项再次出现。
我一直有很多问题试图解决这个问题使用CSS在这里，我发现在另一个答案；
.navbar-collapse.collapsing {
-webkit-transition: height 0.01s;
-moz-transition: height 0.01s;
-ms-transition: height 0.01s;
-o-transition: height 0.01s;
transition: height 0.
浏览 5提问于2015-05-05得票数 1
回答已采纳
1回答
在与Processing.js/JavaScript玩了大约半个小时之后，我建立了一个相当不错的粒子系统：
// main particle constructor class
var Particle = function(position) {
this.velocity = new PVector(random(-0.1, 0.1), random(-0.1, 0.1));
this.acceleration = new PVector(random(-0.01, 0.01), random(-0.01, 0.01));
this.lifeTime = 300;
浏览 0提问于2014-10-23得票数 10
回答已采纳
1回答
我试图在这里学习教程：和我的浏览器只是显示了一个白色的窗口。我试图将这些文件分为js和html文件。
我已经尝试过的：
在运行本地实时服务器的脚本标记中添加/删除nomodule参数
这是我的代码：
我的index.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My first three.js app</title>
<style>
浏览 2提问于2020-12-30得票数 0
回答已采纳
1回答
我正在尝试用p5.js制作一个3D的苹果表面，类似于this page (Ctrl+F "Apple surface“)上的图像： ? ? 。 我目前拥有的是(interactive version in p5 editor)： function setup() {
createCanvas(500, 500, WEBGL);
setAttributes('antialias', true);
fill(237, 34, 93);
strokeWeight(3);
}
function draw() {
background(20
浏览 55提问于2020-08-25得票数 3
回答已采纳
嗨，我正在使用Highcharts api开发图表。
我想设置周的起始值。我尝试过很多方法，但都失败了。
我在下面的json对象中看到了varible。
var defaultXAxisOptions = {
max: null,
min: null,
minPadding: 0.01,
maxPadding: 0.01,
//minRange: null,
minorGridLineColor: '#E0E0E0',
minorGridLineWidth: 1,
minorTickColor: '#A0A
浏览 3提问于2012-03-21得票数 0
我正在使用3.js库，处于将对象/形状实际呈现到屏幕的阶段，它呈现如下所示：
在我正在使用的中，有一些代码可以在x和y轴上旋转立方体：
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
如果我将它添加到呈现函数中，这是可行的，如：
var render = () => {
requestAnimationFrame(render);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
this.renderer.render(this.scene, this.cam
浏览 20提问于2016-07-06得票数 1
有人能帮我做这个吗？
我收到了一个意外的令牌错误，我已经验证了我的json文件和JS。但我还是犯了个错误。
HTML
<div class="load"></div>
这是JS
/* Table load */
var uri = 'http://*****.com/TestFiles/';
$.ajax({
url: uri + 'json/banks.json',
dataType: 'jsonp',
success: function(data){
浏览 4提问于2014-10-02得票数 1
回答已采纳
2回答
我想知道如何使用JavaScript和A框架()来创建这样的东西。
我想创建一个名为load()的onload函数，它将检查变量x的值，如果x是变量x，则id为1的gltf将显示，而id为2和3的gltf将不可见。哥特的2和3也是如此。我怎么能做到这一点呢？我的代码：
<script>
var x = 1;
</script>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<body onload="load()
浏览 6提问于2021-06-13得票数 3
回答已采纳
我用的是Flot JS图表。我试图使用jquery、或普通javascript从数据数组中完全删除其中一个绘图系列。
这就是我的数据数组的样子：
[
{
"label" : "Citrix PV Ethernet Adapter",
"data": [[1,0], [2,0.01], [3,0.02], [4,0.01], [5,0.01]]
},
{
"label" : "Virtual Adapter _1",
"data" : [[1,0], [2,0], [3,0],
浏览 1提问于2014-03-21得票数 3
回答已采纳
1回答
我不确定这是不是一个显而易见的答案，但我正在将JS对象转换为Swift字典，并且不确定如何处理对象中嵌套的方法。示例：
TopLevel: {
description: function () {
return "Text to return"
},
upgradeDescription: function () {
return "Text to return"
},
baseModifier: 0.01,
}
我的逻辑是这样
浏览 1提问于2018-05-22得票数 0
我已经在我的ubuntu系统上安装了apachelog程序。我有几个指向同一个日志文件的虚拟主机，所以当我运行以下命令时，应该会看到来自多个站点的所有请求：
$ apachetop -T 300 -f /var/log/apache2/other_vhosts_access.log
这应该显示所有的请求从现在开始在接下来的5分钟。因此，我用多个站点测试它，实际上它报告了它们：
last hit: 20:56:14 atop runtime: 0 days, 00:02:50 20:56:24
All: 10 reqs ( 0.1
浏览 0提问于2014-05-04得票数 1
回答已采纳
1回答
在three.js中，我很难在导入的模型上获得凸点和镜面映射。
我将模型从3DSMAX导出到.obj文件，然后使用convert_obj_three.py脚本将其转换为.js。在model.js文件中，我可以看到凸点和镜面映射正在出现：
"materials": [ {
"DbgColor" : 15658734,
"DbgIndex" : 0,
"DbgName" : "flloor_bump_test",
"illumination" : 2,
"
浏览 6提问于2014-03-04得票数 0
回答已采纳
1回答
试图找出为什么我的上一次输入不更新。
这是我的
我觉得我的JS有点问题
function calculatorController($scope){
// Sixteen oz
$scope.costPerCanSixteen = function(){
return $scope.priceSixteen/(24*$scope.casesSixteen);
};
};
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/
浏览 2提问于2017-01-19得票数 0
回答已采纳
1回答
我有一个列图，我需要绘制图表的左、右和底线(x/y轴)，但需要省略最上面的一行。
或者..。
画一条白线来覆盖上线。查看Chrome中的原始数据，我可以看到这个框是用<rect>绘制的。
是否可以使用JS定位，并获得x，y，宽度属性来绘制白线或删除它，并替换为3条黑线。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmln
浏览 2提问于2018-08-02得票数 0
回答已采纳
我试着用Three.js控件做3D动画。在Firefox中执行我的代码时，出现以下错误:编辑
SyntaxError:导入声明只能出现在模块的顶级
下面是我的简化代码：
<!DOCTYPE html>
<head>
<title>Three.js Test</title>
<style>
body { margin: 0; }
canvas { width: 100%; height: 100%;};
</style>
浏览 1提问于2019-07-22得票数 1
2回答
你好，我正在努力学习关于three.js的教程，并且在使用预定义的画布元素进行渲染时遇到了问题。如果让three.js创建呈现器DOM元素，一切都可以正常工作。但是使用getElementById获取画布并将其发送到WebGLRenderer构造函数使其只输出；
THREE.WebGLRenderer:不支持WEBGL_draw_buffers扩展。
这是工作代码1；
<!DOCTYPE: html>
<html>
<head>
<script src="https://threejs.org/build/three.js&#
浏览 5提问于2020-01-31得票数 2
回答已采纳
我正在尝试直接在web浏览器中创建增强现实应用程序。使用10行超文本标记语言(https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf)的AR.js有一个非常简单的解决方案。 但我在尝试导入Gltf模型时遇到了一个问题。它在本地服务器上运行良好，但当我将文件上传到ftp上时，gltf模型没有显示出来，相反，我在控制台中出现了以下错误：browser.js:111 components:gltf-model:warn THREE.GLTFLoader: Unable to parse model. 我对
浏览 25提问于2019-02-13得票数 0
我试图从第一个内容(在左手边没有内容)从右向左滑动，或者从左到右，到目前为止，我正在使用下面，但它不起作用。
public void swipeRightToLeft() {
JavascriptExecutor js = (JavascriptExecutor) driver;
HashMap<String, Double> swipeObject = new HashMap<String, Double>();
swipeObject.put("startX", 0.9);
swipeO
浏览 0提问于2017-02-06得票数 0
回答已采纳
我正在使用jquery.validate.js验证我的asp.net表单，我想从表单中的一个文本框中给出MAX验证值，我的尝试如下：
<asp:TextBox ID="RPriceTextBox" runat="server" class="{min:0.01, max:<%= OPriceTextBox.Text%>}" />
或者我试着这样做：
<asp:TextBox ID="RPriceTextBox" runat="server" class="{min:0.01,
浏览 0提问于2013-07-24得票数 0
除了HTTPS之外，我开发的chrome扩展在每个领域都有工作。
我试过像这样设置火柴："matches": ["http://*/*","https://*/*"]。
但还是没用。
这是我的manifest.json：
{
"manifest_version": 2,
"name": "My App",
"version": "0.01",
"background": {
"persistent
浏览 0提问于2017-07-10得票数 0
回答已采纳
我有一个React.js组件，我正在尝试使用“淡出”。它对淡入很好，但是当我单击移除对象时，它就会立即消失(而不是很好的褪色效果)。
代码：
<ReactCSSTransitionGroup
transitionName="example"
transitionAppear={true}
transitionLeave={true}
transitionEnterTimeout={600}
transitionAppearTimeout={600}
transitionLeaveTimeout={300}
>
浏览 1提问于2016-03-02得票数 6
我有一个定义如下的StepInput。这个想法是，步长是一便士，范围最小是0.01。以0.01作为初始值，当我单击+按钮时，控件中显示的值变为0.0，并且控件被锁定。
我所期望的是0.01 +一个步骤，从0.01到0.02。
我做错了什么？
<StepInput
id="unitcost"
value="0.01"
min="0.01"
max="999.99"
step=".01"
largerStep="
浏览 0提问于2017-01-24得票数 0
回答已采纳
4回答
我有这个JSON数据，它的结构类似于
data =[{"name":"A","Date":"10/19/2015","OnTime":"0.1","Purpose":"x","OffTime":"0"},
{"name":"A","Date":"10/19/2015","OnTime":"0.3","Purpose
浏览 13提问于2015-10-19得票数 0
回答已采纳
我刚开始用ar.js做演示，我的一个模型加载出了问题，我在屏幕上只能看到多维数据集。而对于其他模型，它实际上就在那里(第二个代码)。
尝试了不同的比例因子，都是相同的，不同的模型和它的ok。
我正在尝试得到的模型在打开.obj的计算机程序上加载正常可能模型的大小有问题，.obj大约是35Mb。
<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/
浏览 2提问于2019-09-07得票数 0
1回答
使用pre3d的嵌套长方体
、、、、
在这个来自js的的帮助下，我正在尝试创建一个长方体容器，其中将包含较小的长方体。
现在，我没有得到正确的，是如何把内部长方体在一个预定义的协调。transform2.translate的广义公式是什么？这个公式应该适用于任何我想放在里面的长方体。
以下是我到现在为止所做的事情。如果将这两个文件放在目录中，它们应该立即工作。
// experiment.js
window.addEventListener('load', function() {
var screen_canvas = document.getElementById('canvas');
浏览 3提问于2011-11-01得票数 2
1回答
我有一个动态输入框，根据用户输入的内容更改值。基本上，payout/multiplier从0.01%到98%和1.0102到9900之间，所以问题是当我提交时它告诉输入有效值，而它们是有效的.因为我在JS代码中不允许任何其他数字低于或高于这个值。
<div class="form">
<form action="/" method="post">
<div class="top-row">
<div class="field-wrap"
浏览 3提问于2017-03-12得票数 1
即使刻度符号之间的差异不相等，是否有可能将静态刻度标记等距？例如，下面是如何在列图表中设置我的yAxis：
yAxis:
{
min: 0,
title:
{
text: 'Velocity (in/sec)'
},
labels:
{
overflow: 'justify'
},
tickPositions: [0.01, 0.10, 1.00, 10.00]
}
我希望0.01-0.10占图表的33%，0
浏览 2提问于2014-01-08得票数 0
回答已采纳
1回答
我试图将处理(一种图形编程语言)集成到我的网站中，但是代码似乎不起作用。它似乎没有注册处理代码..。
知道为什么吗？
<!doctype html>
<html lang="en">
<head>
<script type="text/javascript" src="js/processing.js"></script>
</head>
<body>
<script type= "text/processing"
浏览 2提问于2020-09-02得票数 1
回答已采纳
1回答
我正在创建一个vscode扩展，在这里我想要可视化三维网格。下面是获取HTML内容的函数：
function getWebviewContent(context: vscode.ExtensionContext, panel: vscode.WebviewPanel) {
const threejs = vscode.Uri.file(context.extensionPath+"/js/three.js");
const threejsUri = panel.webview.asWebviewUri(threejs);
const g
浏览 10提问于2022-03-01得票数 1
回答已采纳
1回答
我是一个尝试学习THREE.js的初学者，我查阅了THREE.js文档并试图对其进行编码，但是当我运行HTML页面时，它是空的，我不知道该做什么，我使用了visual studio代码进行编码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My first three.js app</title>
<style>
body {
margin: 0;
浏览 2提问于2021-11-20得票数 0
回答已采纳
我正在使用这个project 来生成一个家族树。它与GraphViz一起工作，创建一个很好的DOT文件，然后创建一个PNG。“最低可行产品”检查。它起作用:D
现在我想做得更好一点。
是否有一种简单的方法(例如，不必增加每只手的边沿长度)迫使最右边的垂直边缘(在父母亲和Franz之间)为直线/垂直的，如下所示？
谢谢!
编辑:正如@albert在评论中正确指出的那样，webgraphviz.com显示正确的输出，而viz-js.com没有。
PS:下面是生成此图的DOT代码：
digraph {
graph [splines=ortho];
node [shape=box,
浏览 6提问于2019-11-12得票数 0
2回答
几年前，我用处理程序编写了这个程序：
import processing.pdf.*;
drawing w;
void setup() {
size(1080, 720);
beginRecord(PDF, "drawing.pdf");
w = new drawing();
background(0);
}
void draw() {
w.step();
w.render();
}
class drawing {
float x, y;
float tx, ty;
float prevX, prevY;
drawing() {
浏览 19提问于2022-05-30得票数 1
回答已采纳
3回答
在约简方法中破坏
、、、
我想知道是否有可能直接在JS上的一个约简方法中进行销毁。我正试着做这样的事：
使用这个2D数组：
currency = [
["PENNY", 0.01],
["NICKEL", 0.05],
["DIME", 0.01],
["QUARTER", 0.25],
["ONE", 1],
["FIVE", 5],
["TEN", 10],
["TWENTY", 20],
["ONE HUND
浏览 3提问于2020-04-28得票数 0
回答已采纳
我试图将函数放在返回语句之外，这样我就可以在代码中从"onChange“调用函数，这样我就不必在需要时一次又一次地重写它。我是JS的新手，在尝试中遇到了一些困难。我怎样才能解决这个问题？
{
name: "Lombard",
prevgroupinputrate: 0.01,
currgroupinputrate: 0.02,
mktratedelta: 0.03,
mktrateestimate: 0.04
},
{
name: "Other Secured"
浏览 6提问于2019-11-07得票数 0
回答已采纳
我正在尝试从.obj文件创建网格。我这样做而不是使用obj加载器，因为我需要使用不同的滑块来变形形状，选择特定的面/顶点，并在顶点之间绘制一条路径。
当我尝试渲染场景时，我当前收到错误，这似乎与obj文件中的面孔有关。当我手动输入面时，我可以创建一个三角形，没有问题。
以下是我的代码
var camera, scene, renderer,
geometry, material, mesh;
init();
animate();
function init() {
var xhr = new XMLHttpRequest();
xhr.open('G
浏览 4提问于2012-06-25得票数 0
回答已采纳
我从d3.js开始，我不理解一个奇怪的调用函数。我正在使用coffeescript，下面是我的代码：
它不起作用：
handleTick = () ->
t += 0.01
d3.select('.ball').attr({cx: (width / 2) + 100 * Math.cos(w * t), cy: (height / 2) + 100 * Math.sin(w * t)})
d3.timer handleTick
它是有效的：
handleTick = () ->
t += 0.01
console.
浏览 3提问于2014-11-14得票数 0
我正在导入一个画廊的.gltf模型，并添加环境光和平行光(尝试了所有类型)。在0.8.0中，一切都像预期的那样工作；但是，当使用0.9.0版时，模型内部看起来很暗，没有灯光可以影响它。我不得不使用A-frame 0.9.0，因为增加了对Oculus Go控制器的支持。我整个上午都在试图弄清楚这一点，但似乎仍然找不到问题所在。 <html>
<head>
<meta charset="utf-8">
<title>Hello, WebVR! • A-Frame</title>
<met
浏览 7提问于2019-04-23得票数 1
我用three.js制作了一个球体，但是输出只是一个黑屏，如图所示。
我使用的代码是：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My first three.js app</title>
<style>
body { margin: 0; }
</style>
</head>
浏览 2提问于2022-08-07得票数 4
回答已采纳
1回答
我正在制作的The editor project应该允许我导入一个cdn库，并用它来编写代码。因此，要显示我的问题，请在导入cdn输入中输入https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js，然后单击导入。然后在代码部分中输入以下内容： const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
const
浏览 106提问于2021-10-07得票数 0
回答已采纳
我想为智能手机创建一个简单的aframe片段，只要屏幕(或其上的一个按钮)被触摸，相机就会朝着当前视野的方向移动。我已经找到了一个非常有用的代码，它不断地向FoV的方向移动相机(见下文)。
不幸的是，我只是在按下按钮的时候才尝试激活这个运动，但都失败了(我发现的许多例子只使用瞬时事件，例如第一次使用“单击”或面向某一对象，而不是连续按下按钮)。能不能像我想的那样做点什么？如果是的话，我需要什么样的触发器？
<script src="https://cdnjs.cloudflare.com/ajax/libs/aframe/0.5.0/aframe.min.js">&
浏览 0提问于2018-08-23得票数 0
回答已采纳
我下载了Roboto.ttf字体，并使用将字体转换为.json，并使用Three.js加载字体。
var loader = new THREE.FontLoader();
loader.load( 'fonts/Roboto Mono_Regular.json', function ( font ) {
var geometry = new THREE.TextGeometry( 'äüö', {
浏览 0提问于2019-05-24得票数 1
回答已采纳
我有一个，它在控制器中声明了一个默认值，并通过ng-model传递了'val:1.81‘。这样的输入必须是数字(type: number)。通过角度过滤器，通过过滤器‘数字2’，在下一行上仅打印了两个小数位。此外，我需要包括几个按钮来增加或减少'0.01‘，就像一个计数器值输入。
有没有办法只用两个小数来过滤输入？我提到这一点是因为当我通过单击按钮进行求和时，会出现输入打印的时间，例如'1.8800000000000001‘。
var app = angular.module('myApp', []);
app.controller("m
浏览 2提问于2015-06-10得票数 1
1回答
我在我的ruby代码中使用jquery滑块()。
$( "#slider" ).slider({
range:'min',
value:<%= @last_change %>,
min: 0.01,
max: 98,
step: 0.01,
slide: function( event, ui ) {
$( "#slider-value" ).html( ui.value );
}
});
$(
浏览 0提问于2016-04-06得票数 0
回答已采纳
1回答
我正在使用P5.js和Perlin noise()函数来尝试使用Perlin噪声生成的x和y坐标绘制一个圆。我没有收到任何错误消息，但画布上没有绘制任何内容。我做错了什么？
let width;
let height;
function setup() {
createCanvas(windowWidth, windowHeight);
width = windowWidth;
height = windowHeight;
}
var Circle = function () {
this.x = width / 2;
this.y = height
浏览 0提问于2018-06-05得票数 0
3回答
我在这段html/css代码中使用了示例代码和一个脚本，该脚本旨在使用three.js创建3D立方体。
当我打开HTML文件时，我得到一个空白页面，上面只有"canvas { width: 100%；height: 100% }“
下面是我的代码：
<html>
<head>
<title>My first Three.js app</title> <style>canvas { width: 100%;
height: 100% }</style>
</head>
浏览 1提问于2018-10-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
