Processing 人机交互创客机器视觉游戏

编程+游戏：将Kinect与Processing结合进行编程

By taho 2021年1月24日Processing, 人机交互, 创客, 机器视觉, 游戏

二锅头【Processing+Kinect】教程_哔哩哔哩 (゜-゜)つロ干杯…

Processing 建模机器视觉游戏制作

电脑技术：Getting Started with Kinect and Processing[转载]

By taho 2021年1月24日Processing, 建模, 机器视觉, 游戏制作

转载自：Getting Started with Kinect and Processing | Daniel Shiffman

Getting Started with Kinect and Processing

Kinect and Processing

The Microsoft Kinect sensor is a peripheral device (designed for XBox and windows PCs) that functions much like a webcam. However, in addition to providing an RGB image, it also provides a depth map. Meaning for every pixel seen by the sensor, the Kinect measures distance from the sensor. This makes a variety of computer vision problems like background removal, blob detection, and more easy and fun!

The Kinect sensor itself only measures color and depth. However, once that information is on your computer, lots more can be done like “skeleton” tracking (i.e. detecting a model of a person and tracking his/her movements). To do skeleton tracking you’ll need to use Thomas Lengling’s windows-only Kinect v2 processing libray. However, if you’re on a Mac and all you want is raw data from the Kinect, you are in luck! This library uses libfreenect and libfreenect2 open source drivers to access that data for Mac OS X (windows support coming soon).

3D打印 CSS2/3 Processing 云计算人工智能建模建站极客地带游戏制作

电脑技术+建模+艺术：一个很牛的沉浸式交互网站——踏得网

By taho 2021年1月23日3D打印, CSS2/3, Processing, 云计算, 人工智能, 建模, 建站, 极客地带, 游戏制作

领先的沉浸式互联网内容门户，一站式学习、创作和展示。沉浸式互联网体验和学习门户 …

Processing 创客电脑技术

Processing实现GameofLife

By taho 2017年1月13日Processing, 创客, 电脑技术

这是在Processing官网上找到的一个例子：A Processing implementation of Game of Life

程序源代码：

// Size of cells
int cellSize = 5;

// How likely for a cell to be alive at start (in percentage)
float probabilityOfAliveAtStart = 15;

// Variables for timer
int interval = 100;
int lastRecordedTime = 0;

// Colors for active/inactive cells
color alive = color(0, 200, 0);
color dead = color(0);

// Array of cells
int[][] cells; 
// Buffer to record the state of the cells and use this while changing the others in the interations
int[][] cellsBuffer; 

// Pause
boolean pause = false;

void setup() {
  size (640, 360);

  // Instantiate arrays 
  cells = new int[width/cellSize][height/cellSize];
  cellsBuffer = new int[width/cellSize][height/cellSize];

  // This stroke will draw the background grid
  stroke(48);

  noSmooth();

  // Initialization of cells
  for (int x=0; x<width/cellSize; x++) {
    for (int y=0; y<height/cellSize; y++) {
      float state = random (100);
      if (state > probabilityOfAliveAtStart) { 
        state = 0;
      }
      else {
        state = 1;
      }
      cells[x][y] = int(state); // Save state of each cell
    }
  }
  background(0); // Fill in black in case cells don't cover all the windows
}


void draw() {

  //Draw grid
  for (int x=0; x<width/cellSize; x++) {
    for (int y=0; y<height/cellSize; y++) {
      if (cells[x][y]==1) {
        fill(alive); // If alive
      }
      else {
        fill(dead); // If dead
      }
      rect (x*cellSize, y*cellSize, cellSize, cellSize);
    }
  }
  // Iterate if timer ticks
  if (millis()-lastRecordedTime>interval) {
    if (!pause) {
      iteration();
      lastRecordedTime = millis();
    }
  }

  // Create  new cells manually on pause
  if (pause && mousePressed) {
    // Map and avoid out of bound errors
    int xCellOver = int(map(mouseX, 0, width, 0, width/cellSize));
    xCellOver = constrain(xCellOver, 0, width/cellSize-1);
    int yCellOver = int(map(mouseY, 0, height, 0, height/cellSize));
    yCellOver = constrain(yCellOver, 0, height/cellSize-1);

    // Check against cells in buffer
    if (cellsBuffer[xCellOver][yCellOver]==1) { // Cell is alive
      cells[xCellOver][yCellOver]=0; // Kill
      fill(dead); // Fill with kill color
    }
    else { // Cell is dead
      cells[xCellOver][yCellOver]=1; // Make alive
      fill(alive); // Fill alive color
    }
  } 
  else if (pause && !mousePressed) { // And then save to buffer once mouse goes up
    // Save cells to buffer (so we opeate with one array keeping the other intact)
    for (int x=0; x<width/cellSize; x++) {
      for (int y=0; y<height/cellSize; y++) {
        cellsBuffer[x][y] = cells[x][y];
      }
    }
  }
}



