随笔-26  评论-25  文章-2  trackbacks-0
  2010年2月6日

 

 

把最近一些文章整理了一下,大概是这样了。有兴趣可以下载。里面是一些flash的博客日志。花了一定时间完成的东西

下载地址 

posted @ 2010-02-06 00:06 夏天的树人 阅读(69) 评论(0) 编辑
  2010年1月16日

很早之前尝试过3D效果也曾创建过这样的效果,现在使用CS4自身的能力去创建这种效果。在学习这种效果的时候,个人依旧强调效果背后的数学和物理原理,这些工具为我们创建效果带来帮助。

Flash cs3 cs4过渡,改造了DisplayObject类,引人z轴和旋转等概念后,做3D的效果带来很多帮助。过去要采用引擎或者通过其他计算方式创建3D一些常见的效果,现在使用flash自身的能力也能够完成一些效果,不过相比目前流行引擎flash cs4自身的3D能力还是有缺陷,但是创建一些简单3d效果,flash cs4还是能够应付到。

 

今天,尝试创建一种像螺旋楼梯的效果,什么?螺旋楼梯,那不是建筑学上的?怎样和flash 联系了?对,没错,现在我们就借助建筑学的螺旋楼梯的一些原理来创建这种螺旋效果。

 

1.  基本原理

 

从图中可以看出,螺旋楼梯围绕一个圆柱体旋转而来,从俯视图看起来,圆柱体底是一个圆,没错你看得没错,它正是一个圆。你应该为看到这个圆而高兴,因为它是你熟悉的事物,接下来是否会联系接下来要做什么?三角函数?对,就是三角函数,又是转换数学的问题 通过三角函数能够确定圆上每一个点的坐标,前提是提供半径和角度。

 

假设圆的半径为R,那么每一个点的位置通过三角函数就能确定下来了。

X=cosA*R;

y=sinA *R;

 

 

数学上的左右手坐标系

有了这个公式后,我们可以遵循使用这种规律来设计这个螺旋效果。

 

首先创建一个Main.as 文件,同样我们需要准备一张图片,导入flash cs4里面进行库的链接 给个名称为photo。

这一张图片就相当于一个螺旋点

如var image:photo=new photo();

 通过简单的代码演示

代码
package 
{
    import flash.display.MovieClip;
    import flash.events.
*;
    import flash.geom.PerspectiveProjection;
    
public class Main extends MovieClip
    {
        
private var num:int=50;//一共有多少个螺旋点
        private var numOfRotations:int=3;//圈数
        private var anglePer:Number = ((Math.PI*2*numOfRotations) / num;
        
private var R:int=400;//半径
        private var h:int=0;//高度
        private var contain:MovieClip=new MovieClip();//容器
        private var list:Array=new Array();
        
public function Main()
        {

            init();
            creat3D();
        }
              
        
private function init():void
        {
            root.transform.perspectiveProjection.fieldOfView
=100;//初始化透视角度
            addChild(contain);
            contain.x
=stage.stageWidth/2;
            contain.y
=stage.stageHeight/2-800;
            contain.z
=1000;            
        }

        
//创建螺旋效果
        private function creat3D():void
        {

            
for (var i:int=0; i<num; i++)
            {
                var image:photo
=new photo();
                list.push(image);
                contain.addChild(image);
                image.x
=Math.cos(anglePer*i)*R;
                image.z
=Math.sin(anglePer*i)*R;
                image.y
=h+=30;//每一个螺旋点都递增30
                image.rotationY = (-i*anglePer) * (180/Math.PI)+90;//偏移
                image.addEventListener(Event.ENTER_FRAME,Run);
            }
        }

        
private function Run(event:Event):void
        {
            contain.rotationY
+=0.01;
            sortZ();
        }

                
//深度交互
        private function sortZ():void
        {
            list.sortOn(
"z",Array.DESCENDING|Array.NUMERIC);
            
for (var i:int=0; i<list.length; i++)
            {
                var myimage:photo
=list[i];
                contain.setChildIndex(myimage,i);

            }

        }


    }
}

 

 

 

 

显示出来了,接下来见证奇迹的时刻。我们为每一个小球增加一个z轴,从数学角度上看,复制出一个小球,就让新的小球的高度和前一个小球的高度相差一个高度H。添加了这个高度后,你会发现很多不同效果也出来了。呈现出螺旋状的,看起来就像螺旋楼梯。 同样,可以改变角度间隔这样也可以创建出不同的值。

 例如:我们将

  private var numOfRotations:int=3;//圈数
  private var anglePer:Number = ((Math.PI*2) *numOfRotations) / num;

 

 设定为

private var numOfRotations:int=1;//圈数
private var anglePer:Number = ((Math.PI*2) *numOfRotations) / num;

 

重新运行该程序你会发现改变了另外一种形态

 

 

 

 同样再设置这个numOfRotations参数或者h这个参数,其他效果也会呈现出不同的效果,你会发现这种组合非常多和非常丰富。因为你可以发挥你的创意去改变你所喜欢的形态。这是你能做得到的,一定能。

 

有了这个前提下,我们可以继续创建出很多效果。

 

小结:

从俯视角度看,创建螺旋每一个点都是映射到圆的轨迹上,你只是对每一个点进行分布处理。而这个过程,为了让每一螺旋点产生空间感,需要对每一个螺旋点的高度进行一些设置。

 

数学公式:

X=cosA*R;

y=sinA *R;

Z+=H;

 

转化为屏幕的时候就需要进行投影。

X=cosA*R;

Z=sinA *R;

Y+=H;

posted @ 2010-01-16 09:59 夏天的树人 阅读(107) 评论(0) 编辑
  2010年1月15日

在这里尝试一下改变这个LOGO,换个新的形象。呵呵

 

posted @ 2010-01-15 19:23 夏天的树人 阅读(96) 评论(0) 编辑
  2009年12月21日
摘要: 这个东西功能很简单,没有什么技术含量。只是记录一下。xml 的数据获取后,可以通过一个简单分页处理来完成简单分页效果。1.利用求余和除法的方法判断页数 这个是一个比较常见的做法,也是一种办法。在这里,不对这种分页处理要达到什么最优化的效果进行讨论,这里只是探讨一种办法。对一些数据量不大的做法,可以尝试一下这些。然而对于过大的数据量,则需要其他办法处理。我对数据库并不熟悉,甚至可以说早已经遗忘了很多...阅读全文
posted @ 2009-12-21 14:00 夏天的树人 阅读(156) 评论(1) 编辑
  2009年11月10日

第六期

经过几天的排版,Summer Tree 第六期出来了,在这里感谢Anson和Star的帮助。

封面拿了一张底贴上去,基本上无点ps ,实在无什么美感可言。暂时忍耐一下。

Anson的博客:http://blog.csdn.net/kongweian

下载地址:在这里

posted @ 2009-11-10 19:03 夏天的树人 阅读(46) 评论(0) 编辑
  2009年8月31日
摘要: 这一期,整里了两个星期。总算完成了。不过依然有很多不完善的地方需要自己去完成,其实做一件事情需要坚持和耐心,这真的很多人都不一定坚持到,包括自己在内,也经常是偷懒,注意力不集中。还好,这些都是我自己喜欢的事情。坚持下来就可以的。下一个月继续发布第六期。下载地址: 请下载《Summer Tree》第五期阅读全文
posted @ 2009-08-31 22:18 夏天的树人 阅读(38) 评论(0) 编辑
  2009年8月5日
摘要: 杨白劳走进市场,今天打算买一只又肥又有肌肉的驴子。他见市场有很多驴子当铺,就随便选了一间问价钱。杨白劳: 哥儿,这头驴子怎么卖法?卖家: 不贵就是 1500元杨白劳:驴子看起来有点瘦,有别的吗?卖家: 看看这头怎样?眼睛有神,一看就知道刚刚驴子市场毕业的,合格品种杨白劳: 不错,多少钱?卖家: 不贵就1600,刚刚毕业不久,领了合格证。杨白劳: 这头驴子,不太肥,能干活吗?试用期三个月能挺住吗?卖...阅读全文
posted @ 2009-08-05 11:47 夏天的树人 阅读(63) 评论(0) 编辑
  2009年7月10日
摘要: 明天可以整理完第一期,并且发布了,经过一段时间整理第一期终于出来了下载地址到这里下载阅读全文
posted @ 2009-07-10 15:06 夏天的树人 阅读(42) 评论(0) 编辑
  2009年6月25日
摘要: 需求:现在封装一个类用于方便加载flv视频。能够实现基本的播放功能.[代码]下面是继承了video类:[代码]测试:基本上如果实现外部加载的其实功能很简单,为了让这个类功能更加强大一些,还可以继续完善。阅读全文
posted @ 2009-06-25 21:13 夏天的树人 阅读(432) 评论(0) 编辑
  2009年6月21日
摘要: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->packagecom.game{importflash.utils.*;importflash.events.*;importflash.text.*;importflash.display.Mo...阅读全文
posted @ 2009-06-21 22:42 夏天的树人 阅读(52) 评论(0) 编辑
  2009年6月6日
摘要: 虽然已经整理完毕,但是却没有空间上传,由于太大了上传不了.下次再补充回来如果地址下载不到,告诉我。呵呵 我上传在微软共享空间里面在这里可以下载在这里阅读全文
posted @ 2009-06-06 19:22 夏天的树人 阅读(56) 评论(1) 编辑
  2009年5月24日
摘要: 为了实现as与jsp通信,我们首先先配置好tomcat (这里不多说),在tomcat的Apache Software Foundation\Tomcat 5.5\webapps创建一个目录如:J:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps\flash在flash目录下 创建一个index.jsp文件。为jsp写上一些代...阅读全文
posted @ 2009-05-24 17:44 夏天的树人 阅读(713) 评论(0) 编辑
摘要: [代码]我们的目的是写一个类,用于与Jsp进行交互的类,这个类当中可以进行发送信息,以及可以进行信息返回处理。接下来我们写一个事件链接类,用于监听成功和错误的情况,它带有三个参数,和三个属性。[代码]有了上面的类,我们进行了一个简单的测试:做一个简单的留言板:这个留言板:带五个参数:姓名,性别,邮件,电话,信息等五个参数,如下问题:我们现在所做的事情就是发送这些数据到后台当中。通过后台处理和数据库...阅读全文
posted @ 2009-05-24 17:03 夏天的树人 阅读(240) 评论(0) 编辑
  2009年5月11日
摘要: /Files/hero82748274/无聊感想.pdf今天写了一篇无聊的日志,把他制作一本电子书。因为最近喜欢制作pdf的缘故。呵呵阅读全文
posted @ 2009-05-11 19:50 夏天的树人 阅读(50) 评论(0) 编辑
  2009年4月30日
摘要: 最近喜欢了制作电子书,有兴趣可以一起交流,由于代码很多,难免出错,但是整理这个pdf已经花费了一段时间。由于第四版还是制作当中,希望有时间再整理第二版了下载地址:http://blog.5d.cn/user45/hero82748274/upload/2009-04/感受sandy之旅(1).rar阅读全文
posted @ 2009-04-30 18:09 夏天的树人 阅读(39) 评论(0) 编辑
  2009年4月18日
摘要: 虽然是一种不成熟的思想,但是目前来讲感觉还是很兴奋。今天做了一个新闻列表,看看下面的图 制作的原理:动态复制我们所要的的列表,该组件是MovieClip的制作的,采用了两个TextField。如:写一个类继承 MovieClip类。在这里类里面添加两个TextField 文本。如图:把这个类封装成为NewList类,这个类当中定义两个基本信息如title新闻的标题。date新闻的日期。如果希望增加...阅读全文
posted @ 2009-04-18 08:45 夏天的树人 阅读(578) 评论(2) 编辑
  2009年3月6日
摘要: /Files/hero82748274/Example2.swf今天无聊弄了几个小兔子,感觉真的很可爱,兔子太q了 哈哈阅读全文
posted @ 2009-03-06 17:08 夏天的树人 阅读(970) 评论(1) 编辑
  2009年3月2日
摘要: /Files/hero82748274/Example.swf实现代码:package{import com.fileitup.fisixengine.constraints.SpringConstraint;import com.fileitup.fisixengine.core.FisixEngine;import com.fileitup.fisixengine.core.FisixObje...阅读全文
posted @ 2009-03-02 18:13 夏天的树人 阅读(817) 评论(2) 编辑
  2009年2月28日
摘要: /Files/hero82748274/Flash杂志第三期整理完毕2.pdf感谢插画提供:By lin感谢----浪迹天涯 的帮助。 这次帮手整理笔记。我们两会继续努力完善自己,继续一起学好flash的技术,做更多更好的作品出来。感谢我的同学提供插画:By linPs 封面设计:lonmy这里已经收集一些flash socket通信的程序,以及一些例子。阅读全文
posted @ 2009-02-28 22:00 夏天的树人 阅读(58) 评论(0) 编辑
  2009年2月12日
posted @ 2009-02-12 09:24 夏天的树人 阅读(576) 评论(0) 编辑
昵称:夏天的树人
园龄:3年5个月
粉丝:3
关注:1
<2012年2月>
2930311234
567891011
12131415161718
19202122232425
26272829123
45678910

搜索

 

常用链接

随笔分类

随笔档案

我的博客

最新评论

阅读排行榜

评论排行榜

推荐排行榜