用帆布做实验是最近镇上的话题。它们不仅可以被看作是流行的web开发人员游乐场中的概念,也可以看作是现实项目的解决方案。这种变化无疑是惊人的:从基于流行插件的原始粒子动画到融合了现代和时间证明的工具的一类想法。
今天,我们谨提请你注意这种排斥作用。尽管它有一种令人厌恶的行为,但它确实有一种吸引人的性质。鼓励用户玩风景的细节,推动他们向不同的方向,在某些情况下,甚至把一切吹走,它立即成为主要的娱乐。它使用户体验愉快和令人兴奋。
让我们九江建设网站使用代码片段探索一组鼓舞人心的演示,以便您自己看到独特的趋势。
乍一看,这个演示让人想起一套吉他弦。把你的光标移到它们上面,你就会看到它的魔力。线开始弯曲和变形,形成一个小球体。
右边的选项面板允许您控制效果。您可以设置鼠标范围的半径,添加或减少行数,或更改字符串之间的距离。注意物理原理。它是深思熟虑和精心复制的。
30,000粒子
排斥效果看起来简直可怕,当应用于数千点,而不是线条。贾斯汀·温德尔在实践中证明了这一点。他在CodePen上的标志性和广受欢迎的项目有一个面板,其中有3万颗微小的粒子舒适地坐着。
它们被紧密地包裹在一起,形成一个致密的表面。悬停鼠标光标在上面,你会看到这些圆点是如何从你身边跑开的。虽然它们不会从视野中消失,但它们被鼠标范围所阻拦。因此,你可以看到一个相对较大的空心圆圈,圆点形成边界。
交互粒子
如果简单的长方形框架不能激发你的创造力,你就可以像塔米诺·马提纽斯在互动粒子项目中所做的那样,把所有这些点聚集成字符。
他的演示包括一个单词,每个字母都是由数百个点组成的。用鼠标光标把它们吹走,使事情变得更有情趣。有一个小的控制中心,你可以在那里改变实验的参数,并根据你的喜好调整它。
文本到粒子
让我们用颜色和尺寸来丰富前面的两个概念,就像LouisHoebregts在他的文本“粒子计划”中所做的那样,用一些生动的曲折来丰富前面的
与塔米诺马提尼乌斯的溶液不同,这里的圆点有不同的半径和不同的颜色。此外,我们欢迎您通过使用输入设置文本来更改文本。鼠标光标有一个平滑和温和的行为,分散人群,并导致一个小干扰在操场。这是一个真正令人赏心悦目的演示。
球与重力
这种排斥效应可以很容易地与其他基于物理的解决方案结合起来,从而带来突出的结果。考虑球和重力。
这个项目的名称说明了一切。重力,以及排斥的效果,是在核心的概念-使经验有趣。
与前面的例子不同,这里您需要抓住圆圈,并将其用作推开其他圆圈的工具。你几乎可以击打这些五颜六色的扁球,迫使它们移动。此外,你需要对抗地心引力,这使得体验更加令人兴奋。
吸引子
这个由马可·戴尔·安娜(MarcoDell‘Anna)设计的项目也是围绕你可以用鼠标光标控制它。用它移动粒子并重新排列它们的位置。
请注意,即使粒子会改变他们的位置,他们仍然会努力回到圆圈。在这里,你可以看到一个鼠标光标,它扮演着磁铁的角色,同时,一个把点推开的工具(至少是暂时的)。
激活
Activate是由GerardFerrandez创建的一支优秀的钢笔。和前面的例子一样,作者也选择了地心引力。这一次它与流体行为当然还有排斥效果。因此,这个项目以其嬉戏的外观和好玩的性质吸引着我们。
Moar等离子体
驱赶效果可以有很大的帮助。粒子动画也是。你可以让他们更激动。在摩尔人的血浆上做个检查。
在这里,你可以看到一个混乱的动画,鼠标光标把所有的粒子推到不同的侧面,把它们吓跑。您不仅可以享受演示,而且还可以与它进行交互。
雪粒
雪粒是另一个很好的例子,传统的粒子动画得到了提振。这支笔的作者纳特使用了两种技巧。
首先,鼠标光标具有将简单的点转化为雪花的能力,从而使场景具有真正的魔力。其次,添加一个小的排斥效果,稍微分散雪团,这样你就可以看到独特的雪花。简直太棒了。
驱避剂
另一个让人反感的地方是:文本效应。我们已经看到了由一千个点创造出来的文字是多么的突出。现在是时候把点变成线条,用排斥的效果来调味每件事了。考虑驱赶剂作为预防措施。
该项目的特点是一个词,其中的符号是由短的,细线是针对观众的。这样,你几乎可以感觉到它的体积性质。抓起鼠标光标并将其拖过文本,您将看到线条是如何开始跳舞的。
他们的行为是流畅和令人赏心悦目的,尽管文字本身感觉有点尖锐和敏锐。此外,线条也是自己移动的,所以感觉就像一阵微风吹拂着构图的一部分。因此,你可以享受一个真正的杰作,其中简单的文本运行的节目。
通过排斥吸引
即使排斥效果被用来推开构图的细节,它仍然是完全有磁性的。你不能把你的眼睛从它移开。它立刻以其玩乐的行为吸引了人们的眼球,并促使用户与现场进行互动。
九江建设网站在争取观众的斗争中,击退效应并不是唯一的。它与其他类型的动画和效果完美合作,带来独特的,吸引注意力的解决方案。