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

html-css013

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

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

2D版本:

3D版本:

3D版本:

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

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

现在很多很炫的网页,如果是电脑端的话,基本上现阶段使用html+jS、jquery的比较多,而手机的端的话,基本上还是使用html5,这种响应式的设计;

JS的简介:JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能;

jquery:jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。

html5的话其实也就是一种html的升级,光靠这样一种语言是无法实现酷炫的网页效果,基本都是多种前端语言的结合。

H5又叫互动H5,相当于微信上的PPT,主要时用于品牌方传播和推广的载体。

H5是指:在智能手机可以播放Flash的移动端上呈现的,可以达到Flash效果(如各种动画,互动)的,用于广告、营销的,具有酷炫效果的网页。

H5从2014年底的初露锋芒到2015年的全面火爆,再到2016的沉淀,2017年,H5依然是品牌社会化传播的首选。H5通俗点就是一种编程语言,H5很早以前就存在,由于微信迅速的崛起,H5语言编写的界面和微信浏览器比较兼容,故此H5借助微信也越来越红火。

扩展资料:

HTML5的canvas元素可以实现画布功能,该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理,拥有实现绘制线条、弧线以及矩形,用样式和颜色填充区域,书写样式化文本,以及添加图像的方法,且使用JavaScript可以控制其每一个像素。

HTML5最大特色之一就是支持音频视频,在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持,只要在Web网页中嵌入这两个标签,而无需第三方插件(如Flash)就可以实现音视频的播放功能。