javascript-如何在浏览器中运行处理Twitter4j草图
作者：互联网
我是从事处理的新手程序员,最近我开发了使用Twitter4j的草图.当我从Processing Development Environment以Java模式运行草图时,它可以完美地工作.另外,当我从Java模式导出草图时,生成的应用程序可以完美运行.但是,当我切换到JavaScript模式并尝试运行草图时,浏览器预览不会显示任何内容.
我相信问题与Twitter4j有关,因为当我从草图中删除与Twitter4j相关的代码并运行它(以JavaScript模式)时,浏览器预览然后显示正在处理的视觉效果.
我一直在寻找解决方案,历时数天,历时数天,但找不到合适的答案.我遇到过解决相关问题的帖子,但是答案仅涉及诸如“签署JAR文件”之类的术语(我认为仅与Java模式相关),或者仅阐明了在浏览器上以JavaScript模式运行处理草图的问题-不包括涉及使用Twitter4j的草图.
我在下面提供了我的完整代码的副本,非常感谢逐步解决这个问题的答案,以迎接新手.我正在寻找一种解释,如果可能的话,要使我的JavaScript模式导出的Processing Twitter4j草图在HTML /我的网站上运行.
感谢您的时间和技能.在这篇文章的结尾,我在代码中包含了一些注释.
import twitter4j.conf.*;
import twitter4j.*;
import twitter4j.auth.*;
import twitter4j.api.*;
import java.util.*;
Twitter twitter;
String searchString = "#brokendreams";
List<Status> tweets;
int currentTweet;
PFont f;
int amount1 = 300;
Star[] meteors = new Star[45];
StarDust[] sprinkle = {};
String chatter;
void setup() {
size(800,600);
f = createFont("Tahoma", 13, true);
textFont(f, 13);
ConfigurationBuilder cb = new ConfigurationBuilder();
cb.setOAuthConsumerKey("---");
cb.setOAuthConsumerSecret("---");
cb.setOAuthAccessToken("---");
cb.setOAuthAccessTokenSecret("---");
TwitterFactory tf = new TwitterFactory(cb.build());
twitter = tf.getInstance();
getNewTweets();
currentTweet = 0;
dustField();
Status status = tweets.get(currentTweet);
for (int j = 0; j < meteors.length; j++) {
meteors[j] = new Star(chatterText());
}
}
void draw() {
background(0, 35, 0);
for (int i = 0; i < sprinkle.length; i++) {
StarDust dust = sprinkle[i];
dust.move();
}
for (int j = 0; j < meteors.length; j++) {
meteors[j].appear();
meteors[j].randomOrbit();
}
chatterText();
}
void dustField() {
for (int i = 0; i < amount1; i++) {
StarDust dust = new StarDust();
dust.swish();
sprinkle = (StarDust[])append(sprinkle, dust);
}
}
String chatterText() {
currentTweet += 1;
if (currentTweet >= tweets.size()) {
currentTweet = 0;
}
Status status = tweets.get(currentTweet);
chatter = status.getText();
return chatter;
}
void getNewTweets() {
try {
Query query = new Query(searchString);
QueryResult result = twitter.search(query);
tweets = result.getTweets();
} catch (TwitterException te) {
System.out.println("Failed to search tweets: " + te.getMessage());
System.exit(-1);
}
}
void refreshTweets() {
while (true) {
getNewTweets();
println("Updated Tweets");
delay(30000);
}
}
class Star {
float x, y;
float xmove, ymove;
float radius;
color linecol, fillcol;
float alpha;
String msg;
float frag1, frag2, frag3, frag4;
Status status;
Star(String message) {
msg = message;
x = random(width);
y = random(height);
radius = random(20, 60) + 10;
linecol = color(random(255), random(255), random(255));
fillcol = color(random(255), random(255), random(255));
alpha = random(200);
xmove = sin(random(2) / 2);
ymove = sin(random(2) / 2);
frag1 = random(radius/5);
frag2 = random(radius/3);
frag3 = random(radius/4);
frag4 = random(radius/2);
}
void appear() {
if (mouseX > x-(radius/2) && mouseX < x+(radius/2) && mouseY > y-(radius/2) && mouseY < y+(radius/2)) {
strokeWeight(1);
stroke(linecol);
noFill();
ellipse(x, y, radius, radius);
} else {
noStroke();
fill(fillcol, alpha);
ellipse(x, y, radius, radius);
}
fill(fillcol);
noStroke();
beginShape();
vertex(x - (radius/3), y + frag1 - frag2);
vertex(x, y - (radius/3));
vertex(x, y);
endShape(CLOSE);
fill(linecol, alpha);
beginShape();
vertex(x, y);
vertex(x, y - (radius/3));
vertex(x + (radius/4), y - frag3 - frag4);
vertex(x + (radius/3), y + frag1 - frag2);
endShape(CLOSE);
fill(fillcol);
beginShape();
vertex(x, y);
vertex(x + (radius/3), y + frag1 - frag2);
vertex(x + (radius/4), y + frag3);
endShape(CLOSE);
fill(linecol, alpha);
beginShape();
vertex(x, y);
vertex(x + (radius/4), y + frag3);
vertex(x + (radius/5), y + frag2);
vertex(x, y + (radius/3));
vertex(x - (radius/3), y + frag1 - frag2);
endShape(CLOSE);
}
void randomOrbit() {
x += xmove;
y += ymove;
if (x > (width + radius)) { x = 0 - radius; }
if (x < (0 - radius)) { x = width + radius; }
if (y > (height + radius)) { y = 0 - radius; }
if (y < (0 - radius)) { y = height + radius; }
appear();
displayTweet();
}
void displayTweet() {
if (mouseX > x-(radius/2) && mouseX < x+(radius/2) && mouseY > y-(radius/2) && mouseY < y+(radius/2) && mousePressed) {
x = mouseX;
y = mouseY;
fill(255);
text(msg, mouseX + 30, mouseY, 200, 200);
mouseReleased();
}
}
void mouseReleased() {alpha = 80;}
}
class StarDust {
float x, y;
float xmove, ymove;
float radius;
float alpha, beta;
Status status;
StarDust() {
x = random(width);
y = random(height);
radius = random(2, 4);
alpha = random(255);
beta = random(155);
xmove = random(1.9) - 0.9;
ymove = random(1.9) - 0.9;
}
void flipColor() {
fill(random(255), random(255), random(255), beta);
stroke(random(255), random(255), random(255), beta);
}
void swish() {
flipColor();
rect(x, y, radius, radius);
}
void move() {
swish();
x += xmove;
y += ymove;
if (x > (width + radius)) { x = 0 - radius; }
if (x < (0 - radius)) { x = width + radius; }
if (y > (height + radius)) { y = 0 - radius; }
if (y < (0 - radius)) { y = height + radius; }
squarespray(xmove);
}
void squarespray(float spray) {
stroke(random(175, 255), random(255), 0, alpha);
strokeWeight(random(7));
point(x + random(radius), y + random(spray));
point(y + sin(spray) * radius, x - spray);
point(random(spray) - 60 + y, random(radius) + x - 30);
}
}
-对不起,我没有评论.这是我仍在培养的习惯.但是,在涉及Twitter4j的主要内容之后,我认为没有任何相关意义.
-在“ —”上方的代码中,它代替了我的钥匙.
-这是与我从JavaScript模式导出的代码完全相同的代码,并且希望从浏览器运行.
-我以前在我的网站上运行过“处理草图”；这是第一次涉及Twitter4j.
解决方法:
您的评论是正确的：您的草图在JavaScript模式下无法使用,因为您使用的是Java库.只要您依赖Java库,您的代码就只能在Java模式下工作.您可能想检出JavaScript控制台以获取错误消息.
要解决此问题,您可以尝试寻找一个等效的JavaScript库,并使用它代替twitter4j.然后您的代码将在JavaScript模式下工作.那可能是正确的做法.
我之所以这样说,是因为要让Java应用程序在浏览器中运行非常痛苦.您必须创建一个applet,然后使用付费证书在jar上签名,或者让您的用户修改其Java安全设置-即使这样,您的用户在运行applet之前也会收到大量安全警告和提示. .
最好将其部署为可运行的jar或特定于平台的可执行文件,或者通过查找等效的JavaScript库完全切换到JavaScript模式.
标签：processing,html,twitter4j,processing-js,javascript 来源： https://codeday.me/bug/20191014/1912100.html