void iteration() { // When the clock ticks
  // Save cells to buffer (so we opeate with one array keeping the other intact)
  for (int x=0; x<width/cellSize; x++) {
    for (int y=0; y<height/cellSize; y++) {
      cellsBuffer[x][y] = cells[x][y];
    }
  }

  // Visit each cell:
  for (int x=0; x<width/cellSize; x++) {
    for (int y=0; y<height/cellSize; y++) {
      // And visit all the neighbours of each cell
      int neighbours = 0; // We'll count the neighbours
      for (int xx=x-1; xx<=x+1;xx++) {
        for (int yy=y-1; yy<=y+1;yy++) {  
          if (((xx>=0)&&(xx<width/cellSize))&&((yy>=0)&&(yy<height/cellSize))) { // Make sure you are not out of bounds
            if (!((xx==x)&&(yy==y))) { // Make sure to to check against self
              if (cellsBuffer[xx][yy]==1){
                neighbours ++; // Check alive neighbours and count them
              }
            } // End of if
          } // End of if
        } // End of yy loop
      } //End of xx loop
      // We've checked the neigbours: apply rules!
      if (cellsBuffer[x][y]==1) { // The cell is alive: kill it if necessary
        if (neighbours < 2 || neighbours > 3) {
          cells[x][y] = 0; // Die unless it has 2 or 3 neighbours
        }
      } 
      else { // The cell is dead: make it live if necessary      
        if (neighbours == 3 ) {
          cells[x][y] = 1; // Only if it has 3 neighbours
        }
      } // End of if
    } // End of y loop
  } // End of x loop
} // End of function

