`
nuthell
  • 浏览: 30275 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

flash背景平铺

阅读更多
其实有很多方法实现,这里就按播放器的版本从低到高的实现方法来说好了:

1.载入位图后duplicateMovieClip
如果播放器必须发布成<=7,就只能使用以下方法,原理就是载入一张位图,然后遍历duplicateMovieClip到舞台上。

var w = Stage.width;
var h = Stage.height;
var a:Number = Math.floor(w/img_width);
var b:Number = Math.floor(h/img_height);
for (var i:Number = 0; i<=b; i++) {
    for (var j:Number = 0; j<=a; j++) {
        bg_mc.duplicateMovieClip("bg_"+i+"_"+j, bg_mc.getNextHighestDepth(), {_x:j*img_width, _y:i*img_height});
    }
}
2.载入位图draw后,生成bitmap平铺。
如果播放器可以发布成8,就可以使用以下方法。其实原理和1差不多,不过8开始引入了Bitmap,因为平铺的是bitmap,所以肯定比1更节约资源。

var bmpData:BitmapData = new BitmapData(img_width, img_height);
bmpData.draw(img_target);
for(var i:Number = 0;i<Math.ceil(h/img_height);i++)
{
     for(var j:Number = 0;j<Math.ceil(w/img_width);j++)
     {
         var bmp:Bitmap = new Bitmap(bmpData);
         bmp.y = img_height*i;
         bmp.x = img_width*j;
     }
}
3.载入位图draw后,通过位图填充功能填充graphic子对象。
如果播放器可以发布成9,就可以使用以下方法。9开始引入了位图填充,所以根本不用考虑什么平铺,直接就和Photoshop里的自定义图案填充一样方便。

var bmpData:BitmapData = new BitmapData(img_width, img_height);
bmpData.draw(img_target);
var graphic:Graphics = shell.graphics;
graphic.beginBitmapFill(bmpData);
graphic.drawRect(0,0,w,h);
graphic.endFill();
分享到:
评论

相关推荐

    Flex中背景平铺的做法

    ### Flex中实现背景平铺的方法 #### 一、引言 在Adobe Flex中,开发者经常需要为用户界面添加丰富的视觉效果,其中背景图像是增强UI美观度的重要手段之一。对于Flex 3而言,若要实现背景图像的平铺效果,则需要...

    90款实用的flash背景

    "90款实用的Flash背景"集合了多种设计风格的背景素材,适用于各种Flash项目,如网站、广告、动画短片等。这些背景能够极大地提升作品的视觉效果,帮助设计师快速构建场景,节约创作时间。 1. **Retro风格**:复古...

    使用FLEX和Actionscript开发FLASH 游戏10-1

    总之,使用FLEX和Actionscript开发Flash游戏时,平铺式背景是一个高效且实用的技术,它允许开发者创建出广阔的游戏世界,同时保持游戏的流畅性和资源效率。通过精心设计的类和编辑工具,我们可以轻松管理游戏的背景...

    Flash as3 相册

    4. 背景缩放相册和平铺式相册:可能是指两种不同的布局方式,一种是背景按比例缩放以适应图片,另一种是图片以平铺形式展示。 三、制作流程 1. 设计界面:在Flash Professional中创建新项目,设计相册的基本布局,...

    使用FLEX和Actionscript开发FLASH 游戏10-3

    `definition` 属性存储了关于背景平铺的定义,包括每个瓷砖的宽度和高度,以及瓷砖的数量和滚动速率。`TiledBackgroundDefinition` 可能包含一个二维数组,表示地图由多少个瓷砖横向和纵向排列,以及每个瓷砖的尺寸...

    FLASH MENU模板生成器

    【FLASH MENU模板生成器】是一种专门用于创建动态、交互式Flash菜单的工具。...借助这款工具,可以轻松实现专业级的Flash菜单设计,而无需深厚的技术背景,从而让网站的导航部分更加吸引人,提升整体的用户体验。

    使用FLEX和Actionscript开发FLASH 游戏10-4

    在这一部分,我们将专注于平铺式背景渲染,这是构建游戏场景中的一个关键元素。首先,我们来看看`Level`类的定义,这个类是整个游戏级别管理的核心。 `Level`类中包含了一些静态常量,如`TimeBetweenLevelElements`...

    曹鹏CSS视频教程-24.背景图片 2.rar

    1. `cpcss24.swf`:这是一个Flash格式的视频文件,很可能就是曹鹏讲解CSS背景图片的第24节课。SWF文件常用于在线教育平台,为用户提供互动式的学习体验。 2. `下载说明.txt`:这个文件可能包含了获取、安装或使用...

    使用FLEX和Actionscript开发FLASH 游戏10-2

    在使用FLEX和Actionscript开发FLASH游戏时,平铺式背景渲染是一种常见的技术,用于创建无限滚动或大型的游戏环境。这种技术的关键在于有效地管理和更新游戏中的背景元素,使其看起来像是连续延伸的。以下是对`...

    曹鹏CSS视频教程-25.背景重复 1.rar

    通过调整这些属性,设计师可以创建各种视觉效果,例如使用单色平铺背景、使用小图案作为背景来装饰页面,或者使用大图仅显示一次以创建某种背景氛围。 压缩包中的文件包含: - `cpcss25.swf`: 这很可能是曹鹏老师的...

    个性仿flash交互简单个人展示css模板_绿色个人单页跳转简单个性仿flash交互工作室作品窄.rar

    在HTML5中,背景图片可以通过CSS的`background-image`属性设置,也可以实现固定、平铺、滚动等多种效果。 `01-l.jpg`和`06-l.jpg`是一些示例图像,可能代表用户要展示的作品或者内容。这些图片通常会被链接到`...

    网页设计要点汇总.pdf

    * 把Flash背景设成透明色:先单击Flash,再在下面属性面板中按参数-----wmode----transparent 六、Photoshop图层功能 * 抠图方法: + 魔棒工具抠图:调整容差------选择反选-----按ctrl键拖入图层选中图层,ctrl+...

    迷雾森林风格for leadbbs3.14

    bg.gif 可能是全屏或局部的背景图像,用于强化"迷雾森林"主题,可能包含森林、迷雾等元素,通过平铺或拉伸来适应屏幕大小。而 top.gif 则可能位于页面顶部,作为头部装饰,可能包含论坛的Logo或者其他与主题相关的...

    网页设计要素.doc

    图片导航和动态导航(如Flash)能够增加视觉吸引力,但需注意不要过于复杂,以免影响用户体验。此外,快捷导航,如Frame框架导航,适用于内容丰富的站点,便于用户在不同栏目间快速切换。对于浏览器兼容性问题,应...

    网页设计与制作多选题及答案.pdf

    13. **背景图像**:插入背景图像有多种方式,如平铺、无缝和追踪图像。 14. **层**:层在网页设计中提供精确定位,可以自由插入、加速浏览并具有叠加性。 15. **网站制作流程**:包括筹划、设计、制作和发布测试等...

    html5/4+css3/2 版本中文手册chm

    2. **边框与背景**:圆角边框、多边形边框、背景图片裁剪以及背景平铺模式的改进,让网页设计更加灵活。 3. **渐变和阴影**:线性渐变、径向渐变和文字阴影、盒阴影等功能,使网页元素看起来更具立体感。 4. **...

    计算机兴趣小组活动记录.doc

    此外,还教授了如何将自己的画作设为桌面背景,包括平铺和居中两种方式,让学生体验个性化设置的乐趣。 课程进一步深入,教给学生如何在图片中插入位图,通过选取区域、粘贴来源和拖动位图,使学生掌握了图像编辑的...

    网页设计多项选择题.pdf

    跟踪图像的透明度可以调整,它不影响背景图像的平铺显示,但在浏览器中不显示跟踪图像,而是显示网页背景。 图像的文本说明对于无障碍访问至关重要,当图片无法显示时,说明文本可以提供必要的信息。资源管理面板...

    html5+css3课件打包

    4. 背景与边框:支持背景图片裁剪和平铺,以及线性渐变(linear-gradient)和径向渐变(radial-gradient)。 5. 动画与过渡:通过keyframes和transition,实现平滑的动画效果。 6. Flexbox(弹性盒模型)和Grid(网格...

    CSS实现圆柱型数据报表的方法

    首先,圆柱型数据报表的视觉效果主要是通过柱状图来展现数据的大小,而在纯CSS实现中,这一效果通常是通过背景图片的平铺与定位来模拟出柱状图的高低变化。尽管这里介绍的是一个基础的实现方法,但它为实现更复杂的...

Global site tag (gtag.js) - Google Analytics