酷炫的基于HTML5的2D和3D粒子引擎——Proton

html-css031

酷炫的基于HTML5的2D和3D粒子引擎——Proton,第1张

Proton是一个灵活的html5粒子引擎。他默认支持canvas,dom,webgl,easeljs,pixel五种渲染方式,当然你还可以轻易的自定义自己的渲染器。只需10几行代码就可以打造你想要的粒子效果。同时具有2D版本和3D版本,适合不同的使用场景!

2D版本:

3D版本:

3D版本:

下面通过录制的Gif来演示一部分效果,上面已经有一些了,下面再展示一些:

Proton是一个实现例子效果非常合适的2D和3D例子效果库,非常简单实用,从上面的动图效果也能看出来实现的效果非常的炫酷,而且代码非常简单,文档又非常详细!

<style type="text/css">

span{background:linear-gradient(to right, red, blue)-webkit-background-clip:textcolor:transparent}

h1{color:transparent-webkit-text-stroke:1px #666}

</style>

<span>花里胡哨,给文字加个颜色渐变</span>

<h1>花里胡哨,给文字加个镂空效果</h1>