Processing.js 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Processing.js 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Processing.js 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 未知
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 JavaGG
适用人群 未知
收录时间 2009-09-14

软件简介

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) 发布并加入讨论🔥
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
1 评论
36 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部