00:00
OK。好,那OK,我们。我们来看一下啊,先把这个项目打开。OK。好,来看一下我们做到哪了。咱们做第几瓶了?咱们是不是做了三瓶,做了234吧。第二瓶第三瓶以及第四瓶是吧,然后第五瓶的话,咱们这个气泡是不是稍微的画了一画,可是没画完是吧?OK,这个曲线还没做。就是光出现几个大饼是不是已经做了啊,OK,好,嗯,那这样啊,我们来看一下这三屏,其实没有什么好复习的,我感觉这边这个的话,其实我们已经做两遍了吧,是不是这个线你们就自己自己干加上去啊,啊这个线就定位什么定上去啊,这边我就不带你们画了,嗯。
01:09
就是这个animation的话,你得懂吗?你得懂是不是怎么让它立马掉头啊,是吧,你对这个关键帧是否明白,我们说0%跟100%,如果说你不写的话,代表什么意思啊。默认元素是什么状态就是什么状态吧,是吧,OK。哎,这一这一瓶的话,其实就是看你对这个定位理不理解了,咱们是不是,咱们是不是,这里面就是用了定位的四个方向是吧。我的是一个。还没?你你网没连上。先坐过去吧。先坐过去。
02:00
OK啊。嗯,这种炸裂效果的话,就是考察的定位吧,是不是OK也不难啊,那今天做这两瓶的话,可能稍微会有点难,第一瓶的话做的是一个3D的轮工效果啊,以及我们的最后一瓶做的是一个这种气泡,咱们先把这个气泡我们先画画啊,嗯,我们前天换了个什么气泡。换了个泡沫吧,是吧,OK,好,我们来看看吧。好,今天应该是我们第30天。好,我们把这个零七先把这个什么,把这个嗯,曲线运动啊,我们来。整一整,什么是曲线运动呢?嗯,先讲曲线运动吗?这个我们先实现一个这样的东西啊。
03:06
OK。来看一下先实现这样的一个曲线运动的动画吧,是吧,因为因为咱们看待会,其实待会儿我们这个气泡啊,它其实是不是就是就是我们这个曲线运动一个纵向板。能不能讲OK,那这个东西怎么做。就是你到现在遇到过的曲线,是不是在开里面遇到过曲线啊,是吧,可是现在这不是个开啊,这就是在我们的页页面上面去做一个什么,做一个曲线运动,你看到这个东西,你想到什么。心电图,你的脑洞真大。谁的心电图长这样?OK,对,想到正弦跟余弦图像吧。
04:00
你有没有想到你看嘛,这种是干嘛你看。我这种一话。这样一来是不是就是正弦一边图像?是不是说白了,是不是让我一个元素,X轴上面等于我的正弦的值,Y轴上面等于你,呃,X上面是不是应该等于我的度数?Y轴上面是不是等于它所对应的正弦值就对了。这张图不就出来了吗?你能不能理解来看一眼啊?好,我们说啊,其实我这边有一个小推荐啊,放大里面这边讲了一下这个曲线运动啊,待会我会。发我会发给你们,就是你们可以想一想,我们学到现在,其实我们做动画的话,是有一些最基本的数学的功底的吧,第一个就是你得懂勾股定理。
05:00
我们是不是我们是不是一直在用啊,这个应该没什么大问题啊,OK好,那三角函数正切余切,正切什么余切,其实前三个我们用到了,余切我们很少用到吧。一切就是正切干嘛,反过来嘛,是吧,是这个其实我们用不到啊,正弦定理啊,就是A除以sin AB等于除以sin等于C除以sin AB等于二啊这个能理解,比如说我们干嘛,我们说。一个三角形啊。一个三角形是不是有外接圆的是吧,我说过这三个点的话,肯定会有个外肯定会有个外接圆的吧,啊,画的不是太好啊。外接头了,这是OK,那干嘛,那我们说这个这个角度A啊A角度比上三一是不是等于这个外接圆的半径呢。应该是等于外接圆的直径吧,是吧?啊,这个是一条公式啊,啊,自己稍微记一下啊,这个可能以后我们会用到啊好余弦定理,余弦定理其实我们用的不多。
06:09
这个cos ABC等于什么B方加C方减A方除以2BC啊,那我们除以2CA除以什么2AB是不是这也是两条定理吧,这两条定理的话,正弦定理以后可能会用到余弦定理。其实。以后没有什么使用场景啊,如果说有使用场景的话,我们再来讲,你不讲这两条公式,初中时候应该都学过了啊,OK,那什么是弧度就不讲了,角度怎么转弧度,这是我们一直在做的事情嘛,是吧?OK,好,那我们就看一下这个三角函数吧,三角函数的图像啊,这边好像没有拿过来,我们去。搜一下吧,比如说这个正邪。正弦图像吧。你看这个正弦图像跟我们那个动画像不像。
07:03
一模一样的吧,能理解OK,那其实就好做了,正弦段这边是不是跟我们一模一样的,来看一下。再看这一边是不是,你看X都是什么。你看派负派,派二派这个是什么?这是不是所对应的弧度啊,是不是这个每一个弧度是不是都会对应着一个正弦值啊。那么讲,那其实我们让X轴等于弧度,Y轴等于你的正弦值不就行了吗?它不就开始去做曲线运动了吗?那我们我们画画分担。能不能理解?OK,好曲线一个怎么办呢?我们说这边我们来个D,那这个D稍微的小一点吧,A表OK,死掉。好,OK,我们说该弄东西干嘛那么干净。
08:04
OK,来看一下这个AOKY值的话,我们给小一点吧,一个10PX吧。然后的话也给个10PX吧,OK,然后来看一个背景啊为POK,让它定位定起来这行为。Salute,来看一眼它在哪?九点是不是在这边,是不是我们让他干嘛,让他让他有一个盲点吧。嗯,那他有一个定位吧,要不left的下来个400下呢,啊不top呢,坐下了一个300。这里看一下它在哪,它是在这边啊,待会就在这个地方呢,开始做这个曲线运动是不是啊,OK,好,颜色稍微深一点,OK,不然看不到这。
09:01
在这边嘛,待会在这边是不是都动起来是吧?OK,动起来,大家想怎么办?不就是改它的什么,那个top值吗?是不是在哪OK,那怎么办,来个规的标签OK window点对吧。O road等于一个方式,OK,先把这个APP怎么给它拿到,等于什么?多点query,我们去找到这个什么这个。好,找到这个APP之后啊,怎么办呢?OK,首先把它的一开始的位置拿到了作为起点吗?有没讲OK一开始位置好难吧,画一个什么。TT到什么?X等于什么?No等于什么什么?
10:05
Left是吧?OK,什么Y等于AB点什么错?是不是拿拿到这个东西之后怎么办。拿到这个东西怎么是不是在这个起点的位置开始去做这个动画,曲线动画咋整。改成什么?叫什么?点left是不是你要点一个P值吧,是不是这个值是不是要要拿我们这个三去加的是吧?OK,就因为你要做动画,这所有的事情是不是应该放在一个定时器里面。OK,来个什么C是什么。特来一个什么function是吧,OK,给个。
11:00
除以60是不是就你进来好?13X叫什么?Left是代表横向,横向咱们加弧度是不是就行了。横向不是代表弧度吗?是不是怎么办,卖吗。呃,我拿进来应该是个角度吧,我在外面干嘛,我第一个角度叫什么,第一级等于零可不可以啊,这边进来干嘛,我拿这个角度一直干嘛,加加是吧,那你所对应的弧度应该是,是不是啊。除以点派对吧,乘以。A应该是乘M点半除以一百八吧,是不是乘以点半除以什么180,不放心的话,那个括号个吧。勾起来是吧?那你的应该等于什么?你的错应该等于什么?
12:08
你的top前为对应这个弧度所对应的什么?Sin值啊?正弦值吗?那整个曲线运动不就出来了吗?能不你讲怎么办,这是弧度吧,是吧,然后呢。什么上一组就行了。什么是吧,这里面什么。像那个锁定的弧度不就行了吗。那整个曲形的视频应该出来了,来看一下。啊,应该知道什么Y。就是你看看他动不动嘛。在不在动?再动,只是这个幅度太小了吧,是不是想要这个波峰波谷稍微干嘛。大一点,你看现在这个波波虹波谷是不是才干嘛才到一啊说说白了,这个曲曲线运动就是什么在做什么。
13:07
一项数的运动啊,太小了吧,那怎么办?是把哪个值。是这个值啊。大一点。乘以多少?乘以一个。STP是不是乘一个倍数啊,这个倍数在外面,我们定一下吧,外一个倍数乘以一个100是不是?可不可以啊,来,看一眼,刷一把你。在不在做血运动了?横向上面是不是也太小了,我们这样,我们把这个点给它什么秒一秒,把它整个运动的轨迹给它干嘛,秒一秒啊,是不是描。这样吧。咱们在下面整个什么呢?这样啊,我在这边写写带样式叫做点。
14:02
Follow for是不是OK,怎么办呢?我让他每次定位啊,都参照于这个APP制作定位行不行,那是不是就跟着我的APP走了?我让一个元素每次都干嘛,跟着APP走不就行了吗?那你的轨迹不就出来了,只不过这个点的话稍微干嘛小一点,Y是为一个EPX。Hat有一个什么EPOK,给个背景颜色,给什么黑色是吧,是然后你每次在这边去运动的时候,我干嘛,我都在页面上干嘛。给你干嘛,创建个什么div,我让这个div的class等于什么for就行了。你们讲刚才你定位要不要。并起来,你这个定位,你我让这个定位的值就等于你的量,Top的配量不就行了吗?
15:00
是吧,怎么办?这边是不是拿一个div干嘛,接一下是不是OK div什么点class list。点什么ADDADD什么。Follow是吧,OK,好,这样就行了吗?你每次新都要干嘛?Document点什么,Body点什么panda try是不是都要干嘛?塞进去了,是不是不光要塞进去,而且啊,你现在这个拼音量是不是跟这个APP一模一样,那怎么办?EAB点什么,死掉点什么。点。Left等于什么?Appnode点什么?叫什么是吧,这个top呢。
16:04
等于什么什么top加什么加PX,你们讲OK,摔吧,走整个轨迹就是被我。描出来了,你发现是不是这个曲线运动是可是波峰波谷是不是被我们拉长了,因为我们这边干嘛乘以了一个什么。系数嘛,可是横向共电是不是没有没有被我们拉开来啊,说白了,你横向是不是运动零到派啊,是不是零到三点几像数啊。零到三点以上之间的话,你这个Y轴是不是要走从从零走到100,然后再下来,你看整个是不是特别难看。特别难看吧,那你想让这个横向上面也稍微的大一点怎么办?是大你们同一个吧。比如说这个什么,这个是,这个是代表什么Y吧,是吧,你是不是还能再来Y系数啊,这个系数就等于代X吧,如果说一样的话,那你是。
17:04
都是120,可是干的事情是不一样的嘛。这个能不能理解,这个应该是Y吧,哎,不对。啊,对对吧,这应该是Y选看一下。摔了走,应该没问题吧,来,走,看一眼。是不是太难看了?确实在做曲线运动了吗?把哪个系数做一条小一点?X调成50吧。走,你来吧。是不是还是感觉有点差不多了吧?差不多了吧,是吧,OK,你看这个曲线就出来了,是不可能,这种东西是不是最好放在开发式上面。是不是放在开放上面的话,是不是有这个笔数可以去进行控制的,说白了也也也比较简单嘛,说反正你就干一件事情,让我的left的值等于什么我正弦图像的X轴,让Y值等于正弦图像什么Y轴,这个事情是不是就做出来了。
18:09
能讲啊啊这个简单啊,可是这里面我需要你们去关注一个点。就关注这个follow follow的样式,咱们分了几段,两段,一段写的什么?写在了标签里面的。是不是另外一段呢?写在了JS里面了。是吧,你要知道写在里面这个样式能改变,是因为你定时器一直在跑。所以说你的LA跟top值是不是一直在改变啊,是不是OK,那我们说写在这个CSS里面,这些钥匙被读了多少次?这些钥匙被读了多少次?你这边运动多少次,这边就会干嘛,被读多少次,为什么?因为你每一次运动的时候都在干嘛,改动作。
19:01
看到没有,是不是都在往我这个数里面去加一个,加一个节点啊,每次改动数这个样式要不要重新的复制一下。要。一一定要这种意思懂不懂,所以说有时候当你一个动态运动的东西,有些固定要素的时候,能不能写在时代标签里面。能不能可以的每次都会干嘛,读到的能不讲,并不是读一次懂吗?啊OK,好,这是我们曲线运动,那咱们是不是把这个曲线东西。用在我们这个can上面是吧,那想想应该怎么办。走好,曲线运动出来了,好,咱们说昨天咱们画这个图形是不是有很多同学不理解啊,那这样我们先来画一个最简单的。OK,咱们先来画下一个最简单的开放式动画。OK,最简单的看中花,它应该长成什么样?
20:04
零二。OK,看动画。OK,来看一下最简单的一个,看怎么我去整一个画布过来啊。OK,看vas文本整个画不过来吧,对,CTRLC直接贴过来了。好,这边都要干掉。OK。好看一下,这边咱们是不是有个画布啊,咱们写一个最简单的看动画啊,看怎么弯。呃,现在我们是不是这边有个包括最简单看的话,其实开个历史器就行了。是不是只要开进去这个就应该能出来来看这你比如干嘛也是1000除以60是吧?OK,我们说怎么办呢?最简单的动画,那不就是外面干嘛画一个flag等于零吗?每次进来干嘛flag干嘛加加嘛,然后去画东西不就行了。
21:11
是吧,CTS吗?CDx.C是吧,OK begin。然后呢,Stop。OK,然后呢,在这里面去干嘛?我说CTS你画一个圆吧,啊,不是画一个。画个矩形吧,画个圆啊,画个矩形吧,矩形是不是一个一个一条就可以搞定,是不是OK,我们说嘛,哪个位置啊。Flag flag怎样尺寸呢?100乘以100周年这样一个动画其实就已经出来了周年。看到没有,这是一个动画。
22:01
也算是一个动画吧,是不是说白了看动画也算杰S动画一组?只要开循环定时器,是不是就可以启动啊?是不是这样的,OK,可是问你,现在咱们这个运动是几个元素在运动?几个元素啊。咱们是不是只画了一个图形,只需要看一个电,只需要看一个电视就行了,那昨天咱们咱们看我们前天做的这个。泡沫这个东西啊,问你是不是很多元素在同时运动啊,是不是,其实干嘛大家看运动就靠谁。运动靠谁啊?靠循环定止器,你是不是有这个循环定时就可以去运动了,这个循环定是不是提是提供信息的,因为你是不是同一时间点有很多元素在进行运动是吧?那你是不是每每次下面这个循环空气是往在测完这个速度有去干嘛。
23:02
去干嘛?去筛信息吧,塞,你是不是要画的东西啊?是吧,真正我们说这个运动是不是靠这个,靠这个循环电气的,这个循环电气它是怎么做的。OK。为什么每次我们都要分析?如果说是一个元素需要波一起吗?不需要,因为你这个数据里面是不是好多元素的,那我是不是要开两个波一起啊,说白是不是有这两个循环,这两个循环出现的目的就是因为你同一时间点是不是有多个元素体运动。能不能解啊,那动画本质在哪?你看我们看动画的本质是不是就在这个flag加加。这个弗兰克加加其实就是我们的动画吧。能理解下面是不是用来做绘制的。是吧,OK,因为你是一个元素嘛,这就需要循环吗。不需要,只要一个标志位不就行了吗?是不是的,如果说是多个元素呢。
24:04
你是不是得有,你是不是这边也也需要一个数组或者一个对象,把这个数据干嘛收集起来,然后每次在这边加加减减的时候,你是不是也应该是个或循环。能理解啊,你看咱们这边再看这透路不是一样的吗?只是多个元素,你看上面这个玻璃器里面是不是就在做再大减减的事情啊。这个是不是就代表我们的动画了,跟我们这边这个flag的是一样的。那么讲下面呢。下面不就是去换了,只不过因为也是堕落吧,你外面不是加了一个循环吗?这个步骤跟我们做一个最简单的动画是不一样的。是不样的,问你如果说我们分享下这边是不是代表动画,这边是不是就代表动画,下面这个是不是就是干嘛。就你话多。你们讲如果说好一点的话,你上来我们每次干嘛。
25:00
亲一把嘛,你看我们这边上来是不是也每次都亲一把打?看没看到,那我问你这个动画,这个动画能不能看到,最简单的一个看动画能不能看到。可以看到可以的吧,OK,那你看这个东西跟我们这个这个动画很像的吧。是吧,只是这个动画代表什么。这整个动画在代表什么?是不是一个元素在什么,应该是一个图形在做什么在做,在做动画。哎,我。这边呢是什么?是不是多个图形在做动画。正你们讲。这个能不能讲OK,套路一样的,你们你们可以自己在那玩。
26:02
观察观察啊,OK,这边是提供随机源啊,清除画布啊,这边肯定是对一个flag位啊,对一个什么,对一个标志位进行加加减减啊,我们这边是不是透明度跟它半径跟。透明度啊是不是OK,然后呢,下面就是去画圆啊,说白了也是去画图,这边也是一样的,大家看你看动画画图,氢氢画布嘛,啊说白了这个就是多个元素,这个是一个元素啊,对比一下,再把思路捋一捋,好那我们来看,那如果说首先现在你要做这个曲线运动,你会怎么做?所里。并且。OK,做一下这个曲线运动。OK。你会怎么做?OK,好,咱们是不是当中还是有个跑步啊,可是这一把咱们是不是让他慢慢的往慢慢的往上冒啊。
27:05
OK,那怎么办怎么办?怎么办?大家看,大家看这个上来的话,所有的气泡是不是从上面下来的,是不是上来这个气泡一开始的位置是不是都应该在这里慢慢的跑上来的。能不能解啊,那其实一开始气泡出现的位置,咱们要不要做,咱们要不要做点控制小一点,我先看这个小点看到没有,是不是都是从一个点上来的。是不是都是从这边下面开始开始往上冒的,OK,那怎么办?咱们这个画布我们先干嘛把它调一调,这个画布的话,咱们最好搞一个。搞一个长方形吧。是吧,我是不是首先得应该让这个随机统一出现的热点。是吧,而且这些随机的大小是不是固定的。
28:05
大小不是固定的吧,大小不是固定的,是不是应该随机提供的,可是这个大小上面有个动画。随机源的大小有没有动画了?没有动画了,没有动画的话,那我问你随机源的大小,没有动画了,这边还这个这条信息还要吗?不要是不是把这个交叉干掉就行了是吧,可是你这个圆应该是随机的吧,那我这个半径是不是应该随随机的出啊,那怎么办?什么?九你。OK,这个值是不是代表零到一?是不是的,而且应该是零到一的闭区间吧,因为你让嘛。是不是啊,可是我们说你这个半径最好不要干嘛。你这个半径咱们让它出现,是不是出现在我现在这么写啊,是不是代表你这个半径是不是在零到十里面,因为一开始must round是不是零到一是吧,又因为你run一下,那肯定是了。
29:11
零到1B期间乘以十嘛,零到10B期间吧,这可是这个半径最好不要出现零的吧,那是不是给它一个最小半径,我们加个四行不行,最小半径是不是就为四啊。说白了,现在整个区间是什么?四到14。是不是,而且我把这个东西干掉,那其实整个什么,整个圆就没有动画了。没有大手上面的动画了,是不是的?OK,那我们来看一下。好点开来看一下这里,你看每次这个是不是太大了,可是出来圆是不是都是大小都是随机的了。是啊,OK,好,那怎么办?这个圆还还是干嘛,太大了,那怎么办?加二吧,是吧,看一眼吧,十是不是有点大。
30:05
乘以十乘以多少五?OK,只有你。还是感觉有点大。乘以个三。差不多吧,是,而且这些圆的透明度要透明度有没有变化了。也没动画了吧,那透明度应该都都会多少是不是都为一的是不是,那这个透明度也不要动画了怎么办?这个是不是就可以全部干掉了,是吧,正来看一眼,走你摔吧,走你,那这些语言是不是一直在上来,可是你出现的位置对吗?不对,你出现的位置应该在哪,永远是不是在最下面,最下面我出现的位置在这边的话,我们应该控制什么。Y轴吧,控制它圆心的位置是不是就行了。
31:02
让是不是空仓,这个圆心的位置我们一直在这的话,那你这个圆的位置不就已经确定了吗?是吧,那说白了控制谁。谁?是不是这个Y值,这个Y的值要出现在哪,是不是最底部啊是吧,那怎么给他一个范围。还能乘以这个吗?还能乘以汉吗?乘以的话是不是在我这个开放画布,画布整个高度的区域里面随机出现啊。我们是不是希望你在我们整个底部出现啊,那怎么办?是不是乘以二啊。想想,我把这个二写到上面去。我说你这个Y的值等于什么?这个值干嘛乘以多少?
32:00
呃,想想。举个例子。它肯定也是一个随机值,如果说我乘以二乘以二应该是我们现在什么,现在是不是让你这个Y干嘛。是不在我们这个零到二啊。这个地方进行出现。其实我们是不是让他直接出现在最底部就行了。那这个Y的值我们应该可以直接给二二吧。写死吗?可不可以啊?二不就代表一个圆的直径吗?你能不能理解?这是不是圆?这是不是Y是代表圆心的位置了?圆心的位置应该是阿瓦圆心的位置吗?你想让一个东西出现在最最,你想让一个圆出现在最底部。是代表这样的。那你这个圆圆心位置距离这个最底部是不是就是一个半径啊。
33:03
能不理解啊,是不是应该就是半径OK,可这个值应该是正是负。看里面画图像,咱们是不是都是参那什么。左上角这个点穴啊。对吗?是不是称对于这个点的,你如果说只写个R的话,说明它应该算在哪。都出现在都挂在上面了吧,来看一下是不是都全部挂在上面了。看到没有,咱们是希望挂在什么下面吗?怎么办?开发时间还得干嘛,减掉是不就行?看吧。HIGHT干嘛看干嘛。减二是不是就可以了。那么讲OK,周姐说吧。你看是不是统一在下面了。
34:00
而且X上面是不是嘛。X上面是不是这个随机的。是不是现在它曲线能干嘛。做起来不就行了吗?怎么做曲线运动?最关键的是什么?是不是就是这两个代码是不是还有一个度数啊。是吧,而且你是不是应该拿到这个图形一开始的位置啊。我问你啊,这个XY是不是就代表整个圆一开始的位置?是不是啊,那这样吧,咱们把我们这个曲线运动所需要的所有的参数是不是也做成。也做成这个信息提供到这个对象里面去啊。行不行,你做曲线运动需要哪些信息啊?圆一开始的位置吧。是不是是不是两个系数,是不是还有个什么度数吧,这不就是我去做一个曲线运动,最最最。关键的三个代码吗?是的,那怎么办?咱们提供一个度数吧。
35:04
度数在提高,能不能我挖一个度数等于你吗?一开始。行不行,还有什么外有什么。什么看什么。是不是应该等于它?每个圆一开始的位置吗?OK,是在什么?万万应该什么,是不是就是就这个万。能不能理解啊,还有什么。还需要提供什么?度数X到Y是不是有了,还还是不就是两个什么系数啊是吧,OK5Y什么X这个系数咱们暂时先给一个给100,一个给多少。一个给50,一个给100吧。
36:03
这个可不可以啊,这些东西是不是也是要作为这个对象的属性,待会要填充到这个圆的信息里面去的,因为最终这边要画圆的嘛。行,不想OK怎么办?逗号嘛,干嘛,这个度数等于什么?度数应该什么那个什么冒号,这边是不是一个逗号。OK,只要。五样吧,是不是五样总共这么么。再来个什么star one。这边再来一个是吧。这边再来个什么step什么。这里这是不是就提供出来了,提供出来之后我问你谁是做动画了。
37:00
谁说要做动画的?这个动画是不是就是我们刚刚在这边写的这个。这个东西啊。能不能讲每次这个度数要干嘛?叫叫。能不能解度数要加加法,那怎么办?是不是提供出来之后应该把谁写进来?I减什么?点什么度数是不是加加,是不是这边度数加加之后,那我来问你了,这边这个度数加加之后。这边是要去画圆,画圆的时候你是不是要干嘛要把这个路径带上。是吧,这两行代码怎么改?这两个单,这两个单位怎么改,是不是应该在我这个begin。怕里面。怎么改?我问你了,这这个算不算动画。
38:02
这个是不是也应该写在这个定时器里面的,它是不是一直在做动画,是不是这个东西怎么现在我们改的是不是个元是是那跟错嘛,那放到看里面,我们应该改什么。给那个圆心吧,这个圆,这个圆心是不是就是由它们俩来提供?你们讲OK,那咋整?张子C还要做动画。是不是,呃,应该什么。XY。XY是不是持续的在变?你们家怎么变?这个变化是不是应该跟它是一样的,只点干嘛,我们在这边应该去改实验艾特什么。X减什么X?是不I呢?I等于什么?OK,他们是不是应该等于什么什么。
39:02
XI等点什么?大Y是不是加上后面这两个公式啊,这个是不是也是X点什么step X X点什么step y是不是要PX啊?不需要canvas吗?是吧,不需要PX,是不是给他一个值就行了,OK。第一季是不是也应该干嘛?是it点第一啊?那么讲说白了,之前是一个元素在做曲线,现在是多个元素在做曲形运动吗?是不是就是改这三条信息就行了啦,其他信息不用动的吧。是吧,来,看一眼能不能做曲线运动了,帅吧,走你。在不在做在做,你看我把这个画幅稍微弄大一点。OK,画不弄大一点,弄成800只,你S说吧。
40:00
你看他在下面跳吧,看到没有。看到没有,它是不是现在这个,现在这个曲线都。怎么做的,是不是这么做的?能理解啊,所以说你们看到是不是在跳了,我们应该把它干嘛。转过来吧,怎么转过来怎么转过来,转过来的话其实就不让他。转过来怎么办?XY就换换就行了。是把X轴跟Y轴换换就行了。能理解吗?这应该咋换?这两个只能换吗?是不是把下面你后面加的东西画画。你们讲把这个放到下面来吧。把这个呢,换到什么。放到上面去吧。这个能不能接受?你不是把X轴跟Y轴换换吗。起始位置不能动的吧,OK,来看一下兄弟说吧。
41:03
走。他是往反方向去了,因为我们说我们正常坐标系不是这样的吗。前端坐标系应该是是这样的吧,所以说你这个这边干嘛加还是减减。反过来对吧,来看一眼说一把给你。是不是就出来了是吧,把这个画布干嘛。挑小一点摔吧。整个高度咱们放大一点,就你吧。是不是就出来了,是不是这个幅度是不是有点大,这个幅度咱们是不是改这个系数就行了。改哪个系数啊?X改什么?小一点吗?改成30,我们看一下这个幅度应该干嘛。是不是就变小了,是不是再来改小一点,等于多少?
42:02
你出吧。嗯,这是改的幅,这个幅度是不是改的这个。哦,现在这个幅度是算Y轴的幅度了吧。这个应该改下面这个幅度吧,50OK。摆的顺序稍微有点短了。是不是想让他快一点,怎么办?想他快点怎么办?快一点的话是。改定时器吗?这个定时器是不是负责放圆的信息的快嘛,这个定时器是干嘛。这个定时器是不是这个定,这个定时器是不是画这个画圆的快慢,是不是你想要这个曲线动作快一点,是不是应该调这个度数啊。每次不让他在加干嘛加那干嘛在那五吗。度,这个度数的幅度稍微干嘛大一点嘛,那就就变快了。
43:04
看没看到,你想让这个圆稍微多一点怎么办?想让这个圆稍微多一点怎么办?是不是你这个圆的放的速度干嘛?说的快一点。多放点圆嘛,只点刷吧走,你看这个元是不是就多了。是不是啊?总感觉还是还是不够走,你摔吧。这点你看这个圆是不是就多了是吧?可是你们有没有发现这个圆运动是规律的,我们这个圆运动规律吗?群魔乱舞的吧,说白了是不是这个幅度大家是不一样的。幅度是不一样的吧,幅度要不随机提供。要那我们说这是不是我们横向的幅度啊,横向幅度现在应该是改这个X还是改还是改Y。横向的幅度,现在是不是要看这个X啊,你是不是改,是不是要去改这个Y,它应该怎样随机提供吧,那怎么办?
44:07
而且你这个随机也不能是零吧。是吧,那是把这个值干嘛随机提供出去,那怎么办?卖干嘛我们一段。乘以个50吧,给一个默认值,幅度是18。可不可以啊。来看一眼说吧,这。怎么还是一样的?还是一样的。这幅度还是一样的。来看看。啊,这个改的好X,现在这个改的是波峰波谷啊这样吧,两个值我们不管了,两个字干嘛都干嘛,都随机提供吧。
45:00
OK到20加十。是不是加的有点多,这你算吧。你看,驱魔乱舞了吧?看到没有,那整个气泡就出来了。整个气泡是不是就出来了是吧,可是这边其实还是有一个问题,大家想你这个圆是不是一直在提高。我们上次在做的时候的话,是不是等你这个破破掉的时候,咱们就干嘛清掉了吧,是吧,现在这个你看你来看大家来看这个数组,这个数据干嘛。来看这个数据点什么认识,这个认识应该干嘛越来越大的吧,F12,我们干嘛说吧,就你你看这个数字认识长度是越来越大,越来越大,我们要不要让它停下来。要什么时候让这个数组应该要长度要得到一下。控制的,当你这个炮冒出去了,还需要他吗?不需要它了,什么时候应该去清这个速度。
46:05
什么时候去清这个速度。当这个Y干嘛耶,什么耶,你这个IY啊,经过计算之后,它怎样了?小什么小小点。是不是就代表出去了。嗯。不对,应该是小于等于什么。你这个圆出去到底什么时候才算出去啊,这样才算出去吧,你这个圆圆心是不是应该在这边,这里面应该是为半电压吧,应该是小于等于多少,负R的时候是不是就代表干嘛,这个R你也不能这么写吧。艾特你了吗啊?是吧,那你就要干嘛,就得自己把自己干嘛干掉是吧,OK,那怎办?AI点什么删几个,一个从哪个位置删。
47:12
Index这个位置是不是在的,因为你这个index对应的每一个I听吧,能理解啊,来看一下,这时候再来看一下。整个数组的信息还会那么多吗?干嘛我在这边干嘛,在这个定时里面干嘛,还是这个嘛,上来我这干嘛康点个什么,这个看眼吧,说吧你。看一下。到一个值,你看是不是到100多啊。是不是到108左右啊,这个值是不是这个嘛。出去这个炮就没了,出去这炮就没了吧。能不能理解,那整个气泡是不就全部出来了?能不能看懂,OK。
48:01
OK,待会把这个气泡加给什么?嫁给整个。动画是不是就行了是吧,总感觉人人家这个速度要比我们快一点啊,这个这个你们自己调下来速度。啊,OK。好。好,我们应该差不多了,整个曲线东西做完了啊,能能理解吗?啊,自己好了再看看。
我来说两句