前端好玩的网址

1.codeopen 好玩的开源编辑器，上边有比较好玩的好东西，可以自己玩一玩，关于3d或者three的东西居多

    https://codepen.io/ 

2.github上开源项目适合练手：

1》https://github.com/gnipbao/h5-test  一些好玩的h5特效

2》https://github.com/gbbyuluo/css3d-engine   好玩的3d，淘宝造物节特效

3>腾讯高逼格h5 3d页面   https://github.com/JackGit/xplan

4》https://www.digitaling.com/projects/14925.html

5》好的h5案例分析：https://www.h5-share.com/

6》全景插件：http://www.krpano360.com/krpanorumenjiaocheng/

7》一镜到底案例：http://www.sohu.com/a/165095293_451698

8》https://www.digitaling.com/articles/40228.html

9》腾讯高逼格3D：https://github.com/JackGit/xplan

10》重力感应：https://shakeduang.nuomi.com/campus/index.html?from=timeline&isappinstalled=1

创意h5链接：

1.一镜到底：https://h5.in66.com/inpromo/2017/egret/season/index.html

2.重力感应：http://game.qq.com/cp/a20160310mstt/index.html

3.https://c.m.163.com/nc/qa/activity/20180223/index.html

4.爱的形状：

http://news.163.com/special/fdh5_shape/?spssid=0639a48fb722a9c114103a827579e966&spsw=1&spss=other

5.虚拟全景：http://www.cadillac.com.cn/wap/active/360VanGogh/#rd

6.css3 设置3d立体：http://bmw.bluemp.com.cn/vtour/tour.html

1.pixi和spine实现动画：（有新意）https://zhuanlan.zhihu.com/p/31293136