<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TweenMax.js 超人穿衣服(着装/更衣)动画</title>
<style>
#Masker {
display: non;
}
</style>
</head>
<body>
<script src='js/TweenMax.min.js'></script>
<?xml version="1.0" encoding="utf-8" ?>
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1600px" viewBox="0 0 800 600" style="enable-background:new 0 0 800 600;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #212120;
}
.st1 {
fill: #58595B;
}
.st2 {
fill: #231F20;
}
.st3 {
fill: #EEC9AC;
}
.st4 {
fill: #754C28;
}
.st5 {
fill: #8A5D3B;
}
.st6 {
fill: #A87C4F;
}
.st7 {
fill: #E6E6E6;
}
.st8 {
fill: #3B2314;
}
.st9 {
fill: #FFFFFF;
}
.st10 {
fill: #603813;
}
.st11 {
fill: #0A579A;
}
.st12 {
fill: #BE1E2D;
}
.st13 {
fill: #8BC53F;
}
.st14 {
fill: #FFDD15;
}
</style>
<g id="Cape">
<path class="st0" d="M186.1,134.3c0,0,2.9,22.3,4.8,29.8c4.6,17.9,2.1,26.9-5.7,47.2c0,0-5.2-7.4-14.2-3.3c-9,4.1-9.4,0.5-13.9-3.2
c-4.5-3.8-10.3-3.6-15,0c-4.7,3.6-5-5-10.5-6.3c-5.5-1.3-4.3,5-14.3,0.2c-5-2.4-3.7-6.1-3.7-6.1s3.9,5,12.3-7.9
c8.4-12.8,20.2-35.3,23.8-58.9C151.4,114.8,186.7,109.9,186.1,134.3z" />
<path class="st1" d="M175.8,118.2c0,0,6,2.4,6.4,21.9c0.3,11.2,4.1,26.4,4.1,42c0,15.6,0.1,23.9-2.8,27.7l-4,6.3
c0,0,15.7-6.5,15.7-35.9c0-14.8-6.1-13.5-6.4-33C188.5,119.6,175.8,118.2,175.8,118.2z" />
<path class="st1" d="M118,193.1c0,0,4.6-1.5,11.1-7.7c7.3-7.1,14.9-25.2,18.9-37c3.3-9.6,5.3-27.7,11.7-30.6
c0,0-13.2,2.1-17.1,20.5C139.1,154.9,130.7,184.5,118,193.1z" />
<path class="st2" d="M166.6,209.5c-2.3,0.6-3.7,0.3-5-0.4l7.8-51.2L166.6,209.5z" />
<path class="st2" d="M142,204.6c-0.1,0-0.1,0.1-0.2,0.1c-2.2,1.7-3.4,0.7-4.7-1l14.5-34.6L142,204.6z" />
</g>
<g id="Man">
<path class="st3" d="M149.3,120.2c0,0-7.8-1.8-18.1,10.6c-10.3,12.5-9.2,15.5-8.4,19.5c0.9,4,16.4,15.4,16.4,15.4s4.4,11.6,9.5,6.5
c7.3-7.2-4.4-11-4.4-11s-6-11.8-12-14.4c0,0,18.4-14.1,21.6-18.9C154.6,126.8,155.8,123.1,149.3,120.2z" />
<path class="st3" d="M185.6,120.2c0,0,7.8-1.8,18.1,10.6c10.3,12.5,9.2,15.5,8.4,19.5c-0.9,4-16.4,15.4-16.4,15.4
s-4.4,11.6-9.5,6.5c-7.3-7.2,4.4-11,4.4-11s6-11.8,12-14.4c0,0-18.4-14.1-21.6-18.9C180.3,126.8,179.1,123.1,185.6,120.2z" />
<g>
<path class="st4" d="M172.7,171.2l-0.1-0.3c-0.1,0-0.1,0.1-0.2,0.1L172.7,171.2z" />
</g>
<g>
<g>
<path class="st3" d="M186.5,94.5c0.1,11.2-9.3,20.3-20.7,20.3c-11.4,0-20.7-9.4-20.7-20.3c0.2-20.4,9.3-24.1,20.7-24.1
C177.3,70.4,186.3,75.9,186.5,94.5z" />
</g>
</g>
<g>
<g>
<path class="st5" d="M165.5,108.6c-3.3,0-4.9-3.1-5-3.3l0.7-0.4c0,0,1.5,3,4.5,2.8c3-0.1,4.9-2.9,4.9-2.9l0.7,0.5
c-0.1,0.1-2.1,3.1-5.5,3.2C165.7,108.6,165.6,108.6,165.5,108.6z" />
</g>
<g>
<path class="st6" d="M165.7,102.2c-0.1,0-0.1,0-0.2,0c-0.9-0.1-1.3-1.2-1.4-1.2l0.7-0.3l-0.4,0.2l0.4-0.2
c0.1,0.2,0.4,0.7,0.7,0.7c0.3,0,0.8-0.2,1.2-0.8l0.6,0.5C166.9,101.8,166.3,102.2,165.7,102.2z" />
</g>
</g>
<g>
<ellipse class="st3" cx="146.1" cy="97.5" rx="3" ry="3.5" />
</g>
<g>
<ellipse class="st3" cx="185.7" cy="97.5" rx="3" ry="3.5" />
</g>
<path class="st3" d="M192.8,229.9c0,0-3.5-23.4-4.1-30.8c-0.6-7-4.2-27.7-4.2-27.7s-18.2,4.8-34.1-0.2c0,0-2.2,20.7-2.3,28
c-0.1,6.7-3.2,26.6-3.8,30.9c-2.2,0.6-11.8,3.5-9.7,6.6c4.2,6.2,13.8,1.9,16.3,0.8c1-0.4,3.7,0.6,4.5-1.5c0.7-1.7-1.1-4.4-1.1-4.4
s1.3-11.9,3.6-23.5c2.3-11.3,6.1-25.6,10.2-25.4c4.7,0.3,7.9,14.3,10.5,25.3c2.7,11.3,4.2,22.8,4.3,23.6c-0.3,0.4-1.6,2.7-1,4.3
c0.8,2.1,3.5,1.1,4.5,1.5c2.5,1,12.1,5.3,16.3-0.8C205.3,233.1,192.8,229.9,192.8,229.9z" />
<path class="st3" d="M185.6,131.9c-0.3-0.4-0.6-0.6-0.8-0.7c0.4-5.5,1.2-9.8,2.4-11.2l-6.7-0.9l0,0h0l-3.3-0.4
c-2.8-0.8-6.2-2.9-5.3-8.9c0,0-8.1-3-11.3,1.7c0,0,1.4,5.5-3.3,6.3c-1.3,0.2-2.2,0.4-2.9,0.6c-0.8,0.1-7.3,1.3-8.9,1.8
c0,0,1.9,5.4,3.2,11.9c-2.5,2.8-2.6,3.3-2.6,3.3s1.7-1.4,3.2,0.3c0.4,2.5,1.2,4.9,1.1,7.3c-0.2,9.8,0,28,0,28s12.2,7.1,34.1,0.2
c0,0-2.1-18.7-0.1-34.4c0,0.2,0,0.2,0,0.2c1.6-3.6,4.3-1.6,4.3-1.6S188.4,135,185.6,131.9z" />
<path class="st7" d="M180.4,119.2L180.4,119.2l-3.3-0.4c0,0-0.1,0-0.1,0c0.2,1.7,1.2,14.4-9.6,14.4c-13,0-11.8-14.9-11.8-14.9
c-0.5,0.1-0.9,0.2-1.3,0.3c-0.2,0-0.9,0.2-1.8,0.3c0,0,1.5,15.4-3,19.5c0.2,1.6,0.3,3.3,0.2,4.8c-0.2,9.8,0.6,27.9,0.6,27.9
s8.6,4.9,24.2,2.6c3-0.5,6.3-1.3,10-2.4c0-0.9-0.7-18.4-0.2-32.8C182.3,136.6,177.8,131,180.4,119.2z" />
<g id="oog">
<circle class="st8" cx="157.6" cy="96.6" r="1.4" />
<circle class="st9" cx="157" cy="96.2" r="0.5" />
<circle class="st10" cx="158.1" cy="96.9" r="0.6" />
</g>
<g>
<circle class="st8" cx="174.7" cy="96.6" r="1.4" />
<circle class="st9" cx="174.1" cy="96.2" r="0.5" />
</g>
</g>
<path id="Broek" class="st11" d="M185.2,172.5l-0.2-0.8h-36.6l-0.1,0.4c-0.1,1.1-0.4,3.5-0.7,6.4l0,0.3l0.3,0.1
c8.7,3.1,15.5,11.8,15.5,11.8l5.8,0.1c0,0,8-9.9,16.5-12C185.9,178.9,185.2,172.8,185.2,172.5z" />
<g id="Haar">
<g>
<path class="st4" d="M145.7,92.5L145.7,92.5c0,0,15.5-1.6,21.8-9.9l-1.7,4.9c0,0,4.4-3.1,4.9-4.9c0,0,7.3,9.6,16,9
c0,0,1-23.5-20.7-23.5C142.5,68.1,145.7,92.5,145.7,92.5z" />
</g>
<path class="st10" d="M168.7,76.4c0,0-7.6,12.9-21,14.6c0,0,15.9-7.1,22-18.4L168.7,76.4z" />
<path class="st10" d="M167.5,70c0,0-8.7,12.2-15.4,13.5c0,0,3.1-3.6,6-6.8c0,0-4.9-1.1-8.8,3.2C149.3,80,157.2,68,167.5,70z" />
<path class="st5" d="M167.5,69.7c0,0-10.9-2.1-19,10.2C148.5,79.9,156.2,71,167.5,69.7z" />
<path class="st10" d="M173,71.9c0,0,9.4,4,8.8,16.4C181.8,88.3,177.8,76.1,173,71.9z" />
<path class="st5" d="M168.4,74.7c0,0-4.5,9.8-17.3,13.3C151.1,88,165.3,80.4,168.4,74.7z" />
<path class="st5" d="M171.4,76.9c0,0,2.2,6.8,9.4,11.4C180.8,88.2,172.1,86.2,171.4,76.9z" />
</g>
<path id="Shirt" class="st12" d="M204.1,130.6c-7.5-9.1-13.8-10.8-16.9-11l-10.1-1.3c-0.1,0-0.2,0-0.3,0c-0.9,0-1.4,0.8-2.1,2
c-1.3,2.1-3.2,5.3-8.2,5.3c-3.9,0-5.6-3.1-6.8-5.4c-0.9-1.6-1.6-2.8-2.7-2.6c-1.2,0.2-2.2,0.4-2.9,0.6c-0.7,0.1-7.3,1.3-8.9,1.9
c-3.3,0.8-8.6,3.3-14.7,10.6c-10.2,12.4-9.5,15.8-8.6,19.7l0.1,0.3c0.9,4.1,15,14.6,16.6,15.8l0.3,0.2l0.4-0.1
c0.1,0,1.9-0.7,3.2-1.9c1.3-1.3,2.2-2.8,2.3-2.9l0.2-0.3l-0.2-0.4c-0.2-0.5-5.5-10.8-11.3-14.2c2.2-1.7,8-6.2,12.9-10.5
c0,0,0.5-0.4,1.1-0.4c0.4,0,0.7,0.1,1,0.4c0.4,2.6,0.5,4.9,0.5,7c-0.2,9.7,0.6,27.8,0.6,28l0,0.4l0.3,0.2c0.2,0.1,5.8,3.3,16.3,3.3
c5.8,0,12-1,18.4-3l0.5-0.2l0-0.5c0-0.2-0.8-19.1-0.1-33.8l0,0c0.5-1.1,1.2-1.7,2-1.7c0.6,0,1.1,0.3,1.2,0.4c5,4.3,10.8,8.8,13,10.5
c-5.8,3.4-11.1,13.7-11.3,14.2l-0.2,0.3l0.2,0.3c0,0.1,1,1.8,2.4,2.9c1.4,1.1,1.7,1.3,3,1.9l0.4,0.2l0.3-0.3
c1.6-1.2,15.8-11.7,16.6-15.8l0.1-0.3C213.6,146.3,214.3,142.9,204.1,130.6z" />
<path id="Masker" class="st13" d="M177.6,91.6c-6,0-8.4,2.7-11.4,2.7c-3,0-5.4-2.7-11.4-2.
TweenMax.js实现的超人穿衣服动画效果源码.zip
版权申诉
187 浏览量
2022-11-01
00:09:22
上传
评论
收藏 39KB ZIP 举报
易小侠
- 粉丝: 6475
- 资源: 9万+
最新资源
- 基于matlab实现数字图像相关的腿部肌肉拉伸分析.rar
- 基于matlab实现数字的识别效率,用卷积神经网络算法来实现,用的是官方手写字体数据,能够显现百分之九十以上的识别率.rar
- 基于matlab实现适合解 多变量多目标规划问题,例如 收益最大,风险最小 2.主要目标法,线性加权法
- 基于matlab实现评估任何图像的可行性,而不是斑点模式,以跟踪应变使用数字图像相关性 .rar
- 基于matlab实现神经网络手写数字识别 配合美国MNIST标准手写数字字体库.rar
- 基于matlab实现人工免疫算法的解决TSP问题的方法
- 基于matlab实现邻居搜索的动态差分协同进化代码.rar
- GDAL-3.4.3-cp310-cp310-win-amd64.whl
- 新闻文章eNews新闻发布系统v1.0-enewsv1.0mysql.rar
- 基于matlab实现鸡群算法,群体智能算法的一种,立足鸡群的集合特征建立优化过程,与蜂群算法、蛙群算法有相似之处.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