void keyPressed() {
  if (key=='r' || key == 'R') {
    // Restart: reinitialization of cells
    for (int x=0; x<width/cellSize; x++) {
      for (int y=0; y<height/cellSize; y++) {
        float state = random (100);
        if (state > probabilityOfAliveAtStart) {
          state = 0;
        }
        else {
          state = 1;
        }
        cells[x][y] = int(state); // Save state of each cell
      }
    }
  }
  if (key==' ') { // On/off of pause
    pause = !pause;
  }
  if (key=='c' || key == 'C') { // Clear all
    for (int x=0; x<width/cellSize; x++) {
      for (int y=0; y<height/cellSize; y++) {
        cells[x][y] = 0; // Save all to zero
      }
    }
  }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

// Size of cells

int cellSize = 5;

// How likely for a cell to be alive at start (in percentage)

float probabilityOfAliveAtStart = 15;

// Variables for timer

int interval = 100;

int lastRecordedTime = 0;

// Colors for active/inactive cells

color alive = color(0, 200, 0);

color dead = color(0);

// Array of cells

int[][] cells;

// Buffer to record the state of the cells and use this while changing the others in the interations

int[][] cellsBuffer;

// Pause

boolean pause = false;

void setup() {

size (640, 360);

// Instantiate arrays

cells = new int[width/cellSize][height/cellSize];

cellsBuffer = new int[width/cellSize][height/cellSize];

// This stroke will draw the background grid

stroke(48);

noSmooth();

// Initialization of cells

for (int x=0; x<width/cellSize; x++) {

for (int y=0; y<height/cellSize; y++) {

float state = random (100);

if (state > probabilityOfAliveAtStart) {

state = 0;

}

else {

state = 1;

}

cells[x][y] = int(state); // Save state of each cell

}

background(0); // Fill in black in case cells don't cover all the windows

}

void draw() {

//Draw grid

for (int x=0; x<width/cellSize; x++) {

for (int y=0; y<height/cellSize; y++) {

if (cells[x][y]==1) {

fill(alive); // If alive

}

else {

fill(dead); // If dead

}

rect (x*cellSize, y*cellSize, cellSize, cellSize);

}

// Iterate if timer ticks

if (millis()-lastRecordedTime>interval) {

if (!pause) {

iteration();

lastRecordedTime = millis();

}

// Create new cells manually on pause

if (pause && mousePressed) {

// Map and avoid out of bound errors

int xCellOver = int(map(mouseX, 0, width, 0, width/cellSize));

xCellOver = constrain(xCellOver, 0, width/cellSize-1);

int yCellOver = int(map(mouseY, 0, height, 0, height/cellSize));

yCellOver = constrain(yCellOver, 0, height/cellSize-1);

// Check against cells in buffer

if (cellsBuffer[xCellOver][yCellOver]==1) { // Cell is alive

cells[xCellOver][yCellOver]=0; // Kill

fill(dead); // Fill with kill color

}

else { // Cell is dead

cells[xCellOver][yCellOver]=1; // Make alive

fill(alive); // Fill alive color

}

else if (pause && !mousePressed) { // And then save to buffer once mouse goes up

// Save cells to buffer (so we opeate with one array keeping the other intact)

for (int x=0; x<width/cellSize; x++) {

for (int y=0; y<height/cellSize; y++) {

cellsBuffer[x][y] = cells[x][y];

}

void iteration() { // When the clock ticks

// Save cells to buffer (so we opeate with one array keeping the other intact)

for (int x=0; x<width/cellSize; x++) {

for (int y=0; y<height/cellSize; y++) {

cellsBuffer[x][y] = cells[x][y];

}

// Visit each cell:

for (int x=0; x<width/cellSize; x++) {

for (int y=0; y<height/cellSize; y++) {

// And visit all the neighbours of each cell

int neighbours = 0; // We'll count the neighbours

for (int xx=x-1; xx<=x+1;xx++) {

for (int yy=y-1; yy<=y+1;yy++) {

if (((xx>=0)&&(xx<width/cellSize))&&((yy>=0)&&(yy<height/cellSize))) { // Make sure you are not out of bounds

if (!((xx==x)&&(yy==y))) { // Make sure to to check against self

if (cellsBuffer[xx][yy]==1){

neighbours ++; // Check alive neighbours and count them

}

} // End of if

} // End of yy loop

} //End of xx loop

// We've checked the neigbours: apply rules!

if (cellsBuffer[x][y]==1) { // The cell is alive: kill it if necessary

if (neighbours < 2 || neighbours > 3) {

cells[x][y] = 0; // Die unless it has 2 or 3 neighbours

}

else { // The cell is dead: make it live if necessary

if (neighbours == 3 ) {

cells[x][y] = 1; // Only if it has 3 neighbours

}

} // End of if

} // End of y loop

} // End of x loop

} // End of function

void keyPressed() {

if (key=='r' || key == 'R') {

// Restart: reinitialization of cells

for (int x=0; x<width/cellSize; x++) {

for (int y=0; y<height/cellSize; y++) {

float state = random (100);

if (state > probabilityOfAliveAtStart) {

state = 0;

}

else {

state = 1;

}

cells[x][y] = int(state); // Save state of each cell

}

if (key==' ') { // On/off of pause

pause = !pause;

}

if (key=='c' || key == 'C') { // Clear all

for (int x=0; x<width/cellSize; x++) {

for (int y=0; y<height/cellSize; y++) {

cells[x][y] = 0; // Save all to zero

}

使用说明：

按空格键暂停，并可以用鼠标点击格子来激活/取消激活某个格点，再按空格继续。

按R键重置并随机生成一些格点。

按C清空所有格点。

请查看全文看在线展示。

Arduino Processing

Genuino 101驱动安装和测试

By taho 2016年12月22日Arduino, Processing

一、安装：对于 Genuino 101（在美国叫做 Arduino 101），…

Android Arduino CSS2/3 HTML/HTML5 Mathematica Matlab OpenCV Processing Python VC++ 云计算人工智能创客建站技术数学机器学习机器视觉极客地带树莓派物理学物联网理论物理电脑技术神经网络而立计算物理评论与感悟读书转载和摘抄随笔飞行

感悟：知乎上这几个答案震惊到我了

By taho 2016年10月5日Android, Arduino, CSS2/3, HTML/HTML5, Mathematica, Matlab, OpenCV, Processing, Python, VC++, 云计算, 人工智能, 创客, 建站, 技术, 数学, 机器学习, 机器视觉, 极客地带, 树莓派, 物理学, 物联网, 理论物理, 电脑技术, 神经网络, 而立, 计算物理, 评论与感悟, 读书, 转载和摘抄, 随笔, 飞行

知乎上有个问题：物理专业自学计算机应该学些什么？题目大概是说他物理本科大四了，…

Processing 音乐

Processing：音乐舞动效果

By taho 2014年6月27日Processing, 音乐

在广场的大屏幕上看到了随韵律跳动的闪烁图谱，就想知道用Processing该怎样编出来这样的效果呢？于是就出现了下面的拙劣产品。

优点：有点效果了；

缺点：不能随韵律跳动，也没有节奏，需要改进。

源代码：

void setup() {
   size(600, 600);
   smooth();
   background(0);
   colorMode(RGB,255);
   noFill();
 }

 void draw() {
   for(int d=0;d<80;d+=10)
  {
     for(int x=50;x<640;x+=100)
     {
       for(int y=50;y<640;y+=100)
       {
         stroke(random(255),random(255),random(255));
         strokeWeight(4);
         rectMode(CENTER);
         //fill(random(255),random(255),random(255),50);
         rect(x,y,d,d);
       }
     }
   }
 }

void setup() {

size(600, 600);

smooth();

background(0);

colorMode(RGB,255);

noFill();

}

void draw() {

for(int d=0;d<80;d+=10)

{

for(int x=50;x<640;x+=100)

{

for(int y=50;y<640;y+=100)

{

stroke(random(255),random(255),random(255));

strokeWeight(4);

rectMode(CENTER);

//fill(random(255),random(255),random(255),50);

rect(x,y,d,d);

}

效果：

OpenCV Processing

OpenCV for Processing 例子：Blob

By taho 2013年10月29日OpenCV, Processing

代码：（代码转载自：http://ubaa.net/shared/process…

Processing 视频

视频：两个关于 Processing 编程语言的视频

By taho 2013年9月24日Processing, 视频

1.Processing 的祖父 John Maeda 在TED的演讲他工作于…

Arduino Processing

学习：Arduino和Processing语言的几处不同点

By taho 2013年8月4日Arduino, Processing

内容来自于：http://arduino.cc/en/Reference/Com…

Arduino Processing

学习Arduino：用Arduino控制Procssing中的图形

By taho 2013年7月25日Arduino, Processing

首先看看Processing是如何获取Arduino的信息的。 Arduino从…

OpenCV Processing

编程：Processing 和 Java 中的 OpenCV 库

By taho 2013年7月19日OpenCV, Processing

我们可以在 http://ubaa.net/shared/processing/…

Processing 备查条目

学习：Processing学习笔记

By taho 2013年6月24日Processing, 备查条目

这段时间初步学习了一下Processing编程，现在贴上所学的部分结果，以备查用。

[slideshow_deploy id=’7866′]

下面贴上一个好玩的~

Processing

Processing编程：调用video库播放视频的一个心得

By taho 2013年6月20日Processing

Processing可以播放视频，对视频进行简单处理，生成视频等等。可是自己编的程序却一直都打不开视频，而运行例子却很正常。我使用的是 processing-2.0b9-windows32 版本，是在学习《Processing互动编程艺术》的第9.1节时遇到这个问题的。本以为是编码的问题，但是把例子中自带的“transit.mov”视频拿来用还是打不开。真是百思不得其解。因为是在初学，完全是照着例子写的，检查多次都没有错。于是在processing.org上去找原因。

最后才发现是少了视频不间断读取这一块：

[cc lang=”java”]
// Called every time a new frame is available to read
void movieEvent(Movie m) {
m.read();
}
[/cc]
加上之后就成功运行了。

既然是要说心得，现在说说找的时候学到了什么。我首先找到了 Video library （视频库）（地址：http://processing.org/reference/libraries/video/index.html）。查看库的说明后发现，需要安装Quicktime才行。原文说“For the Processing Video library to work, it is necessary to have QuickTime installed on your computer. Download and install QuickTime (or iTunes, which includes QuickTime). Other solutions such as QuickTime Alternative or QT Lite will not work and should be avoided.”（原文地址：http://wiki.processing.org/w/Video_Issues）。但是奇怪的是，没有安装Quicktime的我，程序自带的例子是可以运行的啊。我想肯定是我的电脑安装了QQ影音，估计里面包含了解码程序，所以我就不用再安装 QuickTime 了。一般就是这一，只要系统中安装了解码程序就可以解码视频了。说需要安装 QuickTime，其实也就是说要安装 *.mov 的解码程序罢了。既然可以运行，于是就仔细看例子。

Processing WordPress

WordPress技术+编程：在WordPress中怎样插入Processing程序并能实时运行？使用插件！(附用法)

By taho 2013年6月13日Processing, WordPress

我们可以使用插件很方便的插入Processing程序。

下面的这几个插件名字很像。第一个是Processing.js（插件目录中其名字为processing-js）、第二个是Processing JS（两个词之间有空格）（插件目录中其名字为processingjs（之间无空格））、第三个是Processing-js-Easy（插件目录中其名字为processing-js-easy），注意区别。

Processing.js（Processing-js）

下载地址：http://wordpress.org/plugins/processing-js/

安装方法：把 “processing-js/”上传到 “ /wp-content/plugins/” 目录。在后台激活即可。

使用方法：待整理。

Processing JS 插件

插件下载地址：http://wordpress.org/plugins/processingjs/

安装方法：下载解压后放到 /wp-content/plugins/ 中，然后在后台激活即可使用。

使用方法：激活后，在HTML模式下的编辑器上将多出一个“processing”按钮，如下图所示。点击它之后将在文章中插入一个简单的Processing程序代码，你可以用它当模版修改，或者直接贴上自己的代码即可。

还可以在这里找到更多的例子（附带代码）和用法：Processing JS Demos

Processing JS官网：http://processingjs.org/

举例：

Processing

编程：编写Processing程序时遇到“processing.app.SketchException:unexprcted char:””的解决办法

By taho 2013年6月13日Processing

错误详情在编Processing程序的时候，有时候会出现这种错误：我是什么时…

创客摄影飞行

编程+游戏：将Kinect与Processing结合进行编程

电脑技术：Getting Started with Kinect and Processing[转载]

Getting Started with Kinect and Processing

Kinect and Processing

电脑技术+建模+艺术：一个很牛的沉浸式交互网站——踏得网

Processing实现GameofLife

Genuino 101驱动安装和测试

感悟：知乎上这几个答案震惊到我了

Processing：音乐舞动效果

OpenCV for Processing 例子：Blob

视频：两个关于 Processing 编程语言的视频

学习：Arduino和Processing语言的几处不同点

学习Arduino：用Arduino控制Procssing中的图形

编程：Processing 和 Java 中的 OpenCV 库

学习：Processing学习笔记

Processing编程：调用video库播放视频的一个心得

WordPress技术+编程：在WordPress中怎样插入Processing程序并能实时运行？使用插件！(附用法)

Processing.js（Processing-js）

Processing JS 插件

编程：编写Processing程序时遇到“processing.app.SketchException:unexprcted char:””的解决办法

极客+摄影：视场角FOV的原理及应用[转载]

飞行：一款4摄像头纯视觉定位建模无人机开源案例

飞行+穿越机：穿越机PID调整心得

穿越机：这个博主的视频拍的真好，顺便参考一下他的GoPro色彩设置