00:00
新建一个。Less,零。八。把零七的笔记拿过来。然后在创建一个code。昨天咱们是讲了2D对吗。然后3D属性没有讲是吧。3D属性啊,实际上到2D属性,它就多了一个Z轴。啊,一个Z轴2D嘛,它是一个平面的对吧,它只有X轴跟Y轴,但是3D呢,就多了一个Z轴,那么也就是说在做3D属性的时候,你自己的脑海里面就要开始去构造3D思维空间了,那么这个3D思维空间就比较简单,没有那么复杂啊,你比如说。你看我们平时做页面,一个X轴一个Y轴是这样的,对吧,那这轴呢,就相当于这一块啊,往往画反了,我们页面是这么坐标,对吧,这是正值,这是正值吧,对吧?这是X轴,这是我的Y轴,那么就相当于这个原点这块有一根针直线的去插进去。
01:10
对吧,那是不是就是我们的这种啊,哎,插进去以后就会这边就会多出一个。多出这么一个,这周来能明白吗?就好比是。这样的,这是不是咱们的页面对吧,00点在这对吧,那么所谓的这轴是不是就相当于我这又伸出来一根线,可能能理解吧,哎,所以你的脑海里面就要构建出那个那个效果了,就相当于这样的一个效果吗?对吧,这不就是这轴了吗?能明白吧?哎,所以说3D空间只是多了一个这个而已啊,那么在这里面我们新建一个A文件,我们来去看一下,我们的这个叫做呃赛利。嗯。同样这里边我们给他一个这个ec等于不可思议。
02:00
然后在这里面SQ style标签,呃,点BOX1,我们给它一个width宽度。200高度200好了,然后这个给个边框吧,不给个背景颜色吧,B back ground给他blue蓝色好了,那么这个话现在啊,有一个什么,有这么一个这个这个。好了,有这么大的一个元素对吧,那么接下来咱们看在3D里边也同样,它也有这个translator y。这是3D的吧。在这呢啊,你看3D里边也有穿3D,这是它的简写对吧,那么简写的时候你就需要XYZ都需要,干嘛给它设置上没错吧,然后呢。
03:02
还有什么呢?还有多了一个就是translator杠,这这周的距离啊。然后这个卡3D也一样,然后他也是多了一个卡Z,然后有3D,但是这里边他少一个什么东西,在3D里边是没有这个。呃,诶哪去了,没有这个属性的。Q,没有它的看到了吧?哎,3D里面是没有他的啊,没有倾斜的啊,只有这个呃,移动啊,还有这个旋转和缩放啊,只有这三个啊,那么咱们来看一下。旋转、缩放。移动对吧。在在这里边啊,我们先我想想啊,我怎么样让它移动呢。嗯,我直接移动,我们看不出来效果,我鼠标放上去,我在移动来box是一冒号how Hu啊how,然后给他这个T,然后穿letter。
04:03
这里呢?我就直接演示这一个这轴就可以了吧,好吧,然后我给他150像素随便给的啊,我瞎给的对吧,你愿意给200给200啊,你愿意给多少给多少,那么这个时候你来看好了,在这里边刷新有变化吗?啊,我给他这个五百五有变化吗?没有看到了吧,那为什么没有,他本来就没有啊,它就是一个平面图对吧?平面图你想想你现在是从这个角度直线的去看这个方块了,对吧?哎,但是呢,咱们说了这个方块后面是有一对有一定的空间的,因为它是这周的距离嘛,对吧,你不管就相当于这个东西,现在你们看它就是这样的,那我不管拿到哪看它也是这样的,是这样吗?但是有一个问题,有一个细节是什么呢?就是我离你越近,你看的越大,我离你越远,你看的就越小,对吧,就跟我们看星星是一样的,那星星不可能就那么大点吧。
05:01
这个大家都知道对吧,因为我们离得太远了,所以我们看到它就是一个点啊,但是你离得近看着就不一样了,所以对于3D空间里边有这么一句话,就怎么样近大远小,就是说。当你的眼睛。这是你的眼睛对吧,你的眼睛去看一个物体的时候,这个物体对面是有一个照射面的,对吧?当你眼睛看这个物体的时候,那可能从这看照过来以后,这个物体就是这么大的。对吗?啊,那如果是距离远呢,比如说这块我还有一个物体对吧,那么当你眼睛看过来的时候,那。呃,这个吧,来,当你眼睛看过来的时候,那可能就是照在这个面的时候,它就是这么大。是不是这样的,这能明白吧,哎,所以说你要是想做了这个这轴的话,你就需要干嘛呢?需要先让它呈现出3D空间啊,所以这里边我们给他设一个属性叫P,就这个等于比如说我设置个3D空间啊,给他个400像素啊,那么这个时候。
06:07
鼠标看好了刷新放诶。我没刷新上吗。我卡死了。好了,鼠标放。不好使。呃,PPP。没有没有没有没有没有没有来,我把它放到这里边来,我这边的近点啊,我就给他一百五得了。我不不不放号了啊。
07:03
没有反应。嗯。不对啊,我就这一个盒子。来。对,没毛病,你们说的对,那我同样我把这个二也给他设置一下啊,再做一个这里边叫做E点二。这里边看好了是只付嵌套的了吧,然后点BOX2,我们再给这个BOX2去设置一个,比如说它的这个宽度等于百分。百,然后高度也一样百分百,那它的100%是多少和多少200。200和200对吧,然后再一样给个背景颜色b background color,嗯,给一个给个这个颜色吧,好了,那现在你看啊子这个子盒子是完全能把复合复合子给覆盖的,对吧?好了,那有了这两个以后,那接下来咱们再开始去给,那他要给谁设置,它是给父设置的啊就是这个,诶不对错了。
08:07
这个属性啊,这个属性是给负来进行设置的,那么设置完以后,接下来在这里边我们要想让它改变的话,我是不是直接设置这个值就可以了,Try letter z,这回比如说给他150小数好了。来,你看这个时候是不是这个盒子放大了对吧?哎,那么同样如果说他要是给负值呢。是不是就往里变小了,相当于距离又远了,对吧?哎,就这么一个效果,这就是这的一个效果,它是在什么呀?在这个直线的距离上一个距离,但是要给他的时候,千万别忘了还要加什么,加这个属性,这个属性的作用就是透视呈现出3D3D空间。透视。角层线为3D。呈现为3D啊,那这就是这个translator-Z那么一样,Translator也有这个简写的,你要是想用的话,那就必须都给它设置出来哦,Trans这也什么,这是3D吧。
09:08
对吧,然后这里边你给他一个100PX。100PX。然后100PX。连移动带放大看明白了吧,就这么一个效果啊好了。然后这是咱们的移动,移动完事以后是什么,是旋转吧。这里面直接用了啊T还有一个是。Color。行开了,这开了是旋转吗?说放吧。旋转缩放缩放旋转是肉腿的啊呃,缩放那3D是这轴的一个缩放,这个效果看的就。来。给他一个。一吧,一没用啊,给他个二。有变化吗?
10:01
给他个点五。点五就是0.5。是不是都行,没啥反应对吧,嗯,我换一下吧,我给他重新调一下啊。点,然后。我这块用个过渡,让它慢一点啊。过渡将谁过渡呢?将所有的属性过渡,然后三秒完成,然后点box。二冒号号,然后给他一个。穿丝。Z,好了,给他一个这个一。鼠标。Translator z。给他个二。
11:04
他怎么不给我画圈圈呢?负二。啊,这周的缩放也是有用的。也是有用的,他呃,缩放你直接看是肯定看不出来,但是我不是让他慢了三秒才完成这个缩放的效果吗。所以是能看出来,就是看的时候就是它一个这个叫什么一个旋转的效果啊,看的时候就是一个旋转的效果,哎,但是不好使啊,是我写错了。没有做,没有做。Color。穿奥三秒完成,然后。当我鼠标放到这里边的时候。我让transform。
12:04
我先把死开Z去掉啊,我给他一个X。X没问题。Y,没问题。这一颗应该是给我个旋转的效果呀。这这这这个。这个小一点的0.5。来吧,看一下吧,百度点com。这个叫把它复制过来。我的小网又没有了。我录屏了吗?录了啊。
13:05
手册呢?这里边也有一个。这谁能看得懂?右键右键翻译成中文。从事。好了,CSS函数通过一个常数因子修改每个元素点的这个这坐标,除非这个比例因子是一,在这种情况下,函数是恒等变换。苏芳,不是像。不是各项同性的,并且元素的角度不是是同的。是简写的。
14:01
是简写的这个。这你看负一的时候,定义沿Z轴经过原点的轴对称。他是需要给这个空间吗?看不懂还不简单吗?找找这个。透视translator z。缩放透4Z。没有用没问题呀,我也是这么用的呀。我在这里面再加一个透视,透视也是属于这个里边的啊,就你看这里边。他不是不是也直接在变化里面去用,你看啊,我再给它翻译成怎么样翻译回去。重新刷新。你看川,然后是不是直接加了这个透视对吧,然后500像素,那我们也可以在这里边直接加。气压它要加到这个子类里边了吗。
15:01
我给他400。然后这个是我们来看。咱这里就没有用了。看看啊。这是。一个这是一个。他记住了。这个啊,它既做了透视。然后是。Z,然后还有移动的Z。上面那个500。把哪个500去掉。啊,这个那没有事儿,这个没有事儿。看到了吗?这个是没有事的。这也不是。宽高、背景颜色。然后来把他的直接CTRLC。
16:04
放到我们这里面来,然后还有他的CSSCTRLC拿到我们这里边来。好了,这回看一下他的好不好使,来刷新。哎。哦,好好。那是他的原因。是不是跟我的一样,一动不动,不对,原来我我记得我实验过这个这个样式,这个样式放上去以后,我没有觉得它就是转一圈。不是吧,是这个玩意。嗯。
17:00
那个属性这个,呃,哪去了这个属性。不是啊的吧。找一个中文的行啊。嗯。这个看看有没有。把这个删掉了啊,手册上的跟咱写的是一样的,都没动。咱也不要了。不要了。嗯。
18:24
呃,X轴缩放,Y轴缩放,这轴缩放就是开,咱们用的是开对啊。这也没有了。呈现出3D空间。是这个吧,3D。来,你看啊。
19:00
走,你。有变化吗?我没有用错,我知道你说的这个属性没有用。他只需要这个透视就可以了,看到了吗?先把它放弃吧,一会我看看。这个。把这个移出来放到铜级上。在边上。跟你没关系,他的意思是这个意思,Marin top100 Mar竞LEFT200,这不就完事了吗?是不是这意思?嗯,然后我的属性注释掉了。放过来,刷新走你。没反应吗?把你在说的这个3D的快开,再刷新再走你。
20:00
是不是没反应?啊,没事,一会我研究一下子。先这么地吧,把它先放弃了啊,不用它了,不好使就不用它了啊,再往下来,我们看下一个,下一个是谁来着,旋转了吧,叫Z。穿是。那这个用了,咱就直接写吧,400,然后旋转叫叫啥来,刚才我说的。这轴对吧,旋转它是不是也一样,旋转多少度对吧?旋转1100G。好了,刷新一下啊,鼠标放。不是。不是啊,那个那个缩放,缩放的时候他是往里边缩完了转一圈又回来,我完了,我我之前写出过这一次,再我就没再,我也没没用过啊。旋转呢,就是就是沿着这周进行什么,进行一圈的一个旋转啊,那么像刚才我们做的那个给大家看的这个这个东西。
21:10
这个东西,这个东西。用到了旋转,但是它没有用到这个3D的旋转啊,但是这个东西用到了一个什么呢?用到了一个这个属性。就是这个属性。好,那咱们直接就看一下这里边来把这个属性收过来。还真是照相啊。李福杰给我发微信了,我才看到,我们当听不见。正在知识的。哎哎,这破网。
22:04
啊。什么玩意儿呢?来直接把这个找一下。哪儿呢?这儿呢?这个呢,它也是呈,它是这个不是透视,这个是呈现3D空间哦,你看我们要做这个效果的话,它就是一个3D的空间在这块对吧?啊,就相当于呈现一个3D空间,就是当前你这个空间就相当于是什么样呢?相当于是。哎,对对,就是类似于这样的一个一个空间能明白吧,啊,所以加差就是这个作用。诶。
23:16
什么破玩意儿?来CSS3,我看看这手册里没有啊。叫做。Transform style。来。在这里边指定某元素的子元素是否看起来位于三维空间内啊,还是在该元素所在的平面内扁平被摆扁平化,就是说白了,要么它就是一个平面的,要么就是一个三维的,对吧?那么在这里面就俩属性嘛,这一个第一个就是平面的,第二个就是什么元素是在三维空间内的?能明白吧,哎,你看比如说就拿这个做演示吧,我就直接在这个里边编辑一下了啊嗯。
24:04
在哪呢?是不是这个文件。三点这款啊。来如果不加这个属性的时候啊,你再来看它是什么效果。看到了吗?这是不是平面的?看到了吧,哎,当你加上这个3D,相当于呈现出三维空间,那这个时候你再看它是不是就撑开了。就这个意思能明白吧,啊,这个了解就行,这个属性你知道有就可以了啊。然后再往下来,我看看我的手册,诶我手册呢。来吧。不是。我的这个手册呀。我这个吧。等到一会儿我看看这个这个这到底怎么能给显示出来啊,然后再往下过渡,咱说完了对吧,不用说了,过渡完事以后呢,就是就是。
25:00
是。动画了吧。啊,动画属性,我动画属性咋这么多。啊紫属性好了,来动画。嗯,来看一下啊,过渡属性只能去模拟这个动画的效果啊,就是说你看我们再去用过渡的时候,比如说在这里边新建一个文件啊,叫T穿,是tins穿,呃,不对。那个过渡怎么说来的?是这么写的吗,TR?过度T。别说话。Tion,这回对了吧,嗯。然后这里边我们给个div啊,然后同样style标签在这里边,我们就直接我直接div了,这个文件就写一个你看啊,比如说宽度我给它设为100啊,高度我也给他设为100,那么背景颜色我们给它,现在就是初始颜色,它是什么,它是红色的。
26:11
对吧,然后我们通过在我们去学过渡的时候,我们可以知道那div冒号号,我可以通过这个鼠标一录的时候,我给他设置,设置一个背景颜色叫做呃。Blue蓝色,也就是说让它从红变蓝对吧,那么过渡呢,是可以干嘛呢,帮我们平滑的去过,过去也就是T。Transaction,然后比如说这里边三秒。然后所有的属性好,那么这个时候你看它是可以帮我们这个有一个平滑的过渡效果,但是当它过了蓝色以后再变就变不了了,对吧?那么我想做的是什么效果呢?我想的是它当前是红色对吧,然后我鼠标放上去以后呢,不一会儿呢,它是蓝色,再不一会儿变黄色。然后再变为红色。只要我多加一个颜色,过渡就无法实现了。
27:02
对吧,哎,因为他没有,他没有条件再去让你去写代码去实现啊,所以这个时候就可以用到什么呢?用到我们的这个动画属性了,那动画属性过渡属性你要会了,动画属性你也会,它跟动画,它跟动画的参数是一样的。先是给哪个属性,呃,先先是动画的名字,然后多少秒动,然后再往后有什么动画的这些执行函数,就是先是快呀,还是先是慢呢,还是匀速的去去做动画呀,啊,它也是有这一系列的这么一些参数的啊,那在这里边我一样新建一个I mission imi怎么的。然后我们来看啊,在这里边同样还是以这个div来说明,我们这里面class CS叫做Y,然后呢。Style标签我们叫点one,找到它以后,Width宽度我们给他200,然后高度我们也给他200,然后bakgund back color,然后我们就先给这个颜色。
28:08
好了,现在你看是不是有这么一个了,然后接下来我想变,那么我想变的话,在这里边an an an大家看啊,当我打出来以后,是不是后面有一堆。看到了吗?是不是有一堆啊,对吧,这些可能现在我们还不认识,不认识不要紧啊,在这里边我们先来看一眼这里边每一个,这是它的简写属性,看到了吗?这是说的简写属性,那么简写属性也一样,用于设置四个,哎,这是过渡。这是动画啊,这是动画啊,过渡属性只能模拟动画效果,And Miss属性可以制作类似于flash动画,通过什么呢?通过关键帧来控制动画的每一步,什么意思?比如说我现在从我这个位置走到这儿,我是不是要迈一步才能过去,对吧?那么也相当于从我原地立正到我迈这一步完成,我是不是可以可以把它看作从0%~100%,因为我认为这一个动画完成了,对吧?那么好了,那我从这块开始往前迈一步的时候,我从我每抬脚的那一刻和我脚一只脚往前移动的那一刻,是不是都可以算作一个真的?
29:15
能明白什么意思吧?哎,那么也就是说我们通过这一帧一帧去控制动画的一个运动啊,然后使元素从一种样式逐渐变换成另一种样式,实现一个复杂的动画效果啊,然后呢,关键帧的制作通过什么呢?通过艾k frames他们两个是配合的啊,艾特k frames去声明这个动画的关键帧,然后呢,你addmi就要去选择到这个动画,他们两个才能关联上啊,是这样的,它的作用用于生命动画指定什么指定关键帧的啊。然后再往下来,这里边这就是它的格式,看到吗?K后面跟什么,跟你动画的名字,名字你自己起对吧,然后开始于哪儿,然后结束于哪,那这里边单词的不好记,不用记,直接记。
30:01
百分比就可以了,整个动画完成就是100%对吧,那0%的时候是什么,10%的时候什么呀,也就相当于第十,比如说完成一个动画用了100秒,对吧,你从第零秒到第100秒,是不是每一秒都会有一个这个叫什么细微的动作对吧?都有可能是细微的动作,但是你连贯起来可能就看不出来了。是这样吧,哎,那那每一秒你都可以给它定义上来,对吧,那每一秒就是这里面所说的每一帧。你就可以这么去理解,能明白吗?啊,没用过没用过啊,我只用秒,没用到小数上啊,就只用了百分之几百分之几,你说3.5%,你他不会拦着你的,你可以用,他不会给你报错啊,然后再往下来看一下啊,An属于动画,用于控制动画的啊,然后调用什么呢?调用这个k frame定义的动画,然后设置动画属性,如时间次数等,An属性是一个简写属性,那么语法为你看en Miss以后,后面跟动画的名字,什么时间,他的动作,然后什么延迟时间啊等等这些啊,还有他的这个这个叫什么来着。
31:09
啊,这个呢。对,播放次数啊,播放次数啊,然后呢,你记不住标记下面是有有啊,你看这是它的动画指属性admi-name就是调用动画对吧,就是k frame定义的名字是哪个,你就把它写到哪儿,就是单独写的啊,然后这个呢,就是动画完成一个周期所需要的时间,然后这个呢,就是规定动画速度的变化,这个类型就是我刚才我刚才说我说以快到慢对吧,或者是刚开始呃慢后后期快到结尾又慢对吧?然后这个呢,就是播放前的一个延迟时间对吧,然后再往下呢,还有播放的次数。啊,你这个动画是播放几次,你可以一次两次,你也可以无限次啊,然后再往下呢,就是动画播放的方向啊,那么这个的话表示什么呢?轮流播放啊,这动画会在这个基数是正常播放,而偶数是向互播放,这个别试了啊,就是你们用的时候也不试了,因为试一会就懵了。
32:09
你要看好它在奇数的时候是正常播放的,偶数的时候它就开始往回播了。明白吧,几下就两下,就基本上就就乱了,就让你晕了啊,然后呢,再往后呢,就是动画停在最后一帧,然后这个呢,就是规定动画属于正常运行还是暂停呢,就是你可以通过它来设置什么呀,设置暂停和运行啊,那这就是它的这些子属性了,好了,那咱们就来设置一下啊,在这里边I Miss aimin。然后这里边我要去写关联一个动画的名字,动画的名字是不是通过艾K来进行制作的,对吧,那随便起一个名字,比如说起一个大熊,然后呢,0%的时候,咱们是什么颜色。是这个叫这个色。对吧,那我不动了,我直接从30%开始可以吧,当然了,你可以从0%啊,30%的时候,背景颜色我变成红色,然后呢,50%的时候呢,来50.5。
33:09
背景颜色让它变成这个红绿,最后100%的时候,我让它变为。来乐安蓝不录不是来了好。默认初始颜色是这个颜色对吧,那么好了,动画的关联帧我是不是定义好了,那定义好了以后爱去关联,关联哪个动画,关联大熊的这个动画,然后多长时间完成呢?我说五秒完成。我五秒完成好了,现在我给它保存,然后我们来打开,打开我们去看变再变。再变,最后一帧变到了蓝色,然后又还原到这儿,对吧,这是我的初始颜色嘛,现在完事了,动画就执行完了,但他只执行了一次,我不想让它执行一次,我想多执行两次行不行呢?可以你给他加个二。你看啊。
34:01
找我的初始颜色啊,蓝完之后,哎,我那个初始颜色跟蓝有点像。看到又红了吗?嗯。没了,这回没了。是不是就两次无线的,无线的好像叫Li。啊in这个啊是吧,这就是无线一直播对吧,然后匀速的话呢,叫Le是不是这个。嗯,是吧,哎,他就能一直去播,这就是一个动画属性了。不难吧,检验属性我不用挨个去试了吧,没必要了啊,没必要,好了,那这个动画完事以后,我们就可以去做刚才我们看到的这些效果了。我先给大家做那个地球吧。地球的简单。
35:07
来,我这个代码我就不拿了是吧,我自己再写一份。把它放过来,这里边两张图片看好了啊,一张地球的,一张背景的,这不难吗?哎,直接上图,在这里边,HTML文件,地球叫什么ETH对吗?然后在这里边。先把背景引过来,Style标签body的BAURL是我当前以妹解img目录下边的BA,点搞定。背景先给他拿过来,拿过来以后,接下来在背景上面是不是放球球,那放球球在这里边,我们有给他一个sea,呃吧。Div,地球就叫ETH好了,然后这个地球多大呢?你得看你人家那个地球的图片多大。
36:05
这里头怎么看了?哪呢啊这儿呢啊,800乘400的对吧,那OK,那我就给他一个什么呢?400乘400的。对吧,你不能全显示嘛,是不是这个道理,你看好了啊,这里边叫点CH。给他with,宽度400,高度也一样400,然后BA的URLURL给谁呢?当前目录以妹积下边的ETH好了,这个时候来看是不是有了,我先让这个元素居中,我要让这个元素居中居中。用哪个属性给他居中。马景,Mar。Marin marin上下为。300吧左右自动我就这么居中了啊AU好了。在这呢,是不是有了有了,但咱们知道地球是圆的,我们得给它干嘛,变成这个圆角才行吧,哎,变成圆角,所以在这里边。
37:12
Us给了多少?没毛病啊,就你实在不行的时候,100%,现在地球不就做出来了吗?但是有3D的感觉吗?没有想做3D的感觉,我告诉你最简单办法加阴影。啊,加阴影就是了,你看好了啊,那加阴影的话,我是不是得先给我这个当前的这个盒子去加这个阴影吧,对吧,所以说在这里边。也有,那属性叫什么来着。包括杠sa对吧,然后在这里边,比如说嗯,它的阴影,注意它的阴影。不需要偏移。它应该是转圈都要有阴影才能体现一个立体感嘛,对吧,所以在这里边0PX0PX,然后模糊度的话。
38:14
我随便先给,我先给个十吧。然后。因为有背景啊,所以我们看不出来,然后我应该给他一个颜色,给他一个RG。BA,然后给的白色。看出来了吧,啊,这是不是就有那种感觉了,对吧,但是呢,这里可能还不行,我们可能再加我给他一个点八。这是我的第一个阴影,我再给他加一个,再加一个内置的阴影啊,再配合一下来,一样也给它0PX 0PX 10PX,然后R。呃,内资阴影的话也rgba吧,然后255。
39:05
25525。五然后。同样我再给他加一个点8.8就是透明度嘛,对吧。上面放着。没有怎么样,没有逗号。好了,然后这里边给它来一个音。往那家。这回就有一点了吧,对吧,但是的话,但是的话。但是这个地球啊,不可能一圈它都是亮的,这样能强一点吧,模糊度加大一点,对吧,这样的立体感是不是做出来了,但是呢,地球咱们说了,它不可能肯定不可能是一圈都是这个就是太阳的照射面,不可能是照了一圈嘛。对吧,所以你可以再继续去调,再继续调的话。把它捡出来。捡出来以后,哎,不用把它就粘上来在这里边啊,我给他一个子类叫做settle。
40:07
再然后在这块点。Sa给它再进行设置,那sa的宽度就是100%,高度也一样也是100%,这个时候大家知道会覆盖掉它的副类对吧,比如说我给个背景颜色啊,Background给他一个红色,你看是不是给它覆盖掉。那么同样它需要也有这个什么圆啊,Border杠百分之。百吗?还50%行对吧,100%,那么咱们知道他是干嘛的,专门用来打阴影做遮罩的,对吧,那他的遮罩的话。Box box杠。嗯。它的遮罩,我们应该也给它inight内置阴影,Insight内置阴影,然后因为大家记不记得昨天我在剪阴影的时候,内置阴影的时候,正常情况给正值的时候,是不是是从这个位置打进来的。
41:05
对吧,哎,这是正常值的时候,所以在这里边,嗯。随便给一个吧,三十三十模糊度,我也给他30RGBA颜色,那它就是000,然后再来一个点5万。好了。这是不是有这个这个这个黑的这一面了,对吧,因为你太阳不可能是完全照射的嘛,那这个时候我看看我再调一下啊。感觉那一个招生面给的有点小呢。啊。应该大一点点是吧,就是刚才我设的这个吗。是他哈,然后你看啊,因为咱现在是设置内置阴影,这是什么,这个叫做这个这个这个。呃,这叫啥来着,那对模糊度对吧,刚才我给的是多少了30吧,然后这个呢。
42:02
什么距离,这不是外延值吗?对吧,然后角度看到了吗。角度角度是不是可以自己在这调对吧?哎,你调的不好,你可以再给它加大嘛,你自己加就随便加。看到了吗?啊,你要是这样的话,阴影要是这种情况下,那相当于光就是照照到这来的嘛。能明白什么意思吧,啊所以说这个就看你自己去这个调整了啊,比如说这块,呃,我给这个负的呢。诶,我要光在这边,这没问题是吧,负200。负200。然后垂直的那个这个什么Y轴我在我也给他负的呗,让他往上去呗,是吧。
43:01
就这个位置吧,200和60这块,我就是负200和。负的60。好了,然后这个。红背景咱肯定不能要了吧,把它注释掉,你看亮面是不是就只有这一边是加,相当于高亮,剩下的都是有一层灰的了,看明白了吧,当然了,我这个这个可能给的也不算太好,给的有点太。大了吧,给他少一点点三。哎。这回也给他点儿。三。哎,稍微变一下,这是不是就有了,这边现在是这个位置是属于高亮的对吧,其他的地方都是什么可的吧,然后接下来呢,就是什么这个地球的转动了怎么转。啊。你不是正常情况下不是你现在的不用考虑赚,你拿什么赚,你告诉我。
44:00
安转哪个属性转那个。转哪个属性什么X轴的,你的图片是不是只定位了一半?什么歪轴的?你图片不是只定位了一半吗?我沿着水平方向,这叫啥来着,我想想啊,咱现在是0PX是不是这样的对吧,那你就开始,你看转没转。转没转?地球在转吧?是不是就是这个效果啊。不就动这一个值不就完事了吗?所以说在这里边那就是艾K,然后我们起个DEMO吧,E Mo,然后在这里边,那就是0%的时候,百分之0%诶。0%的时候,那么它的这个back BA BA back position。
45:02
Position就应该是多少,就应该是零,PX是起始的位置,对吧,100%的时候呢,这个BAC的process它的总宽度是多少,800是吧,那我这里边就给他一个。因为他在转,他在转,我就给他付800不就可以了吗?对吧,因为你看啊,给付800是什么意思啊,你看啊。来这里边,如果说大家注意啊,如果说我给的正值你看啊诶。给个1PX啊好了,你看啊,给它正值,它地球是往右,这个相当于什么往右来了,对吧,我给它负值是。往左来的吧,你看是不往左来的,哎,我负到800的时候,是不是相当于也到他的原那个原点了,负800是不是相当于到最后了。能明白吧,哎,所以说在结尾的时候,我就给他一个负800好了,那这个给完了,给完以后接下来就是让他进行动,让谁动,应该是让他动对吧,让他动的话就是an Miss,然后地球的名字de Mo DEMO,然后十秒完成,然后让它匀速。
46:17
然后无限好了,就这几个属性就够了。这不就撞上了吗?这不就完事了吗?看明白了吧,实际上它就是一张图片。我们在移动它的背景呢?能理解吧?真有意思,我我不给你讲完你能看出来假呀,讲完了你才看出来假好吗?哎呀。
我来说两句