《HTML5完美游戏开发》——2.5 Processing.js

2.5 Processing.js

Processing语言诞生于2004年左右,现在已经成长为一个非常强大的工具,而Processing.js才刚刚起步。Processing和Processing.js还是有一些差别的。Processing拥有超过100个库,很大程度上扩展了它的功能,同时成为了它的魅力所在。这些类库包括了从物理模拟到摄像头技术和人脸识别过程中的所有内容。JavaScript版的Processing远不及原版的一点是它无法导入和使用这些类库。基本上,只能使用Processing的基本功能。但有消息称,现在有人正在试图把这些类库导入到JavaScript版的Processing中去,集成更多的功能。

另外,Processing.js的性能也不是很好。在原版的Processing中,及时绘制上千个对象,在舞台上同时显示,也不会影响帧频。但是在JavaScript版中,效果明显差很多。这很大程度上是受到HTML5 canvas渲染能力的限制所制。但是每个浏览器都在更新,我们可以看到canvas的渲染速度正在在逐步提升。

2.5.1 Processing.js如何工作
尽管Processing.js可以看做是Processing的轻量级版本,但在Web中运行时,依旧不支持有些功能。从使用者的角度来看,Processing.js的工作原理非常简单。要做的就是像在Processing里一样编写代码,然后在转换为Web项目时,依据简单的说明,把项目绑定到canvas上就好了。Processing.js的工作只是简单的转化代码,然后应用到HTML5 canvas标签上。这让程序员的生活简单起来,因为不用再去学一门新技术了,只需按自己所知道的去做,然后将Processing sketch扩展到Web中去。

需要注意的是,在Processing中,sketch就是代码编译后产生的视图。

2.5.2 如何使用Processing.js
Processing.js对于初学编程的人来说非常好。因为它主要用来创建一些视觉效果,初学者在学习和理解编程概念时会比较直观,甚至不用下载任何软件就可以开始编码了。查看本章的“资源分享”一节,可以找到一些在线编辑器。它们让编写Processing.js代码编程一种享受。

对于希望在网站上加入一些交互或动态元素的设计人员来说,Processing.js同样是很有帮助的。

游戏开发者是另外一个Processing.js需求群体,可以用它简化图形和视觉效果的创建过程,以享用强大的灵活性。如果想知道Processing.js是否比JavaScript和canvas API要直观,你可以亲自对比体验一下。

简而言之,Processing让编程变的简单。对于没有编程基础的人们来说,它是一个简单好用但又非常强大的工具。它还专业程序员们带来了大量专注于视觉编程的类库,来实现无限的创意。

2.5.3 Processing.js的优缺点
Processing和openFrameworks是创意编码软件公司中最主要的两个。不过openFrameworks是基于C++,而Procesing是基于Java的。这也是它们最主要的不同。他们在功能和作用上非常相似 ,就像可口可乐和百事可乐一样。相比其他现有的创意编码软件(如Cinder、VVVV和nodeBox),Processing和openFrameworks是最流行的了。

关于JavaScript版的Processing,下面简单列举它的一些优缺点。

优点主要体现在以下几个方面。

  • 拥有出色的图像库。
  • 无需有JavaScript基础。
  • 强大的论坛和社区。
  • 跨浏览器的兼容性。
  • 可单独编写,也可嵌入到JavaScript代码中。
  • 完全免费。

缺点主要体现在以下几个方面。

  • 有限的功能(缺少一些核心类库,比如视频和音频支持)。
  • 只能调用游戏的Processing类库。
  • 调试困难。
  • 远不及原版的Processing。

2.5.4 是否适合开发游戏
一个字:是。

某些特定类型的游戏非常适合用Processing.js开发,比如像A到B这样的益智游戏,不需要有多么精美的画面,非常适合用Processing.js。这类游戏的舞台中渲染的对象很少,canvas完全可以胜任。而像足球或多人射击游戏最好是用更加成熟的引擎(如Unity)来开发。这些引擎的图像渲染能力非常强大,可以同时处理大量的对象。Unity本身就是一个游戏引擎,内置了很多游戏相关的功能,免于编码。

我相信,大多时候是漂亮的游戏画面把玩家吸引到游戏中来,而真正让玩家继续玩下去的是游戏的可玩性。如果按照这个准则进行开发,那么Processing.js可以是完美的解决方案——不仅仅只是构建游戏原型,还可以创建一个完整的游戏。

时间: 2024-10-30 16:45:00

《HTML5完美游戏开发》——2.5 Processing.js的相关文章

《HTML5完美游戏开发》——第2章 化繁为简2.1 自我介绍

第2章 化繁为简 本章我们来学习游戏设计,看一下如何设计一个简单有趣的游戏.以游戏"A到B"为例,本章重点讲一些游戏设计中的基本理论,另外还会讨论到JavaScript类库Processing.js在游戏"A到B"中的应用,以及这个类库在游戏开发中的优缺点. 我们将深入了解下面的内容. 游戏设计基础. 开发流程. Processing.js类库. 如何在HTML5游戏中应用Processing.js类库.译者注 "A到B游戏"是一种游戏类型,即通

《HTML5完美游戏开发》——2.2 A到B游戏

