一、Spring Spring是一个解决了许多在J2EE开发中常见的问题的强大框架。 Spring提供了管理业务对象的一致方法并且鼓励了注入对接口编程而不是对类编程的良好习惯。Spring的架构基础是基于使用JavaBean属性的Inversion of Control容器。然而，这仅仅是完整图景中的一部分：Spring在使用IoC容器作为构建完关注所有架构层的完整解决方案方面是独一无二的。 Spring提供了唯一的数据访问抽象，包括简单和有效率的JDBC框架，极大的改进了效率并且减少了可能的错误。Spring的数据访问架构还集成了Hibernate和其他O/R mapping解决方案。Spring还提供了唯一的事务管理抽象，它能够在各种底层事务管理技术，例如JTA或者JDBC事务提供一个一致的编程模型。Spring提供了一个用标准Java语言编写的AOP框架，它给POJOs提供了声明式的事务管理和其他企业事务--如果你需要--还能实现你自己的aspects。这个框架足够强大，使得应用程序能够抛开EJB的复杂性，同时享受着和传统EJB相关的关键服务。Spring还提供了可以和IoC容器集成的强大而灵活的MVC Web框架。 二、STRUCTS Struts是一个基于Sun J2EE平台的MVC框架，主要是采用Servlet和JSP技术来实现的。由于Struts能充分满足应用开发的需求，简单易用，敏捷迅速，在过去的一年中颇受关注。Struts把Servlet、JSP、自定义标签和信息资源(message resources)整合到一个统一的框架中，开发人员利用其进行开发时不用再自己编码实现全套MVC模式，极大的节省了时间，所以说Struts是一个非常不错的应用框架。 三、Hibernate Hibernate是一个开放源代码的对象关系映射框架，它对JDBC进行了非常轻量级的对象封装，使得Java程序员可以随心所欲的使用对象编程思维来操纵数据库。 Hibernate可以应用在任何使用JDBC的场合，既可以在Java的客户端程序实用，也可以在Servlet/JSP的Web应用中使用，最具革命意义的是，Hibernate可以在应用EJB的J2EE架构中取代CMP，完成数据持久化的重任。，
View DetailsWebSphere 是 IBM 的软件平台。它包含了编写、运行和监视全天候的工业强度的随需应变 Web 应用程序和跨平台、跨产品解决方案所需要的整个中间件基础设施，如服务器、服务和工具。WebSphere 提供了可靠、灵活和健壮的软件。 WebSphere Application Server 是该设施的基础，其他所有产品都在它之上运行。WebSphere Process Server 基于 WebSphere Application Server 和 WebSphere Enterprise Service Bus，它为面向服务的体系结构 (SOA) 的模块化应用程序提供了基础，并支持应用业务规则，以驱动支持业务流程的应用程序。高性能环境还使用 WebSphere Extended Deployment 作为其基础设施的一部分。其他 WebSphere 产品提供了广泛的其他服务，如下所述。 webSphere WebSphere 是一个模块化的平台，基于业界支持的开放标准。您可以使用受信任和持久的接口，将现有资产插入 WebSphere，并且可以随着需要的增长继续扩展您的环境。WebSphere 可以在许多平台上运行，包括 Intel、Linux 和 z/OS。 WebSphere 是随需应变的电子商务时代的最主要的软件平台。它使您的公司可以开发、部署和整合新一代的电子商务应用，如B2B电子商务，并支持从简单的网页内容发布到企业级事务处理的商业应用。WebSphere 改变了业务管理者，合作伙伴和雇员之间的关系，例如您可以用它做如下工作： 创建高效的电子商务站点提高了网上交易的质量和数量。 把应用扩展到联合的移动设备上使销售人员可以为客户提供更方便、更快捷的服务。 整合已有的应用并提供自动简捷的业务流程。
View DetailsWebLogic是美国Oracle公司出品的一个application server确切的说是一个基于JAVAEE架构的中间件，BEA WebLogic是用于开发、集成、部署和管理大型分布式Web应用、网络应用和数据库应用的Java应用服务器。将Java的动态功能和Java Enterprise标准的安全性引入大型网络应用的开发、集成、部署和管理之中。 WebLogic是美商Oracle的主要产品之一，系并购得来。是商业市场上主要的Java（J2EE）应用服务器软件（application server）之一，是世界上第一个成功商业化的J2EE应用服务器, 已推出到12c(12.1.1) 版。而此产品也延伸出WebLogic Portal, WebLogic Integration等企业用的中间件（但当下Oracle主要以Fusion Middleware融合中间件来取代这些WebLogic Server之外的企业包），以及OEPE(Oracle Enterprise Pack for Eclipse)开发工具。 WebLogic最早由 WebLogic Inc. 开发，后并入BEA 公司，最终BEA公司又并入 Oracle公司。 webserver是用来构建网站的必要软件。可用来解析、发布网页等功能，它是用纯java开发的。weblogic本来不是由bea发明的，是它从别人手中买过来，然后再加工扩展。BEA已经被Oracle收购，目前Weblogic最新版本为Oracle Weblogic Server 12c(12.1.1)。其他J2EE Application Server还有IBM的websphere、Sun(Sun公司已经被ORACLE公司收购)的Glassfish、resin等。Apache Tomcat也是常用的Servlet/JSP Container。 国内厂商生产的还有像中创软件的Loong AS 9.0(达四级等保,全面支持国产)、东方通的Tongweb、金蝶Apusic应用服务器等。 BEA WebLogic Server拥有处理关键Web应用系统问题所需的性能、可扩展性和高可用性。 与BEA WebLogic Commerce ServerTM配合使用，BEA WebLogic Server可为部署适应性个性化电子商务应用系统提供完善的解决方案。 WebLogic长期以来一直被认为是市场上最好的J2EE工具之一。像数据库或邮件服务器一样，WebLogic Server 对于客户是不可见的，为连接在它上面的客户提供服务。WebLogic 最常用的使用方式是为在internet 或intranet 上的Web 服务提供安全、数据驱动的应用程序。WebLogic对J2EE 架构的支持：WebLogic Server 提供了对SUN J2EE 架构的支持。SUN公司的J2EE 架构是为企业级提供的一种支持分布式应用的整体框架。为集成后端系统，如ERP系统，CRM系统，以及为实现企业级计算提供了一个简易的，开放的标准。
View DetailsJBoss是全世界开发者共同努力的成果，一个基于J2EE的开放源代码的应用服务器。 因为JBoss代码遵循LGPL许可，可以在任何商业应用中免费使用它，而不用支付费用。2006年，Jboss公司被Redhat公司收购。JBoss是一个管理EJB的容器和服务器，支持EJB 1.1、EJB 2.0和EJB3.0的规范。但JBoss核心服务不包括支持servlet/JSP的WEB容器，一般与Tomcat或Jetty绑定使用。 优点 1、JBoss是免费的，开放源代码J2EE的实现，通过LGPL许可证进行发布。但同时也有闭源的，开源和闭源流入流出的不是同一途径。 2、JBoss需要的内存和硬盘空间比较小。 3、安装便捷：解压后，只需配置一些环境变量即可。 4、JBoss支持"热部署"，部署BEAN时，只拷贝BEAN的JAR文件到部署路径下即可自动加载它；如果有改动，也会自动更新。 5、JBoss与Web服务器在同一个Java虚拟机中运行 JBoss运行后后台管理界面 ，Servlet调用EJB不经过网络，从而大大提高运行效率，提升安全性能。 6、用户可以直接实施J2EE-EAR，而不是以前分别实施EJB-JAR和Web-WAR，非常方便。 7、Jboss支持集群。 发展 概述 在J2EE应用服务器领域，JBoss是发展最为迅速的应用服务器。由于JBoss遵循商业友好的LGPL授权分发，并且由开源社区开发，这使得JBoss广为流行。 另外，JBoss应用服务器还具有许多优秀的特质。 其一，它将具有革命性的JMX微内核服务作为其总线结构； 其二，它本身就是面向服务的架构（Service-Oriented Architecture，SOA）； 其三，它还具有统一的类装载器，从而能够实现应用的热部署和热卸载能力。 因此，它是高度模块化的和松耦合的。JBoss用户的积极反馈告诉我们，JBoss应用服务器是健壮的、高质量的，而且还具有良好的性能。 为满足企业级市场日益增长的需求，JBoss公司从2003年开始就推出了24*7、专业级产品支持服务。同时，为拓展JBoss的企业级市场，JBoss公司还签订了许多渠道合作伙伴。比如，JBoss公司同HP、Novell、Computer Associates、Unisys等都是合作伙伴。 主流 在2004年 6月，JBoss公司宣布，JBoss应用服务器通过了Sun公司的J2EE认证。这是JBoss应用服务器发展史上至今为止最重要的里程碑。与此同时， JBoss一直在紧跟最新的J2EE规范，而且在某些技术领域引领J2EE规范的开发。因此，无论在商业领域，还是在开源社区，JBoss成为了第一个通过J2EE 1.4认证的主流应用服务器。JBoss应用服务器已经真正发展成具有企业强度（即，支持关键级任务的应用）的应用服务器。 JBoss 4.0作为J2EE认证的重要成果之一， 基于JBOSS的J2EE开发 已经于2004年9月顺利发布了。同时，JBoss 4.0还提供了JBossAOP（Aspect-Oriented Programming，面向方面编程）组件。AOP吸引了大量开发者的关注。它提供的新的编程模式使得用户能够将方面（比如，事务）从底层业务逻辑中分离出来，从而能够缩短软件开发周期。用户能够单独使用JBoss AOP，即能够在JBoss应用服务器外部使用它。或者，用户也可以在应用服务器环境中使用它。JBoss AOP 1.0已经在2004年10月发布了。 展望下一代JBoss应用服务器，其重点关注的是EJB 3.0。当前，J2EE 1.4规范使用了EJB 2.1。其中，EJB 3.0的主要目标是简化EJB模型，即用户能够更容易开发EJB组件，并且能够在EJB容器外部测试EJB组件。EJB 3.0规范草案已经于2004年6月推出。JBoss公司一直在积极参与EJB 3.0规范的制定，并且在为EJB规范的发展贡献自己的力量。其中，Gavin King（Hibernate[1]的创立者）和Bill Burke（JBoss公司的首席架构师）已经为EJB 3.0规范草案贡献了很多内容。 JBoss公司于2004年10月初发布了基于JBoss应用服务器实现的EJB 3.0预览版。尽管EJB 3.0规范草案还处于初期发展和评审阶段，但这为J2EE社区测试EJB 3.0、并提供反馈信息提供了很好的机会。这也证实了JBoss是一家创新型公司。JBoss一直在引领技术规范的发展。 Hibernate已经成为了事实上的持久化引擎。JBoss公司致力于将自身发展成为开源项目的社区，比如招募Gavin King和许多Hibernate开发者。其中，最新版的JBoss应用服务器已经将Hibernate集成为JMX MBean服务。这使得用户能够在应用服务器环境中直接使用Hibernate，而不管它是否处于J2EE上下文中。 从2003年开始，JBoss启动了JBossCache项目。JBossCache是基于内存的、可复制的、事务性的缓存系统，并且具有持久化状态存储管理能力。它受到极大的关注。用户能够在JBoss应用服务器或其他应用服务器中，或单独使用JBossCache。同时，它提供的基于JBossAOP的AOP模块能够在可复制环境中实现细粒度、域级别复制，而且能够透明地管理复杂对象。在最新版的JBoss应用服务器中，用户能够直接通过JMX MBean服务访问到JBossCache提供的服务。 JBoss应用服务器5.0于2008年12月6日正式发布，新版应用服务器的模块化更强，可配置性更高。JBoss应用服务器5.0最终版完全兼容Java EE 5.0规范，具有一个微型内核和容器，支持OSGi和REST。 版本 JBoss4 JBoss4包括web服务器（servlet/JSP容器，HTML服务器）、EJB2.0容器。完整的纯Java的数据库引擎，（Java消息服务）JMS，JavaMail，和Java事务处理API/Java事务处理服务（JTA/JTS）支持。早期的JBoss使用了ApacheTomcatWeb服务器，但在JBoss4.0中已经把Apache Tomcat内嵌到JBoss中了。后续又集成Java数据对象（JDO），对于JMS多点传送机制支持的修补，对J2EE1.4的完全实现和分布式事务机制。 JBoss的应用服务器控制和配置－JMX机制，运行一次可以部署所有的组件和服务。资源属性和可配置参数可以通过MBeans（可控制beans）映射和更改，这些控制可以在 JBoss的控制台进行设置。一旦我们的servlet-based的应用程序被部署，JBoss就自动安装一个部署MBeans，这个MBeans会被添加到JMX控制台的导航菜单中。通过这个MBean就可以部署或卸载WAR应用程序，或查看应用程序相关的属性。 Jboss4基于Jboss3.2，在J2EE标准特性方面，主要的改进包括： · JBoss 4.0是业界第一家取得正式J2EE1.4认证的应用服务器，完全符合规范的J2EE标准 · 完全支持J2EE web services（JAX-RPC方式和WS4EE架构方式）和SOA · 支持AOP模型，JBoss Aop极大的提高了生产力 · 与Hibernate紧密集成 · 通过一个内建的Caching构架提升集群功能和分布式Caching（TreeCache） JBoss4完全遵循J2EE1.4标准，所以允许开发者在不同的应用服务器上重用J2EE组件（如EJB等），比如可以轻易的将部署在Weblogic或Websphere上的EJB迁移到JBoss上来，JBoss4比JBoss3.2实现了下面几个新的J2EE标准： · JBoss4支持J2EE Web Services，包括JAX-RPC和J2EE架构的Web Services，使用EJB提供安全的Web […]
View DetailsJavaBean 是一种JAVA语言写成的可重用组件。为写成JavaBean，类必须是具体的和公共的，并且具有无参数的构造器。JavaBean 通过提供符合一致性设计模式的公共方法将内部域暴露成员属性。众所周知，属性名称符合这种模式，其他Java 类可以通过自身机制发现和操作这些JavaBean 的属性。 基本概念 用户可以使用JavaBean将功能、处理、值、数据库访问和其他任何可以用java代码创造的对象进行打包，并且其他的开发者可以通过内部的JSP页面、Servlet、其他JavaBean、applet程序或者应用来使用这些对象。用户可以认为JavaBean提供了一种随时随地的复制和粘贴的功能，而不用关心任何改变。 JavaBean可分为两种：一种是有用户界面（UI，User Interface）的JavaBean；还有一种是没有用户界面，主要负责处理事务（如数据运算，操纵数据库）的JavaBean。JSP通常访问的是后一种JavaBean。 JavaBean是可复用的平台独立的软件组件，开发者可以在软件构造器工具中其直接进行可视化操作。 软件构造器工具可以是Web页面构造器、可视化应用程序构造器、GUI设计构造器或服务器应用程序构造器。有时，构造器工具也可以是一个包含了一些bean的复合文档的文档编辑器。 JavaBean可以是简单的GUI要素，如按钮或滚动条；也可以是复杂的可视化软件组件，如数据库视图，有些JavaBean是没有GUI表现形式的，但这些JavaBean仍然可以使用应用程序构造器可视化地进行组合。 一个JavaBean和一个Javaapplet相似，是一个非常简单的遵循某种严格协议的Java类。每个JavaBean的功能都可能不一样，但它们都必须支持以下特征。 一个bean没有必须继承的特定的基类或接口。可视化的bean必须继承的类是java.awt.Component，这样它们才能添加到可视化容器中去，非可视化bean则不需要继承这个类。有许多bean，无论是在应用程序构造器工具中，还是在最后创建好的应用程序中，都具有很强的可视化特征，但这并非每个bean必须的特征。 在使用Java编程时，并不是所有软件模块都需要转换成bean。Bean比较适合于那些具有可视化操作和定制特性的软件组件。 从基本上说，JavaBean可以看成是一个黑盒子，即只需要知道其功能而不必管其内部结构的软件设备。黑盒子只介绍和定义其外部特征和与其他部分的接口，如按钮、窗口、颜色、形状、句柄等。 JavaBean 图册(6张) 通过将系统看成使用黑盒子关联起来的通讯网络，我们可以忽略黑盒子内部的系统细节，从而有效地控制系统的整体性能。 作为一个黑盒子的模型，JavaBean有3个接口面，可以独立进行开发。 1. JavaBean可以调用的方法。 2. JavaBean提供的可读写的属性。 3. JavaBean向外部发送的或从外部接收的事件。 组成 一个JavaBean由3部分组成： （1） 属性（properties） JavaBean提供了高层次的属性概念，属性在JavaBean中不只是传统的面向对象的概念里的属性，它同时还得到了属性读取和属性写入的API的支持。属性值可以通过调用适当的bean方法进行。比如，可能bean有一个名字属性，这个属性的值可能需要调用String getName（）方法读取，而写入属性值可能要需要调用void setName（String str）的方法。 每个JavaBean属性通常都应该遵循简单的方法命名规则，这样应用程序构造器工具和最终用户才能找到JavaBean提供的属性，然后查询或修改属性值，对bean进行操作。JavaBean还可以对属性值的改变作出及时的反应。比如一个显示当前时间的JavaBean，如果改变时钟的时区属性，则时钟会立即重画，显示当前指定时区的时间。 （2） 方法（method） JavaBean中的方法就是通常的Java方法，它可以从其他组件或在脚本环境中调用。默认情况下，所有bean的公有方法都可以被外部调用，但bean一般只会引出其公有方法的一个子集。 由于JavaBean本身是Java对象，调用这个对象的方法是与其交互作用的唯一途径。JavaBean严格遵守面向对象的类设计逻辑，不让外部世界访问其任何字段（没有public字段）。这样，方法调用是接触Bean的唯一途径。 但是和普通类不同的是，对有些Bean来说，采用调用实例方法的低级机制并不是操作和使用Bean的主要途径。公开Bean方法在Bean操作中降为辅助地位，因为两个高级Bean特性--属性和事件是与Bean交互作用的更好方式。 因此Bean可以提供要让客户使用的public方法，但应当认识到，Bean设计人员希望看到绝大部分Bean的功能反映在属性和事件中，而不是在人工调用和各个方法中。 （3） 事件（event） Bean与其他软件组件交流信息的主要方式是发送和接受事件。我们可以将bean的事件支持功能看作是集成电路中的输入输出引脚：工程师将引脚连接在一起组成系统，让组件进行通讯。有些引脚用于输入，有些引脚用于输出，相当于事件模型中的发送事件和接收事件。 事件为JavaBean组件提供了一种发送通知给其他组件的方法。在AWT事件模型中，一个事件源可以注册事件监听器对象。当事件源检测到发生了某种事件时，它将调用事件监听器对象中的一个适当的事件处理方法来处理这个事件。 由此可见，JavaBean确实也是普通的Java对象，只不过它遵循了一些特别的约定而已。 范围 JavaBean 的范围 Scope 是一个具有生命时间的变量。JavaBean的范围在<jsp:useBean scope=”….>标志中右边进行表示。将产生一个JavaBean的快捷参考。 说明：jsp服务器引擎将剥离<jsp。。。。标记。并且在最终用户的浏览器上无法显示实际代码。 存在下面四种范围： 页面page、 请求request、 对话session、 应用application。 对话范围 对话范围的JavaBean 主要应用于跨多个页面和时间段： 例如填充 用户信息。 添加信息并且接受回馈，保存用户最.近执行页面的轨迹。对话范围JavaBean保留一些和用户对话 ID 相关的信息。这些信息来自临时的对话cookie，并在当用户关闭浏览器时，这个cookie将从客户端和服务器删除。 请求范围 页面和请求范围的JavaBean有时类似表单的bean ， 这是因为 他们大都用于处理表单。表单需要很长的时间来处理用户的输入，通常情况下用于页面接受HTTP/POST或者GET请求。另外页面和请求范围的bean可以用于减少大型站点服务器上的负载，如果使用对话bean，耽搁的处理就可能会消耗掉很多资源。 应用范围 应用范围通常应用于服务器的部件，例如 JDBC连接池、应用监视、用户计数和其他参与用户行为的类。 在Bean中限制HTML的产生： 理论上，JavaBean 将不会产生任何HTML，因为这是jsp层负责的工作；然而，为动态消息提供一些预先准备的格式是非常有用的。产生的HTML将被标注的 JavaBean方法返回。 这里有一些非常重要的事情： 1. 不要试图在JavaBean返回的HTML中放置任何字体尺寸。 并不是所有的浏览器都相同。很多浏览器无法处理完整的字体尺寸。 2. 不要试图在JavaBean返回的HTML中放置任何脚本或者DHTML。 向页面直接输出脚本或者DHTML相当于自我毁灭，因为某些浏览器版本在处理不正确的脚本时会崩溃（非常少但是有）。如果用户的JavaBean在运行时是动态的推出复杂的HTML语言，用户将陷入调试的噩梦。另外，复杂的HTML将限制JavaBean的寿命和灵活性。 3. 不要提供任何的选择。 […]
View DetailsEJB是sun的服务器端组件模型，设计目标与核心应用是部署分布式应用程序。凭借java跨平台的优势，用EJB技术部署的分布式系统可以不限于特定的平台。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基于组件的企业多重应用程序的标准。其特点包括网络服务支持和核心开发工具(SDK)。 在J2EE里，Enterprise Java Beans(EJB)称为Java 企业Bean，是Java的核心代码，分别是会话Bean（Session Bean），实体Bean（Entity Bean）和消息驱动Bean（MessageDriven Bean）。 1.SessionBean用于实现业务逻辑，它可以是有状态的，也可以是无状态的。每当客户端请求时，容器就会选择一个Session EJB Bean来为客户端服务。Session Bean可以直接访问数据库，但更多时候，它会通过Entity Bean实现数据访问。 2.Entity Bean是域模[1]型对象，用于实现O/R映射，负责将数据库中的表记录映射为内存中的Entity对象，事实上，创建一个Entity Bean对象相当于新建一条记录，删除一个Entity Bean会同时从数据库中删除对应记录，修改一个Entity Bean时，容器会自动将Entity Bean的状态和数据库同步。 3.MessageDriven Bean是EJB2.0中引入的新的企业Bean，它基于JMS消息，只能接收客户端发送的JMS消息然后处理。MDB实际上是一个异步的无状态Session Bean，客户端调用MDB后无需等待，立刻返回，MDB将异步处理客户请求。这适合于需要异步处理请求的场合，比如订单处理，这样就能避免客户端长时间的等待一个方法调用直到返回结果。 EJB实际上是SUN的J2EE中的一套规范,并且规定了一系列的API用来实现把EJB概念转换成EJB产品。
View DetailsMyEclipse，是在eclipse 基础上 加上自己的插件，而eclipse是用纯java写的，是一个十分优秀的用于开发Java, J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。 MyEclipse企业级工作平台（MyEclipse Enterprise Workbench ，简称MyEclipse）是对EclipseIDE的扩展，利用它我们可以在数据库和JavaEE的开发、发布以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的JavaEE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML,Struts,JSP,CSS,Javascript,Spring,SQL,Hibernate[1]。 MyEclipse 是一个十分优秀的用于开发Java, J2EE的 Eclipse 插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEclipse目前支持Java Servlet,AJAX, JSP, JSF, Struts,Spring, Hibernate,EJB3,JDBC数据库链接工具等多项功能。可以说MyEclipse是几乎囊括了目前所有主流开源产品的专属eclipse开发工具。[1] 根据官方最新消息，MyEclipse 2013已经正式发布！MyEclipse 2013[2]支持HTML5、JQuery和主流的Javascript 库。随着MyEclipse 2013支持Html5，你可以添加音频、视频和API元素到你的项目，从而为移动设备创建复杂的Web应用程序。你甚至还可以通过HTML5 可视化设计器设计令人难以置信的用户界面。同时，随着MyEclipse 2013支持JQuery，你可以通过插件提升性能，并添加动画效果到设计中。
View Details下面是用HTML5的<canvas>标签写的一个视差滚动动画的示例。采用了制作动画或者游戏编程中常用的双缓冲技术：获取到页面中的Canvas对象之后，创建了一个与页面Canvas同样大小的Canvas对象。绘图时先将图像绘制到缓冲Canvas中，等到每一桢的图像绘制完全后在把整个缓冲Canvas绘制到页面Canvas中。前景、中景、远景的视差通过控制移动速度来实现。整个动画的绘制部分只使用了Context对象的drawImage()方法。 HTML code：
|
1 2 3 |
<canvas id="canvas" width="600" height="400"> <p>Your browser does not support the canvas element</p> </canvas> |
JavaScript code：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
const FPS = 30; const SECONDS_BETWEEN_FRAMES = 1 / FPS; var bg0 = new Image(); var bg1 = new Image(); var bg2 = new Image(); var x = 0; const RATE = 50 * SECONDS_BETWEEN_FRAMES; const WIDTH = 600; const HEIGHT = 320; var canvas; var canvasBuffer; var context; var contextBuffer; window.onload = init; function init() { bg0.src = "b0.png"; bg1.src = "b1.png"; bg2.src = "b2.png"; canvas = document.getElementById("canvas"); canvasBuffer = document.createElement("canvas"); canvasBuffer.width = canvas.width; canvasBuffer.height = canvas.height; context = canvas.getContext("2d"); contextBuffer = canvasBuffer.getContext("2d"); context.clearRect(0, 0, canvas.width, canvas.height) contextBuffer.clearRect(0, 0, canvasBuffer.width, canvasBuffer.height); setInterval(animation, SECONDS_BETWEEN_FRAMES); } function animation() { x += RATE; context.clearRect(0, 0, canvas.width, canvas.height) contextBuffer.clearRect(0, 0, canvasBuffer.width, canvasBuffer.height); drawBuffer(bg0, 0, 0, 0.5); drawBuffer(bg1, 0, 100, 0.75); drawBuffer(bg2, 0, 100, 1); context.drawImage(canvasBuffer, 0, 0); } function drawBuffer(image, dx, dy, factor) { var left = (x * factor) % image.width; if (left + WIDTH >= image.width) { var d0 = image.width – left; var d1 = WIDTH – d0; contextBuffer.drawImage(image, left, 0, d0, HEIGHT, dx, dy, d0, HEIGHT); contextBuffer.drawImage(image, 0, 0, d1, HEIGHT, dx + d0, dy, d1, HEIGHT); } else { contextBuffer.drawImage(image, left, 0, WIDTH, HEIGHT, dx, dy, WIDTH, HEIGHT); } } |
其中的setInternal()方法是动画动起来的核心方法。其原型如下： int setInternal(code, millisec[, lang]); 其中code表示需要循环执行的代码或者方法（名），必需；millisec表示周期性循环的周期，单位是毫秒，必需；lang表示脚本语言的类型，如JScript、VBScript、JavaScript，可选，不过一般都直接忽略。返回值为一个可以传递给clearInternal()方法的值，从而取消循环。 setInternal()方法是HTML DOM的一个内建方法，其作用是按照指定的周期循环调用某一段代码或者某个方法，直到窗口关闭或者调用clearInternal()方法结束循环。 顺带一提的是在Canvas画布中绘制图形，一般情况下后绘制的会覆盖先绘制的，所以在绘制图像的时候需要先绘制远景b0，再绘制中景b1，最后绘制近景b2。 下载示例 转自：http://blog.csdn.net/sadfishsc/article/details/6877981
View Details