利用Java制作网页水面特效.docVIP

利用Java制作网页水面特效 　　摘 要： 介绍了用Java在网页上制作水面特效的总体实现方案、主要技术方法和程序设计，以及应用方面几个问题的解决。其技术核心是将图像映在波动的水中。将水波视作正弦波，计算帧相位角和振幅，以振幅为动画帧偏移量，横向逐线绘制；同时采用双缓冲技术，先在图像缓冲区中处理图像，完成后再显示到窗体上。 　　关键词： Java； 程序设计； 网页； 水面特效； 图像 　　中图分类号：TP301.6；311.11 文献标志码：A 文章编号：1006-8228（2014）10-54-02 　　Water special effects on Webpage using Java 　　Wang Zhida 　　（Ningbo Polytechnic， Ningbo， Zhejiang 315800， China） 　　Abstract： The implementing project of making water special effects on webpage using Java is introduced. The related technique method and programming are discussed in detail， with some applied issues. The core technology is casting image on waving water. The waves are regarded as sine curves. The frames phase angle and amplitude are calculated. The amplitude is used as frame vertical deviant to draw each line of the frame. Meanwhile， double buffer technology is utilized to process the image on buffer area and display it on the window. 　　Key words： Java； programing； webpage； water special effects； image 　　0 引言 　　使用Applet程序可以方便地进行图像处理，再融合动画技术，可在网页上制作出各种特殊效果。本文介绍水面特效的制作，将图像映在波动的水中，如图1所示，运行时水面是运动的。 　　 　　图1 水面特效 　　1 实现方案 　　1.1 总体设计 　　采用双缓冲技术，先在图像缓冲区中处理图像，完成后再显示到窗体上。为此需要设置图像缓冲区，并将缓冲区逻辑划分为左、右两部分。总体制作过程为：缓冲区左半部显示图像，右半部绘制倒影，左半部制作动画帧（覆盖图像），窗体显示图像和动画帧。如图2所示。 　　 　　图2 总体制作过程 　　1.2 绘制倒影 　　倒影的绘制采用逐线移动的处理方法，如图3所示。 　　 　　图3 绘制倒影 　　图3中h是缓冲区高度，i是线号，在程序中可以作为循环变量。按照上图的设计，向下移动是正向，开始的移动量是正的，但随着i的不断增加，移动量将逐渐变为负值，表示向上移动。 　　1.3 绘制动画帧 　　本例设计12个动画帧，帧号0～11，存于num，帧数越多图像越精细，但动画循环中的延时时间需要相应缩短。水波为正弦波，不同的帧相位角angle不同，用如下公式计算： 　　angle=num?2?л/12 　　仍然采用逐线移动的方法绘制动画帧，动画帧中的图像线可以理解为是倒影中相应图像线偏离原先位置形成的。假设向上偏移，偏移量用变量wave存储，当wave为负时则表示向下偏移，如图4所示。 　　 　　图4 绘制动画帧 　　2 程序设计 　　程序整体框架如下： 　　import java.awt.*； 　　import java.applet.*； 　　public class MyJavaApplet extends Applet 　　{ Image img； //图像 　　Image imgBuff； //图像缓冲区 　　Graphics ibg； //缓冲区画笔 　　int w，h； //图像宽高 　　int num=0； //帧号 　　double angle； //相位角 　　int wave； //偏移量 　　public void init（） 　　{ //加载图像、追踪、获取图像宽高 　　//创建缓冲区及其画笔 　　//在缓冲区的左半部显示图像 　　//在缓冲区的右半部绘制倒影