一个很赞的网页背景效果 canvas-nest.js

2015-12-07 13:29:57 +08:00
 50vip

今天在某网站上发现的,看到 github 上没有,就开源出来了。项目地址见: https://github.com/hustcc/canvas-nest.js

如果代码侵犯了你的版权,请联系我删除,谢谢。

具体效果直接看地址: http://www.atool.org/

或者直接下载 github 项目,看其中的 demo 。使用和配置非常简单, js 代码也非常少, 2kb 不到。下面的 readme 文件内容。


cavas-nest.js

A nest backgroud of website draw on cavas.

feature

usage

so eazy that I do not want write the chapter.

<script type="text/javascript" src="canvas-nest.js"></script>

then ok!

preview

  1. OnlineTool: http://www.atool.org/

if you has used this project, pls let me know, I can add your website on.

other

25519 次点击
所在节点    分享创造
97 条回复
jeremaihloo
2015-12-08 09:46:30 +08:00
其实我想说不必置气,有些人就那样(坛子),习惯就好
yetone
2015-12-08 09:48:17 +08:00
@shuson 楼主并不是妹子,他的头像: https://www.google.com/search?tbs=sbi:AMhZZitQMqq0MT9ktJOLR0tj-JehzJGdHCHj-rmf_1k1MCukgevkc9mVOWtQeqT60HQ-VRjBRlq0D8wFCdH7LqHbSa6UA2NADNqJN2RZ3r6rWNxKF4W3zouWVyEhOePZBbnEbKcyeiVvKo322zH-1GrinFlKA-wUe7cr-vKs_1jw4zjpGHWjD5NwPU91n0V3Yp8noz-WT8WKDxk8CcMNJspy0xxre1xS9NoCdF5In3yxlruUGx7YN3U0N_1X5dwpkb9ybISGsJx56XKuoeob2GcuQDQlfoSV6xp866CCci5tIqn2ovsI6vpnJ1gJMly-s7UbP93tZjKfJX6G96jAvQ9d41c8f59cOX_1hSWOpL4HkHMIic4bbOn7SpUsT1Y1H8HImY7ZpLVekr49FbXYhjGUKsh2_1tb9drMWOxVyOeoUAy3MI9BFxqdnzEpNXLxLsGy_1KRuy2I4JrCxp_1uMR6Sg1Dod2x7b9fO6P9B_1iKWtnGs3O1bNU3-05bMx1wykSbAlxM8yObL8txpcatZfmdOcQ4AzygW6VhKqx7CvfpP4rRDX5Ip3hki-K3Du7GOc8OQC08oX4MGzGa3_1IZmr3alvk3UJLlhDHdk41POqYeWV_1rCtHqE057MFlydBW1m-jKMvE08PHET0a4Y6yQT6KlaMm-QdkWdO7HyHWmHM6N2uA7ubHijbjcaryvvuVH7A_1ifodz6ANDMRVl5VxrkeR_1faW5_1mSzqVQnyLyeref5ExzWRNpYWOyOtSc4449xEG483QE0niKnsokIyjsVXCX0ilrdc_13KxpjodhZo5UCHr-GyOWA367bVtzdSl8KAtxkxL7UFF3cg2vQK4ElN-r8chKPkx2MepEzj4Y4-qXTgKEsRgICHNzCJf-e5Vbgk1WyumaZA40W-oofbtmwiUvJ8fDkX5tLNezRYrhzLEP05KJ08HolzVvgP7u7TlgA20qkNOnF6b6jlGxQP6gQ407ua-aPLoG4u2OaxbAjfapvHelQyUtUdZQECtGwpAlkyNbJq4CpRnbdoi6rArEigyWtHAIjPu9szIecBIE_1TZHqnxq-jc_1OQiSzccyOH4RChY-yPTIJ5wOjr9ZIZXjGnSXbZ9fXLLH2z_1CcXzWazVkGnxbNs3CvY3lnWBrnUZJ22dwHT9AybWu-LZjQsQ9YLhqrc3QxcfJHIFa37dMcccyl1qJ2vkdBOIuCio4Ravxh5ip2_1SWh6yhnhg_1u9sSyFUtRD99eaUuKkDzMvb9EjUPToxHYSiwVfRXYAgiIn4j8RkgCpPbF_1RuHyQ_1dOnL6fSe1ODLaxif8if18462fkzHbUQvZJxY2yOnnB9LKK77FzoETEFiZanVJmUZUDKUKBrG-DZKmylVWngoQYcheHToyaQAon0JujDAQ6ctaRqjTPNVd-3ncq3v5CF_1HXWmy
50vip
2015-12-08 09:52:40 +08:00
@jsplyy 不要加到 header 里面,加到 body 之间,建议在</body>上面~
50vip
2015-12-08 09:59:30 +08:00
沉了吧,沉了吧,有问题,可以私信或 github ,很高兴能解决你们的问题~
zongwan
2015-12-08 10:18:42 +08:00
Flash ActionScript 3.0 动画教程 (豆瓣)
https://book.douban.com/subject/3016575/

