前两天老大跟我说老虎官网上那个自定义头像的功能是flash实现的，没有安装过的还得手动去“允许”falsh的运行。所以让我用canvas实现一个一样的功能，嘿嘿，刚好最近也在研究canvas，所以欣然答应（其实，你没研究过难道就不答应么，哈哈哈哈哈~） 拖拽左侧小方框，或者是鼠…

canvas入门 本文首发于我的个人博客：http://cherryblog.site/ github项目地址：https://github.com/sunshine940326/canvasStar 项目演示地址：https://sunshine940326.github.io…

作者在 2016 年的活动页尝试了实用粒子效应的虫洞特效。其实背后原理很简单，设计一段路径，然后获取点坐标，设置相机和灯光的位置就完成了。剩余的就是自己定义的材质。

WebGL 是基于 OpenGL ES 2.0 的 Web 标准，可以通过 HTML5 Canvas 元素作为 DOM 接口访问。Three.js 封装了底层的的图形操作接口, 使用户可以便捷的操作构建空间物体与场景, 实现 3D 可视化. 一个完整的 Three.js 必定包含一些必要的结构, 例如场景, 相机等等, 而在深入了解 Three.js 及相关操作之前, 有几个概念有必要完整的学习一遍. 本文基于此目的, 详细的描述了一个完整的 Three.js 程序的基本结构, 空间坐标系以及汇总了常用的 Three.js 中的几何类型.

前端 贝塞尔曲线 相关知识的汇总和深入研究，如果大家有更好的相关知识，欢迎留言讨论，如果有不错的例子 请留下地址，我们一起深入研究

html2canvas.js vs rasterizeHTML.js

在什么都是 3D，看电影 3D，打游戏 3D，估计 3D 打车，很快就会面世。那么作为前端开发的标准语言，JS 和 3D 能不能也搞出点大新闻呢？刚好最近在做一个活动时，就遇到了需要播放 3D 全景视频的需求，顺便就研究了一下 Threejs，这篇文章算是做个笔记，也希望能帮助到那些想快速入门的同学。

Alloyteam 的这篇文章写得很好，思路清晰，实用性强，推荐一下~

HTML5 canvas 80 行代码实现的高并发弹幕功能，通过拉伸自动适配所有尺寸，已在 pc，手机，电视浏览器通过测试，通过 jquery 插件方式导入