原

canvas图片、文字粒子化

首先看一下源图和转换成粒子效果的对比图：左侧图片为源图，右侧图片为粒子效果图。该效果是在Canvas画布上制作的。将图片制作成粒子效果相对而言是比较简单的。重点了解两个知识点即可1、图片是通过image对象形式绘制在画布上的，然后使用Canvas的getImageData接口，获取图像的像素信息。具体可参考菜鸟教程：getImageDatavar imageData=ctx.getImageDat

转

3D粒子效果在网页端实现分享

线上地址：在UP 2017预热站中，页面使用了粒子效果，点击 UP2017预热站 先看一下效果 30秒快问快答Q：这个H5用到了什么技术？背景是视频吗？A：首先，这个其实是个PC站点，最初也没有计划在手机上浏览。背景不是视频，是WebGL，实现上用的是包装好的three.js库Q：模型是怎么做的？A：和普通的3D建模一样，常规的3D建模软件即可；然后使用插件导出为three.js可方便读取的JSO

转

ECharts 3.0底层zrender 3.x源码分析3-Handler（C层）

转载自：https://blog.csdn.net/future_todo/article/details/54341458这一篇，介绍下Handler处理机制。Handler负责事件处理,包括'click', 'dblclick', 'mousewheel', 'mouseout', 'mouseup', 'mousedown', 'mousemove', 'contextmenu'等。我们知道

原

js拖拽、碰撞与重力实现代码

Unity3D物理系统3大组件：碰撞体（Collider），触发器（Trigger），刚体（RigidBody）今天做了个刚体（RigidBody），模拟重力、碰撞、弹跳。