最早看到这个效果是 2008 年出版的 教 flash ActionScript 的神书
http://i12.tietuku.com/882d03d2fd0678ec.png

@50vip 这效果早在 AS3 中出现很多次了 , 没有什么源码问题
unknownservice
2015-12-08 10:27:27 +08:00
看来政治正确这股风已经从知乎吹到 v2 了,呵呵。
frozenshadow
2015-12-08 11:00:36 +08:00
@50vip 楼主,我来请教下
```
window.onmousemove = function(a) {
a = a || window.event, w.x = a.clientX, w.y = a.clientY
}, window.onmouseout = function(a) {
w.x = null, w.y = null
};
```
这段改成 touch 事件怎么做啊。顺便问下 window.onmouseout 前面为什么是逗号~~~新手,见谅~
killerv
2015-12-08 11:15:00 +08:00
怎么那么多圣母,难道你们没有复制过网上的代码?
AnyOfYou
2015-12-08 11:33:42 +08:00
很早之前 Livid 发过一个帖子, http://v2ex.com/t/213826
其中所说的 KPCB 网站的效果和你这个比较接近。如今网站已将这个效果去掉了。
从帖子下的回复可以看到,使用类似效果的网站还有很多。比如 http://dotamax.com/login/, https://rocket.chat , http://polande.com/demo/points/。

没有版权说明的代码就属于保留全部版权,可以借鉴,不可拿来直接用。你最好还是能注明下当初来源自哪里。程序员本身就靠代码吃饭,对于版权问题就应该很重视。
hardware
2015-12-08 11:37:07 +08:00
就提醒 lz 一句要表明出处,就被喷了,真心无语。
bngzoo
2015-12-08 11:42:48 +08:00
圣母 X 道德 X 无处不在。
50vip
2015-12-08 11:43:26 +08:00
@hardware 不好意思,我看到那么多说版权的,情绪没有控制好,所以殃及池鱼,不好意思,但是我觉得真心没有版权问题,我改了非常非常多的东西,但是因为效果不是自己设计出来的,所以在分享这个的时候,加了一句来源于某网站(不记得名字),结果被这样说版本,很不爽。
50vip
2015-12-08 11:43:41 +08:00
@AnyOfYou 我觉得真心没有版权问题,我改了非常非常多的东西,但是因为效果不是自己设计出来的,所以在分享这个的时候,加了一句来源于某网站(不记得名字),结果被这样说版本,很不爽。
50vip
2015-12-08 11:45:14 +08:00
@frozenshadow 连续定义变脸,都是逗号啊,可以减少 var ,减少大小
50vip
2015-12-08 11:46:19 +08:00
@AnyOfYou 另外,不知道你走过申请过专利流程没,一个专利都有专利点,一段代码怎么可能没句都是版权?
50vip
2015-12-08 11:47:18 +08:00
@AnyOfYou 专利可以相似,效果可以相似,但是代码不一样,如果只是相似就定位版权问题,那不是太打击创造积极性了吗~~~

真心希望赶紧沉掉~~
atan
2015-12-08 11:49:39 +08:00
LZ 上面不是说了,之前从哪来的也没记住,而且那个网站也未必是出处,请问这个出处如何找?如何标明?
Vladimir
2015-12-08 11:51:14 +08:00
你要开源好歹也改改源码啊,一看就是别人压缩过的你拿来格式化了一下就放上去。
AnyOfYou
2015-12-08 12:12:32 +08:00
@50vip 我并没说你的版权有问题,只是说你最好注明一下。只是看上面一堆说“圣母,政治正确”的,想说作为程序员,对于版权这种事就该严谨一些。
“没有版权说明的代码就属于保留全部版权,可以借鉴,不可拿来直接用”,这话不是我说的,出自这里: http://www.ruanyifeng.com/blog/2011/05/how_to_choose_free_software_licenses.html
liangguan5
2015-12-08 12:22:53 +08:00
我什么也不懂,感谢分享

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/241698

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX