Dreamweaver怎么设计一款拼图游戏?经常玩拼图,想要制作一款拼图游戏,该怎么制作这个动画效果呢?下面我们就来看看先详细的教程,需要的朋友可以参考下

Dreamweaver中想要将一幅画分割成几份在框内进行拼图游戏;当靠近真确的拼图时自动吸附,该怎么制作这个动画效果呢?下面我们就来看看详细的教程。

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第1张

Adobe Dreamweaver CS6 简体中文amtlib.dll(附官方主程序)

  • 类型:网页设计
  • 大小:1.2MB
  • 语言:简体中文
  • 时间:2013-03-24
查看详情

1、在软件中新建一个页面点击创建

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第2张

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第3张

2、点击-页面设置选择一张背景图片

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第4张

3、点击工具栏绘制边框

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第5张

4、选中边框-点击代码-重命名为bj-找到背景代码

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第6张

5、找到边框代码-删除默认样式颜色的边框代码

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第7张

6、选择输入边框样式和颜色代码

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第8张

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第9张

7、在绘制四个边框设置为透明色

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第10张

8、按下shift键一次点击选中4个边框点击-修改选项-排列顺序-设置宽度相同-在进行一次设置高度相同

Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)  Dreamweaver 拼图 第11张

上一页12 下一页 阅读全文

转载请说明出处
知优网 » Dreamweaver怎么设计一款拼图游戏?(dw怎么做拼图游戏)

发表评论

您需要后才能发表评论