おバカ
con you code prossesing
ChatGPT
Yes, as an AI language model, I can help you with coding in Processing. Processing is a programming language that is based on Java and is designed for creating interactive graphics and visualizations. Here is a simple example of Processing code that draws a red rectangle on a white background:
processingCopy codevoid setup() {
size(400, 400);
}
void draw() {
background(255);
fill(255, 0, 0);
rect(100, 100, 200, 200);
}
In this example, the setup() function is called once at the beginning of the program to set up the canvas size, while the draw() function is called repeatedly to draw the rectangle on a white background.
I hope that helps you get started with Processing! Let me know if you have any further questions.
おバカ
ミジンコの生態をイメージしたメディアをproccesingで表現して
ChatGPT
ミジンコの生態を表現するために、Processingを使用して以下のようなコードを作成することができます。この例では、ミジンコの集団を表現するシミュレーションを行い、ランダムな移動と増殖をシミュレートしています。
<!-- wp:preformatted -->
<pre class="wp-block-preformatted">processingCopy code<code>ArrayList<Mijinko> mijinkos; // ミジンコの配列
void setup() {
size(400, 400);
mijinkos = new ArrayList<Mijinko>(); // ミジンコの配列を初期化
for (int i = 0; i < 50; i++) { // 50匹のミジンコをランダムな位置に生成
mijinkos.add(new Mijinko(random(width), random(height)));
}
}
void draw() {
background(255);
for (Mijinko m : mijinkos) {
m.update();
m.display();
}
if (random(1) < 0.1 && mijinkos.size() < 100) { // 10%の確率でミジンコが新しく生まれる
mijinkos.add(new Mijinko(random(width), random(height)));
}
}
class Mijinko {
float x, y;
float dx, dy;
float r;
Mijinko(float x, float y) {
this.x = x;
this.y = y;
this.dx = random(-1, 1);
this.dy = random(-1, 1);
this.r = 10;
}
void update() { // ミジンコの移動
x += dx;
y += dy;
if (x < 0 || x > width) {
dx = -dx;
}
if (y < 0 || y > height) {
dy = -dy;
}
}
void display() { // ミジンコを描画
fill(0, 255, 0);
ellipse(x, y, r, r);
}
}
</code></pre>
<!-- /wp:preformatted -->このコードでは、Mijinkoというクラスを定義し、各ミジンコの位置や速度、半径を格納します。setup()関数では、ランダムな位置に50匹のミジンコを生成し、draw()関数では、各ミジンコの移動と描画を行います。また、10%の確率で新しいミジンコが生成され、最大100匹まで増殖します。
このコードを実行すると、ミジンコの集団が画面内をランダムに移動し、時には増殖する様子を観察することができます。このように、Processingを使用することで、ミジンコの生態系をシミュレートしたり、視覚的に表現することができます。
おバカ
宇宙の起源をイメージしたメディアをproccesingで表現して
ChatGPT
宇宙の起源を表現するために、Processingを使用して以下のようなコードを作成することができます。この例では、宇宙の星々と繋がり合う粒子を表現し、宇宙の起源を表現しています。
processingCopy codeArrayList<Particle> particles;
void setup() {
size(400, 400);
particles = new ArrayList<Particle>();
for (int i = 0; i < 50; i++) { // 50個の粒子をランダムな位置に生成
particles.add(new Particle(random(width), random(height)));
}
}
void draw() {
background(0);
for (Particle p : particles) {
p.update();
p.display();
p.connect(particles);
}
}
class Particle {
float x, y;
float dx, dy;
float r;
color c;
Particle(float x, float y) {
this.x = x;
this.y = y;
this.dx = random(-1, 1);
this.dy = random(-1, 1);
this.r = 5;
this.c = color(255, random(200, 255), random(100, 200), 200);
}
void update() { // 粒子の移動
x += dx;
y += dy;
if (x < 0 || x > width) {
dx = -dx;
}
if (y < 0 || y > height) {
dy = -dy;
}
}
void display() { // 粒子を描画
noStroke();
fill(c);
ellipse(x, y, r, r);
}
void connect(ArrayList<Particle> particles) { // 粒子同士を繋ぐ
for (Particle other : particles) {
if (this != other && dist(x, y, other.x, other.y) < 100) {
stroke(c);
line(x, y, other.x, other.y);
}
}
}
}
このコードでは、Particleというクラスを定義し、各粒子の位置や速度、半径、色を格納します。setup()関数では、ランダムな位置に50個の粒子を生成し、draw()関数では、各粒子の移動と描画、粒子同士を繋ぐ処理を行います。粒子同士の距離が100以下の場合、線で繋がり、粒子同士の繋がりが視覚的に表現されます。
このコードを実行すると、ランダムに移動する粒子が、線で繋がり、宇宙の起源を表現する様子を観察することができます。このように、Processingを使用することで、宇宙の起源をシミュレートしたり、視覚的に表現することができます。
おバカ
もっと繊細に表現して、サイズは800*800で
ChatGPT
了解しました。以下は、サイズ800×800で宇宙の起源を繊細に表現するための、Processingコードの例です。
processingCopy codeArrayList<Particle> particles;
void setup() {
size(800, 800);
particles = new ArrayList<Particle>();
for (int i = 0; i < 200; i++) { // 200個の粒子をランダムな位置に生成
particles.add(new Particle(random(width), random(height)));
}
}
void draw() {
background(0);
for (Particle p : particles) {
p.update();
p.display();
p.connect(particles);
}
}
class Particle {
float x, y;
float dx, dy;
float r;
color c;
Particle(float x, float y) {
this.x = x;
this.y = y;
this.dx = random(-1, 1);
this.dy = random(-1, 1);
this.r = random(1, 5);
this.c = color(random(200, 255), random(100, 200), 255, 200);
}
void update() { // 粒子の移動
x += dx;
y += dy;
if (x < 0 || x > width) {
dx = -dx;
}
if (y < 0 || y > height) {
dy = -dy;
}
}
void display() { // 粒子を描画
noStroke();
fill(c);
ellipse(x, y, r, r);
}
void connect(ArrayList<Particle> particles) { // 粒子同士を繋ぐ
for (Particle other : particles) {
if (this != other && dist(x, y, other.x, other.y) < 100) {
stroke(c, map(dist(x, y, other.x, other.y), 0, 100, 255, 0));
line(x, y, other.x, other.y);
}
}
}
}
このコードでは、200個の粒子をランダムに生成し、各粒子をランダムな方向に移動させます。また、粒子同士を距離に応じて色が変化する線で繋ぎます。このように、距離が近いほど白く、遠いほど緑になるように設定しました。このような処理を行うために、connect()関数内でmap()関数を使用して距離を色の透明度に変換しています。
このコードを実行すると、粒子同士を繋ぐ線の色が繊細に変化する様子が観察でき、宇宙の起源を繊細に表現することができます。
おバカ
p5.jsで書き直して
ChatGPT
こちらが、p5.jsで書き直した宇宙の起源を表現するコード例です。Processingと同様に、200個の粒子をランダムに生成し、各粒子をランダムな方向に移動させます。また、粒子同士を距離に応じて色が変化する線で繋ぎます。色の透明度は、距離が近いほど白く、遠いほど緑になるように設定されています。
javascriptCopy codelet particles = [];
function setup() {
createCanvas(800, 800);
for (let i = 0; i < 200; i++) {
particles.push(new Particle(random(width), random(height)));
}
}
function draw() {
background(0);
for (let i = 0; i < particles.length; i++) {
particles[i].update();
particles[i].display();
particles[i].connect(particles);
}
}
class Particle {
constructor(x, y) {
this.x = x;
this.y = y;
this.dx = random(-1, 1);
this.dy = random(-1, 1);
this.r = random(1, 5);
this.c = color(random(200, 255), random(100, 200), 255, 200);
}
update() {
this.x += this.dx;
this.y += this.dy;
if (this.x < 0 || this.x > width) {
this.dx = -this.dx;
}
if (this.y < 0 || this.y > height) {
this.dy = -this.dy;
}
}
display() {
noStroke();
fill(this.c);
ellipse(this.x, this.y, this.r, this.r);
}
connect(particles) {
for (let i = 0; i < particles.length; i++) {
let other = particles[i];
if (this != other && dist(this.x, this.y, other.x, other.y) < 100) {
stroke(this.c, map(dist(this.x, this.y, other.x, other.y), 0, 100, 255, 0));
line(this.x, this.y, other.x, other.y);
}
}
}
}
Processingとp5.jsのシンタックスは似ていますが、createCanvas()関数のように、一部の関数名が異なることに注意してください。また、p5.jsでは、setup()関数とdraw()関数が必要です。このコードを実行すると、宇宙の起源を表現するための美しい描画が得られます。
。。。個人的には mijinko class を作ってくるあたりにかなりのセンスを感じたkyo-konogoro。
