12行javascript代码绘制一个八卦图_javascript技巧
程序员文章站
2022-05-08 12:25:49
...
一句话说明:用有限的代码构建一个1024*1024的颜色矩阵,秀出你的编程&艺术之美
起源于 stackexchange 上的一个问题, 这里稍微做了一下扩展,支持更多编程语言,并放宽了代码长度的限制。
规则
目标:
通过实现 模版 中的一个函数 get_color_at(x, y) ,在一个 1024*1024 的画布上画出尽可能 “有意思” 的图案。
参数:
int x, int y ,取值均为 0 - 1023,对应画布上坐标点,左上角为起始点 (0,0)
返回:
int r, int g, int b, int alpha, 对应颜色的 RGBA 分量,均为 0 - 255。
注意:
各语言中 alpha 分量定义可能不同,由 模版 统一转换为: 0 - 255,值越大越透明。
要求:
只能编辑 模版 中 get_color_at(x, y) 函数体内 // {{code start}} - // {{code end}} 间的代码;
代码总字符数不能超过 1024 个,且有较好的可读性。
if(typeof f_c=="undefined"){ f_c=function(x,y,px,py,r){ return Math.sqrt(Math.pow(x-px,2)+Math.pow(y-py,2))0)?255:0; if(f_c(x0,y0,0,256,256)&&x00) r=g=b=0; if(f_c(x0,y0,0,256,64)) r=g=b=0; if(f_c(x0,y0,0,-256,64)) r=g=b=255;
以上所述就是本文的全部内容了,希望大家能够喜欢。
下一篇: 对接口进行两次请求
推荐阅读
-
从基础开始建立一个JS代码库第1/2页_javascript技巧
-
一个特殊的排序需求的javascript实现代码_javascript技巧
-
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容_javascript技巧
-
按下回车键指向下一个位置的一个函数代码_javascript技巧
-
Javascript 数组添加一个 indexOf 方法的实现代码_javascript技巧
-
javaScript让文本框内的最后一个文字的后面获得焦点实现代码_javascript技巧
-
一个精简的JS DIV层tab切换代码_javascript技巧
-
使一个函数作为另外一个函数的参数来运行的javascript代码_javascript技巧
-
在多个页面使用同一个HTML片段的代码_javascript技巧
-
判断某个字符在一个字符串中是否存在的js代码_javascript技巧