个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
node.js 新手
我正在尝试与 processing 互动和 processing.js通过 node.js 失败。
如果我直接在浏览器中打开 index.html，我的测试工作正常但是当我尝试使用 Node (localhost:8080 上的 Node sample.js)时，activity.pde 无法正确加载
我有一个这样的 sample.js:
var http = require('http'),
url = require('url'),
fs = require('fs'),
io = require('socket.io'),
sys = require(process.binding('natives').util ? 'util' : 'sys');
send404 = function(res) {
res.writeHead(404);
res.write('404');
res.end();
};
server = http.createServer(function(req, res) {
// your normal server code
var path = url.parse(req.url).pathname;
switch(path) {
//case '/json.js':
case '/':
fs.readFile(__dirname + "/index.html", function(err, data) {
if(err) return send404(res);
res.writeHead(200, {
'Content-Type': path == 'json.js' ? 'text/javascript' : 'text/html'
})
res.write(data, 'utf8');
res.end();
});
break;
}
});
server.listen(8080);
// socket.io
var socket = io.listen(server);
一个简单的 index.html:
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="https://github.com/downloads/processing-js/processing-js/processing-1.4.1.min.js"></script>
<canvas id="pippo" data-processing-sources="activity.pde"></canvas>
<script type="application/javascript">
function doIT() {
var processingInstance;
processingInstance = Processing.getInstanceById('pippo');
processingInstance.myTest(0.8,51.5);
processingInstance.myTest(9.19,45.27);
}
</script>
<button onclick="doIT();">doit</button>
</body>
</html>
还有一个像这样的简单 .pde 文件:
// @pjs preload must be used to preload the image
/* @pjs preload="image.png"; */
PImage backgroundMap;
float mapScreenWidth,mapScreenHeight; // Dimension of map in pixels.
void setup()
{
size(600,350);
smooth();
noLoop();
backgroundMap = loadImage("image.png");
mapScreenWidth = width;
mapScreenHeight = height;
}
void draw()
{
image(backgroundMap,0,0,mapScreenWidth,mapScreenHeight);
}
void myTest(float a, float b) {
ellipse(a,b,5,5);
}
如果我尝试将我的 sample.js 更新为:
case '/':
fs.readFile(__dirname + "/index.html", function(err, data) {
if(err) return send404(res);
res.writeHead(200, {
'Content-Type': path == 'json.js' ? 'text/javascript' : 'text/html'
})
res.write(data, 'utf8');
res.end();
});
break;
case '/activity.pde':
fs.readFile(__dirname + "/activity.pde", function(err, data) {
if(err) return send404(res);
res.writeHead(200, {
'Content-Type': 'plain/text'
})
res.write(data, 'utf8');
res.end();
});
break;
事件 pde 似乎可以正确加载(200 OK 128 毫秒)但是当我尝试使用“doIT”按钮时出现此错误:“TypeError:processingInstance.myTest 不是函数 processingInstance.myTest(0.8,51.5);”
您对使用此设置有什么建议吗？
PS:此代码不使用 Node ，通过处理加载图像并在按下按钮时在加载的图像上绘制椭圆
提前致谢。
最佳答案
出于调试目的，您可能希望将 doIT 函数更改为:
<script type="application/javascript">
function doIT() {
var processingInstance = Processing.getInstanceById('pippo');
if(!processingInstance) {
console.log("'pippo' instance not loaded (yet)");
return;
}
if(!processingInstance.myTest) {
console.log("'pippo' instance started loading, but hasn't completed yet");
return;
}
// if we do get here, the instance should be ready to go.
processingInstance.myTest(0.8,51.5);
processingInstance.myTest(9.19,45.27);
}
</script>
您的 doIT 函数失败有几个原因，第一个通常是在初始化之前尝试访问草图实例。当草图的引用被添加到实例列表时，还有一个短暂的间隔，但它还没有完成绑定(bind)它的所有函数，所以这就是为什么你通常想要测试你要调用的函数。另一种方法是:
<script type="application/javascript">
var pippoSketch = false;
(function bindSketch() {
pippoSketch = Processing.getInstanceById('pippo');
if(!pippoSketch || !pippoSketch.myTest) {
setTimeout(bindSketch, 250); }
}());
function doIT() {
if (!pippoSketch) {
console.log("pippoSketch not ready yet.");
return;
}
pippoSketch.myTest(0.8,51.5);
pippoSketch.myTest(9.19,45.27);
}
</script>
这将尝试获取对您的草图的完整初始化引用，直到它通过每 250 毫秒安排尝试来表示引用。
关于Node.js + 处理(.js)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14682786/
25
4
0
我用运行 Node node --debug app OR node --debug-brk app 它有反应 debugger listening on port 5858 Express serv
这个问题在这里已经有了答案: What is the difference between (int *i) and (int* i) in context of both C and C++? [
我有一个应用程序，它通过消息队列将数据库写入命令分派(dispatch)给工作人员(数量非常大)，因此无法保证它们的接收顺序。 我有两个 Node ，例如“Account”和“Media”。在此假设的
有没有办法在调用 ts-node 时将选项传递给 Node ？我正在尝试在 Node 中使用一个实验性功能，如果它能与 ts-node 一起使用，那就太好了。 这就是我目前正在做的事情: ts-nod
我有一个容器化的Node应用程序，它在DigitalOcean服务器上运行。当我更新服务器上的应用程序时，该应用程序必须关闭一小段时间。为了能够更新应用程序并避免停机，我目前正在阅读零停机时间部署/蓝
我正在编写一个 Node.js 应用程序。我正在使用 request 和 Cheerio 加载一组 URL 并获取该网站的大量信息，现在假设我想要获取的只是标题: var urls = {"url_1
如果不弹出以下错误，我无法安装任何 Node.js 模块。错误代码引用package.json文件。如果知道为什么会发生这种情况，我们将不胜感激。 最佳答案 这些不是错误，它们只是警告。一切都应该如此
如果我运行(从我的项目目录中): supervisor javascripts/index.js 我得到:/usr/bin/env: Node :没有这样的文件或目录 如果我运行: node java
我已遵循使用 Node-Inspector 的所有步骤 但是当我打开应用程序时，我在控制台上看不到任何脚本或日志。 我的应用程序在端口 4000 上运行。我认为唯一可能发生冲突的是端口 8080 上的
我在android中使用rxjava2，有时会遇到这样的问题: Observable.fromArray( // maybe a list about photo url in SD
我目前正在使用 Node 光纤来编写同步服务器端代码。我主要通过 try-catch block 进行错误处理，但外部库或其他小部分异步代码中总是有可能发生错误。我正在考虑使用新的域功能来尝试将这些错
看起来node-debug是node-inspector周围的一个shell？分别什么时候应该使用？ 最佳答案 如果您安装node-debug，您只能访问node-debug命令。 如果您安装node
我目前正在代理后面工作，该代理不允许我执行此命令的 HTTP GET 请求阶段: Node node-sass/scripts/build.js 请求阶段: gyp http GET https://
听说node js可以用在服务端。我以前用过jsp。 jsp页面内部的java代码对客户端是不可见的。如果 Node js 只是 javascript，那么它如何对客户端不可见？ 最佳答案 首先，No
我正在为 Node native 插件从 node-waf 构建迁移到 node-gyp 构建系统。 node-gyp 说它支持多个目标版本，但我在使用 node-gyp 时找不到如何指定目标 Nod
给定一个 $node ，我正在尝试在以下两种输出该 $node 的方式之间做出决定。 要么 $output = theme('node', $node); 或 node_build_content($
如果package.json中的窗口A打开一个新窗口B，node-main如何访问它？这是我的代码: package.json { "main": "index.html",
我试图在我的 xml 中的特定节点 ( ) 之前插入一个注释节点。这是它的方法: function test(xmlResponse) { var parser = new DOMParse
我正在尝试做npm install wrtc使用 Node 版本 16.14.0 但这还没有完成。它在给npm error code 1所以我试图将 Node 版本更改为以前的 lts 14.19.0
当我在 Visual Studio 中运行 Node.js 应用程序时，我收到以下消息:DeprecationWarning: 'node --debug' 和 'node --debug-brk'
我是一名优秀的程序员,十分优秀！