js星座特效(掘了!还能文言文编码 - 星座特效)

掘了!还能古文文编码 - 星座殊效

#头条创作挑唆赛#

本文同步本人掘金原创文章:
https://juejin.cn/post/7160474897561419789

什么?

古文文可以编码?

服了~

弁言

古文文言语的开发者是来自卡内基梅隆大学的黄令东,并且事先仅是一名大四的学生。古文文编程是使用NLP武艺,将古文文语法转换为 JavascriptPython 语法,从而举行编译与运转。武艺难度宏大。

大佬,请收下俺的膝盖。

基本语法

关于基本语法,度娘和谷歌上一搜一大把。这里我们简便看看:

吾有一言。曰「「己所不欲,勿施於人」」。書之。 复制代码

则有:

var stringVariable = '己所不欲,勿施於人'; console.log(stringVariable); 复制代码

对号入座。吾有一言。标明要界说一个字符串典范的变量。曰「「己所不欲,勿施於人」」表现将值己所不欲,勿施於人赋值给变量。書之这里的代表前方界说的变量。标明要写下去。以是書之类比 Javascript 中的打印 console.log(变量)

更多的内容,可以参照 开源软件 - 古文文编程 大概其他先容的站点。资源多多,这里不举行赘述。

星座后果

好了,这里假定我们以前弄懂了基本的语法。那么我们来编写一个制品 - 星座后果。制品静态后果如下图:

由于俺没有找到古文文支持 class 类的写法。这里我经过古文文的另一种写法完成:

施「(_ => { class 类名 { constructor() { this.属性 = 属性值; } 办法名() { } } })」 复制代码

其他内容的完成办法尽力接纳古文文的语法情势。不然,整个项目,俺可以经过一个简便的 字完成。那真是简便乎矣。

好比取色:

疏曰。 主色調 吾有一物。名之曰「主色調」。 昔之「主色調」之「「紅調值」」者。今零是矣。 昔之「主色調」之「「綠調值」」者。今二百五十五是矣。 昔之「主色調」之「「藍調值」」者。今二百五十五是矣。 注曰。 當前顏色 吾有一術。名之曰「獲取顏色」欲行是術。必先得一物。曰「當前顏色」。一數。曰「當前纯透度」。 乃行是術曰。 吾有一數。夫「當前顏色」之「「紅調值」」。名之曰「當前紅」。 吾有一數。夫「當前顏色」之「「綠調值」」。名之曰「當前綠」。 吾有一數。夫「當前顏色」之「「藍調值」」。名之曰「當前藍」。 吾有一言。施「(_ => `rgba(${當前紅}, ${當前綠}, ${ 當前藍 }, ${ 當前纯透度 })`)」。名之曰「當前纯透度顏色」。 乃得「當前纯透度顏色」。 是謂「獲取顏色」之術也。 疏曰。 星星顏色 吾有一言。施「獲取顏色」於「主色調」。於一。名之曰「青色」。 昔之「星星顏色」者。今「青色」是矣。 复制代码

外表代码,声明白主色彩。然后声明白一个函数,该函数有两个参数 - 當前顏色當前纯透度 ,函数前往 rgba 的颜色。接着,我调用声明的函数獲取顏色,将前往值赋予变量星星顏色

本文先容的星座殊效,也是以前完成了的功效,主要包含底下的几点:

  • 天生星星?
  • 天生星星之间的连线
  • 星星的挪动
  • 鼠标点和星星之间的互动:在设定的半径范围内,星星举行规避
  • 监听窗口的变动,改动星星的数目

具体的完成,读者可以查察底下的制品代码。

赠人玫瑰,手留花香。俺不要玫瑰,只需读者的一个举手之劳的赞~ 逃:)

体验地点

https://code.juejin.cn/pen/7160145465692913672

内容底部广告位(手机)
标签:

管理员
星座百科管理员

专业提供星座及生肖的知识分享,做高价值星座的百科网站!

上一篇:忙碌的星座(最闲不下来的3星座,非常忙碌,会觉得生活很充实)
下一篇:返回列表

相关推荐