掘了!还能古文文编码 - 星座殊效
#头条创作挑唆赛#
本文同步本人掘金原创文章:
https://juejin.cn/post/7160474897561419789
什么?
古文文可以编码?
服了~
弁言
古文文言语的开发者是来自卡内基梅隆大学的黄令东,并且事先仅是一名大四的学生。古文文编程是使用NLP武艺,将古文文语法转换为 Javascript 或 Python 语法,从而举行编译与运转。武艺难度宏大。
大佬,请收下俺的膝盖。
基本语法
关于基本语法,度娘和谷歌上一搜一大把。这里我们简便看看:
吾有一言。曰「「己所不欲,勿施於人」」。書之。
复制代码
则有:
var stringVariable = '己所不欲,勿施於人';
console.log(stringVariable);
复制代码
对号入座。吾有一言。标明要界说一个字符串典范的变量。曰「「己所不欲,勿施於人」」表现将值己所不欲,勿施於人赋值给变量。書之这里的之代表前方界说的变量。書标明要写下去。以是書之类比 Javascript 中的打印 console.log(变量)。
更多的内容,可以参照 开源软件 - 古文文编程 大概其他先容的站点。资源多多,这里不举行赘述。
星座后果
好了,这里假定我们以前弄懂了基本的语法。那么我们来编写一个制品 - 星座后果。制品静态后果如下图:
由于俺没有找到古文文支持 class 类的写法。这里我经过古文文的另一种写法施完成:
施「(_ => {
class 类名 {
constructor() {
this.属性 = 属性值;
}
办法名() {
}
}
})」
复制代码
其他内容的完成办法尽力接纳古文文的语法情势。不然,整个项目,俺可以经过一个简便的 施 字完成。那真是简便乎矣。
好比取色:
疏曰。 主色調
吾有一物。名之曰「主色調」。
昔之「主色調」之「「紅調值」」者。今零是矣。
昔之「主色調」之「「綠調值」」者。今二百五十五是矣。
昔之「主色調」之「「藍調值」」者。今二百五十五是矣。
注曰。 當前顏色
吾有一術。名之曰「獲取顏色」欲行是術。必先得一物。曰「當前顏色」。一數。曰「當前纯透度」。
乃行是術曰。
吾有一數。夫「當前顏色」之「「紅調值」」。名之曰「當前紅」。
吾有一數。夫「當前顏色」之「「綠調值」」。名之曰「當前綠」。
吾有一數。夫「當前顏色」之「「藍調值」」。名之曰「當前藍」。
吾有一言。施「(_ => `rgba(${當前紅}, ${當前綠}, ${ 當前藍 }, ${ 當前纯透度 })`)」。名之曰「當前纯透度顏色」。
乃得「當前纯透度顏色」。
是謂「獲取顏色」之術也。
疏曰。 星星顏色
吾有一言。施「獲取顏色」於「主色調」。於一。名之曰「青色」。
昔之「星星顏色」者。今「青色」是矣。
复制代码
外表代码,声明白主色彩。然后声明白一个函数,该函数有两个参数 - 當前顏色 和 當前纯透度 ,函数前往 rgba 的颜色。接着,我调用声明的函数獲取顏色,将前往值赋予变量星星顏色。
本文先容的星座殊效,也是以前完成了的功效,主要包含底下的几点:
- 天生星星?
- 天生星星之间的连线
- 星星的挪动
- 鼠标点和星星之间的互动:在设定的半径范围内,星星举行规避
- 监听窗口的变动,改动星星的数目
具体的完成,读者可以查察底下的制品代码。
赠人玫瑰,手留花香。俺不要玫瑰,只需读者的一个举手之劳的赞~ 逃:)
体验地点
https://code.juejin.cn/pen/7160145465692913672