让小黑人360度旋转的制作技巧

技巧|旋转

先预览一下旋转效果:

主要还是用自定义的Move类。

1、在主场景中画一竖直的线,要粗点,作为身体。画一圆形作为头部,并转化为MC,实例名为ball
2、在电影的第一帧上加上

var p = Math.PI*2;var a = [0, p / 4, 0, p / 4, 0, p / 4, 0, p / 4, p / 8];//人各个部位的弧度var b = [400, 400, 450, 450, 450, 450, 300, 200, 175];var c = [20, 20, 20, 20, 40, 40, 60, 80, 20];//人各个部位的y坐标和截距var num = 9;//部位的数目,如要更多,自己添加var i = 0;while (i < num) {  ball.duplicateMovieClip("ball" + i, i);  this["ball" + i].i = i;  i++;}ball8._xscale = (ball8._yscale = 200);//头部放大//下面为连线,组成一个人 onEnterFrame = function () {  createEmptyMovieClip("line", 2000);  with (line) {   lineStyle(8, 0, 100);   var i = 0;   while (i <= 1) {    moveTo(ball._x, ball._y);    lineTo(this["ball" + i]._x, this["ball" + i]._y);    i++;   }   var i = 0;   while (i <= 3) {    moveTo(this["ball" + i]._x, this["ball" + i]._y);    lineTo(this["ball" + (i + 2)]._x, this["ball" + (i + 2)]._y);    i++;   }   var i = 6;   while (i <= 7) {    moveTo(body._x, body._y);    lineTo(this["ball" + i]._x, this["ball" + i]._y);    i++;   }  }};

3、选中头部,加上AS:

onClipEvent (load) {  var myMove = new Move (150, 300, 20, 2, 0);  var i;  if (this._name != "ball") {   myMove.timer(_parent.a[i]);//设置人各部位的弧度   myMove.cen_y(_parent.b[i]);//设置人各部位的截距   myMove.cen_a(_parent.c[i]);//设置人各部位的y坐标  } else {   myMove.cen_a(0);   myMove.cen_b(0);  }  if (this._name != "ball8") {   this._visible = 0;  }}onClipEvent (enterFrame) {  myMove.myMove(this);//小人转动} 

源文件下载

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索while
, var
, 技巧
, 头部
360度旋转
360度旋转图片制作、ps制作360度旋转箭头、ps制作360度旋转、360度旋转照片制作、黑人小孩旋转被撞飞,以便于您获取更多的相关知识。

时间: 2024-10-18 14:43:27

让小黑人360度旋转的制作技巧的相关文章

JavaScript控制图片360度旋转代码_javascript技巧

JavaScript控制图片360度旋转代码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

13 款最热门的 jQuery 图像 360 度旋转插件推荐_jquery

在 web 页面上使用 jQuery 图像 360 度旋转插件是最美也是最方便的显示图像的方式.这些超级棒的 360° 图像选择插件允许用户更详细的分析产品或者文章.jQuery 图像旋转插件可以让用户从各种角度进行 360 度的图像展示,经常在电子商务网站上使用,帮助消费者更好的了解产品,从任意的一个角度观察欣赏. 在这篇文章中,我们收集了 13 款最佳的 jQuery 图像 360 度旋转插件,这些插件都能进行 360 度图像旋转展示.希望大家能从中找到自己喜欢的,并应用在自己的网站上. 1

基于jQuery Circlr插件实现产品图片360度旋转_jquery

Circlr是一款可以对产品图片进行360度全方位旋转展示的jQuery插件.Circlr通过按一定角度规律拍摄的产品图片,制作出可以使用鼠标拖动.鼠标滚轮和移动触摸来进行图片逐帧旋转的效果.比先前的Rollerblade,动画顺畅了许多,也更易于控制,该插件非常适合于商品的展示. 它的特点有: 支持水平或垂直方向旋转. 支持移动触摸事件. 支持滚动事件. 图片预加载处理. 可以反向和循环旋转图片. jQ酷实例教程:jQuery产品图片360度旋转Circlr 引入核心文件 <script sr

基于jQuery 的图片360度旋转插件

之前的文章向大家分享了实现网站功能的各种优秀的jQuery 插件,今天这篇文章向大家推荐10款基于jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考.图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度 浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景. 360/3D Spin & Zoom JavaScript Player 功能非常强大的一款插件,支持缩放,360度旋转,全屏浏览等等,特别适合用于产品图片展示. 在线演

jQuery实现的产品自动360度旋转展示特效源码分享_jquery

这是一款基于jQuery实现的产品自动360度旋转展示特效代码,可以对产品进行360度旋转展示,更好的让顾客了解产品的全部外观细节. jQuery产品360度旋转展示代码,支持预加载,能够快速全面的的预览产品的图片,主要原理是利用多张图片按顺序播放实现,本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码. 运行效果图:---------------------------------效果查看 源码下载----------------------------------- 为大家分享的

360度旋转 松下推出续航13小时超极本

近日英特尔第四代酷睿 i 系列处理器 Haswell 正式在台湾 Computex 2013 展会上发布.随着该处理器上市,不少 PC 厂商都相应推出自己的超级本产品.其中,日本厂商松下推出了一款 AX3 超级本,它基于 Haswell 处理器,屏幕还能进行 360 度自由旋转.据悉,这款属于 Panasonic AX 系列混合型超级本的最新机型,它采用了特殊的翻盖设计,屏幕与键盘之间可旋转 360 度,使得其拥有笔记本和平板两种不同的操作方式. 配置方面,AX3 采用了一块 11.6 英寸触摸

JS实现全景图效果360度旋转_图象特效

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

CSS3图片旋转特效(360/60/-360度)

CSS3让图片旋转360度.60度.-360度等,大家可以举一反三,下面由这几个度数的示例代码,喜欢的朋友可以参考下   由于没法展示效果只是截了个图  下面是实现代码: 复制代码 代码如下: <style> p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all

360度全景产品展示技术的推出

千龙网讯 终结单一的静态产品图时代,近日亚马逊中国在国内电子商务平台首推360度全景产品展示技术.消费者可在选购商品时通过360度全景视频观看所购产品的外形.颜色.材质等,全角度获悉产品细节.目前360度全景产品展示技术已经应用于亚马逊中国的珠宝首饰和钟表品类的百余款商品中,未来还将大规模推广到其他品类.该技术全面升级了消费者的购物体验,真正达到了所见即所购,开辟了中国电子商务网站以视频展示产品的先河. 目前国内网购商品展示以若干图片来实现,用户需要逐个点击静态图片,获得有限的观看角度.亚马逊中