Processing.js

未知
JavaScript
跨平台
2009-09-14
JavaGG

Processing.js是一个开放的编程语言,在不使用Flash或Java小程序的前提下, 可以实现程序图像、动画和互动的应用。

Processing.js使用JavaScript绘制形状sharp和操作HTML5 canvas元素产生图像动画。

Processing.js是轻量,易于了解掌握,并提出一个理想的工具,可视化的数据,创建用户界面和开发基于Web的游戏。

Processing.js可以运行在FireFox, Safari, Opera, Chrome(因为支持HTML5 canvas),将也会工作Internet Explorer(通过ExplorerCanvas(http://excanvas.sourceforge.net/)).


Processing 语法非常类似Java,主要有setup() draw() exit() mouseMoved()/mousePressed()几个函数。

// Global variables 全局变量
int radius = 50.0;
int X, Y;
int nX, nY;
int delay = 16;

// Setup the Processing Canvas初始化设置
void setup(){
  size( 200, 200 );
  strokeWeight( 10 );
  frameRate( 15 );
  X = width / 2;
  Y = width / 2;
  nX = X;
  nY = Y;  
}

// Main draw loop 主要绘画函数功能
void draw(){
  
  radius = radius + sin( frameCount / 4 );
  
  // Track circle to new destination
  X+=(nX-X)/delay;
  Y+=(nY-Y)/delay;
  
  // Fill canvas grey
  background( 100 );
  
  // Set fill-color to blue
  fill( 0, 121, 184 );
  
  // Set stroke-color white
  stroke(255); 
  
  // Draw circle
  ellipse( X, Y, radius, radius );                  
}


// Set circle's next destination 当用户鼠标在 Canvas移动时产生的action
void mouseMoved(){
  nX = mouseX;
  nY = mouseY;  
}


Processing.js网站:
http://processingjs.org/

案例源码下载:http://processingjs.org/source/basic-example/processingjs_basic-example.zip

加载中

评论(1)

夹心面包
求安装包 #Processing.js#

暂无资讯

4
回答
processing.js 1.3.6 API CHM 文档

processing.js 1.3.6 API CHM 文档 下载地址: http://dl.dbank.com/c02mi20txi

2012/07/27 16:38

没有更多内容

加载失败,请刷新页面

没有更多内容

常见媒体类型列表

**1 Type application** For Multipurpose files: (1)application/atom+xml: Atom feeds (2)application/ecmascript: ECMAScript/JavaScript; Defined in RFC 4329 (equivalent to applicati...

2013/09/05 11:10
48
0
DataTables_修改语言为中文及DOM介绍

效果图片 Data Tables: http://datatables.net/ Version: 1.10.0 Dom说明 定义表格控件在页面的显示顺序。 每个控件元素在数据表都有一个关联的单个字母。 l - 每页显示行数的控件 f - 检索条...

2015/05/02 19:46
5.5K
0
Learn JavaScript with p5.js 免积分下载

图书说明: 使用编程库p5.js中非常流行的JavaScript,以高度引人入胜的方式从头开始学习编码。您将从本书中获得的技能可以高度转移到无数的行业,并可用于构建Web应用程序,可编程机器人或生...

01/06 11:56
12
0
cocos2dx中js绑定的回调

上一篇,写了个CCPomelo导出到js,一直研究怎么写回调,研究了半天也没找到哪里可以自动生成代码了,看了半天源码,只好手动添加代码,在自动生成的 中修改 CCPomelo增加几个成员 class CCPo...

2013/06/20 13:03
4K
0
Objc与JS间相互调用

过去3、4年都在进行跨平台的混合应用开发,但一直没有系统梳理跨平台技术的底层原理,趁新工作未正式入职,这里整理一下。 跨平台的一种实现是基于webview。所谓webview,实质是在原生app中打...

2015/06/26 10:21
1K
0
Live Writer第一步

看看格式如何 Asynchronous JavaScript Technology and XML (Ajax) With the Java Platform By Greg Murray, June 9, 2005; updated October 2006 Anyone who has used Flickr, GMail, Googl...

2012/07/02 12:15
13
0
uploadify 多文件上传例子

[html] view plain copy print ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www....

2013/06/07 17:33
155
0
trimpath javascript的学习

trimpath javascript trimpath demo TrimPath是javascript模板引擎。 这几天有一个项目涉及到trimpath这个框架,所以就花了一点时间研究了一下,这个框架和别的javascript框架不太一样的地方...

2013/09/09 09:30
66
0
利用Javascript和XSLT将XML转换为HTML(兼容IE和Firefox)

<script type="text/javascript"> var xml; var xsl; var xmlPath = "test.xml"; var xslPath = "test.xsl"; if(document.implementation && document.implementation.createDocument) { //a...

2011/05/31 17:10
262
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部