起源

帮助非CS学生编写程序,例如:设计师,文科类专业

应用

在Arduino和Kinect的互动编程中会用到

环境

官方的安装包 基于Java环境

p5.js (实验版本,alpha阶段) 在线体验 JS语法

Processing.py Python环境

Processing for Android 安卓环境

介绍

https://www.ibm.com/developerworks/cn/opensource/os-datavis/

http://blog.csdn.net/mysunnytime/article/details/16104723

官方入门指南

一个Demo

function setup() { 

  createCanvas(400, 400);
	
} 
var x = 0;
function draw() { 
	
	background(0,220,0);
	line(10,20,50,98);
	rect(25,25,50,50);
	ellipse(x,50,10,10);
	translate(x,45);
	rect(0,0,10,10);
	x++;
}

p5.js 可以在react项目中使用 https://github.com/toolness/p5.js-widget/wiki/A-React-Tutorial-for-p5-Programmers

<!DOCTYPE html>
<meta charset="utf-8">
<title>React Sketch</title>
<div id="sketch"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script><--! 加入babel可以运行在浏览器 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js"></script>
<script src="react-sketch.js"></script><--! 引入 -->