2.2 A到B游戏 我的第一个HTML5游戏,是一个叫做"A到B"的益智游戏.顾名思义,游戏的目标就是把小球从A点移动到B点(如图2-1所示).在游戏开始之前,玩家看到的是一个古老的计分板,很像古老的街机游戏.游戏背景是一个空旷的二维空间.每一个关开始时,小球都放置在指定的A点,静止不动.B点为目标点,屏幕底部还有一些小道具. 玩家点击"Go"按钮后,小球发射(每次的速度和方向都不相同),然后受到重力的作用向下掉.如果小球击中点B,玩家得分并进入下一关.如果小球移出

《HTML5完美游戏开发》——导读

前言 用 HTML 5 开发的游戏是一场新的"游戏革命",用它开发的的游戏.互动广告以及富媒体应用,可以在各种设备(如智能手机.平板电脑及台式电脑)的Web浏览器中运行,而在这以前,终端用户只能通过下载安装第三方插件(最著名的是Flash)来实现这些功能.HTML 5的出现让我们可以创建跨平台的Web应用. 本书的作者都是real-wold game开发者,他们将与我们一起分享专业的开发经验与技巧. 前言 第1章 Open Web Game王国 1.1 Open Web Game简介1

《HTML5完美游戏开发》——第1章 Open Web Game王国

第1章 Open Web Game王国 本章将介绍通过HTML5和JavaScript等技术开发Open Web Game的理念,包括这些技术带来的一些新特性,如GamePad API可以摆脱键盘和鼠标输入.在本章结束部分,介绍了如何发布游戏,以及如何让游戏给你带来盈利.另外,本章还列举了一些在Web发展成为游戏开发平台可行性方案的过程中,必定要发生的几个事件. 1.1 Open Web Game简介 我叫Rob Hawkes,是一个串行实验者(serial experimenter),专注于J

《HTML5完美游戏开发》——2.4 A到B游戏何以成功

2.4 A到B游戏何以成功 不管你是否有兴趣,我都要说一下,这个简单的.只是在两个点之间移动小球的游戏成功的原因.这归功于大量的游戏开发相关的理论知识.首先,最重要的是Jesse Schell的<游戏设计艺术(Art of game design)>(Morgan Kaufmann出版社出版,2008)这本书非常好的将游戏设计分成多个步骤,从游戏灵感到具体的开发,所有内容通过列表的形式描述的淋漓尽致,简单易懂.在这本书中,作者强调了规则是游戏的基础,所以大家要注重去关注这部分.对我而言,这是本

《HTML5完美游戏开发》——2.3 简化原则

2.3 简化原则 通过A到B游戏,我在制作简单的小游戏上积累了很多非常珍贵的经验. 1.专注游戏核心规则保持A到B游戏规则简单明了,让玩家可以直接进入游戏.当然并不是所有的游戏都要这么做,但这是一个非常值得学习的技巧,因为游戏规则决定游戏成败.A到B游戏没有什么背景故事,也没有其他辅助的介绍.游戏的标题就直接说明了整个游戏的玩法.尽管缺少实际内容和深入的介绍,但是,游戏依然很好玩,非常受欢迎.作为一个设计者,我不担心游戏的玩法.游戏的主题很明确,玩家的目标也很明确:利用小工具,把小球移动到B点.

《HTML5完美游戏开发》——2.7 小结

2.7 小结 现在你已经见识了Processing的强大,体会到了它的方便快捷.但是,游戏对图形和技术的要求越来越高,一个好的游戏必须坚守一个准则--用古语讲:"最简单的往往是最好的".这句话来形容Web游戏再合适不过了.因为玩家的耐心总是有限的,所以在用户体验上多下点工夫是值得的.

火舞游戏首届HTML5移动游戏开发大赛

2014年11月8日,由火舞游戏主办的首届HTML5移动游戏开发大赛在北京正式拉开帷幕.本次大赛基于HTML5标准,旨在推广普及未来HTML5核心技术;同时也希望能够给有实力的开发者提供一个良好的平台.本次大赛火舞游戏出资50余万元用于大赛奖项,其中包括6万元的特等奖以及其他重头奖项:同时,大赛组委会聘请了众多业内资深人士及广大玩家共同担任评委,力争做到公平.公正.届时,移动游戏相关行业的各路精英将汇聚于此,共同见证游戏行业未来之星的诞生.提及HTML5,早在2007年,W3C(万维网联盟)就立

《HTML5 Canvas游戏开发实战》——导读

前言 为什么要写这本书 并非计算机专业的我,却最终走上了编程之路,并写了这样一本书,为什么呢?其实一切都是因为和游戏结了缘. 小时候我非常喜欢玩游戏,为了玩游戏和小伙伴们干过不少调皮捣蛋的事情.初中为了得到自己的第一台游戏机,和父亲打赌,破天荒拿了全班第一名.当然有了游戏机的相伴,从那以后就再也没有拿过第一名了.因为数学上较有优势,所以读大学时选择的是数学专业,没有选读计算机让后来做开发的我多少感到有些遗憾.和其他人一样,大学是真正改变我人生的时期,第一次有了电脑,第一次从室友嘴里得知QQ为何物