首页 > 未分类 > 有关openprocessing网站的部分程序说明
2017
07-27

有关openprocessing网站的部分程序说明

本熊猫最近逛openprocessing网的时候发现有些代码直接复制下来不能直接运行,很是纳闷,刚刚解决这个问题,给大家分享一下
例如下面这个

有关openprocessing网站的部分程序说明 - 第1张  | Processing编程艺术

代码:

var np = 300;

var startcol;

function setup() {

createCanvas(1366, 600);

background(255);

noFill();

noiseSeed(random(100));

startcol = random(255);

}

function draw() {

// background(51);

beginShape();

var sx, sy;

for(var i = 0; i < np; i++) {

var angle = map(i, 0, np, 0, TWO_PI);

var cx = frameCount * 2 – 200;

var cy = height / 2 + 50 * sin(frameCount / 50);

var xx = 100 * cos(angle + cx / 10);

var yy = 100 * sin(angle + cx / 10);

var v = createVector(xx, yy);

xx = (xx + cx) / 150; yy = (yy + cy) / 150;

v.mult(1 + 1.5 * noise(xx, yy));

vertex(cx + v.x, cy + v.y);

if(i == 0) {

sx = cx + v.x;

sy = cy + v.y;

}

}

colorMode(HSB);

var hue = cx / 10 – startcol;

if(hue < 0) hue += 255;

stroke(hue, 100, 120);

strokeWeight(0.1);

vertex(sx, sy);

endShape();

if(frameCount > width + 500) {

noLoop();

}

}

把这个代码直接放在processing里这样报错

有关openprocessing网站的部分程序说明 - 第2张  | Processing编程艺术

这个报错看的小熊猫一脸蒙蔽,经过多番查询发现是运行的模型有问题

有关openprocessing网站的部分程序说明 - 第3张  | Processing编程艺术

现在把Java改成p5.js

有关openprocessing网站的部分程序说明 - 第4张  | Processing编程艺术

在浏览器中顺利运行

有关openprocessing网站的部分程序说明 - 第5张  | Processing编程艺术

如果没有p5.js的可以在添加模式中下载

有关openprocessing网站的部分程序说明 - 第6张  | Processing编程艺术

这里面好多其他的运行模式,有兴趣的可以自己去摸索摸索

文章原创,来着微信公众号,大家可在本网站联系我们中找到我们的公众号



最后编辑:
作者:xiaoxiongmao
xiaoxiongmao
什么都不会的小熊猫

有关openprocessing网站的部分程序说明》有 1 条评论

  1. Rudolph 说:

    那请问openprocessing中的游戏等复杂的。js文件怎么打开呢,下载过后用processing打开总是现实找不到素材文件,请问怎么解决呢。

留下一个回复

你的email不会被公开。