无需Flash Java的网页动画游戏编程语言

09-08-17 banq
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;  
}
<p>

Processing.js网站:

http://processingjs.org/

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

[该贴被admin于2009-08-19 10:10修改过]

         

colingo
2009-08-18 21:28
试了一下,挺有意思的。

多谢推荐!!!

cats_tiger
2009-08-21 12:28
很久不来了,不知道能不能发言了。

banq兴趣变了呀,开始关注js了,看来java真得没有什么新鲜东西了。记得N年前banq好像说过ajax是可笑的倒退,每个人都应该与时俱进呀。偶尔来jdon看看,每次都有收获,老大渊博之极,真是令人敬仰。下载jdonframework看了看,比以前好了很多,可惜现在俺的注意力转向php和ror了,估计没有机会用了,可惜!。

[该贴被cats_tiger于2009-08-21 12:31修改过]

banq
2009-08-21 13:48
多谢,欢迎老朋友常来坐坐,忠言逆耳,才能鞭策Jdon不断进步。

JS关系到RIA技术架构的发展,现在微软和SUN都出了RIA,google押宝在浏览器上,所以,客户端架构选择选型以及未来走向变得很重要了。

架构是跨语言的,所以,不管你是否还在搞Java,架构语言是相通的。多多发言。

猜你喜欢
2Go 1 2 下一页