一种动画图像的遮挡显示方法

摘要

本发明申请所述的一种动画图像的遮挡显示方法，通过把显示的背景图片空间画分成大小一致的区域，把需要显示遮挡效果的区域记上标记，计算图像(包括人物或动物、风景等)移动时是否与遮挡区重叠，通过设置图片Alpha渲染和非渲染模式来达到遮挡显示的效果，从而加快了计算机处理的速度，达到了网页动画设计或网页游戏设计的便捷，解决了技术问题，满足了用户流畅的显示效果。

主权项

一种动画图像的遮挡显示方法，其特征在于：所述的显示方法包括以下步骤：1)将需要显示的背景图片按要求的精度分成大小统一的格子，每个格子代表图片上的一个区域，在整个背景图片上建立直角坐标系，每个点对应一个唯一的坐标(x，y)；2)把当图像移动到该区域时需要显示为遮挡效果的背景区域标上记号，并且输出成WEB浏览器的控制脚本所能识别的数据格式；3)计算图像所需要显示的图片区域大小，并且输出成WEB浏览器的控制脚本所能识别的数据格式；4)WEB浏览器将背景图片显示在图像图片的底层；5)当WEB浏览器控制脚本移动图像时，通过移动的坐标x、y加上图像由步骤2和3所产生的数据进行重叠判断，如果重叠则说明图像进入遮挡区，否则为不在遮挡区；6)当图像进入遮挡区时，通过浏览器脚本控制图像图片显示模式为Alpha渲染，Alpha的混合度可根据背景图片上的遮挡区域来设置，产生半透明的显示效果从而达到进入被遮挡物体内部的显示效果；7)当图像不在遮挡区域内时，通过浏览器脚本控制把图像图片显示模式设置为非Alpha渲染模式，产生正常的图像图片显示效果。