当前位置:首页 > 代码 > 正文

纯css3烟花特效代码(html5烟花特效代码)

admin 发布:2022-12-19 17:30 134


本篇文章给大家谈谈纯css3烟花特效代码,以及html5烟花特效代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

这个是烟花代码!怎么改好看点?

请看以下两种:

1

单击后字线如放烟花

!--第一步:把如下代码加入head区域中--

SCRIPT LANGUAGE="JavaScript1.2"

!-- Begin

var ver = navigator.appVersion;

var dom = document.getElementById ? 1 : 0;

var ie5 = (ver.indexOf("MSIE 5") -1 dom) ? 1 : 0;

var n = (document.layers);

var ie = (document.all);

var sparksAflyin = 0;

var totalSparks = 0;

var sparksOn = 1;

function initMouseEvents() {

document.onmousedown = mouseDown;

if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);

}

function mouseDown(e) {

if (sparksOn) {

var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;

var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;

if (!sparksAflyin) {

for (var k = 0; k = 9; k++)

eval(’SHOW("sDiv’+k+’")’);

sparksAflyin = 1;

totalSparks = 0;

for(i = 0;i = 9; i++)

eval(’moveTo(’+i+’,0,’+mousex+’,’+mousey+’)’);

}

}

}

function moveTo(i,j, mousex, mousey){

if (j eval(’anim_’+i+’_x.length’) ){

var tempx = eval(’anim_’+i+’_x[j]+mousex’);

var tempy = eval(’anim_’+i+’_y[j]+mousey’);

if (ie) {

if(tempy+30 (document.body.offsetHeight+document.body.scrollTop))

tempy = document.body.offsetHeight+document.body.scrollTop-30;

if(tempx+30 (document.body.offsetWidth+document.body.scrollLeft))

tempx = document.body.offsetWidth+document.body.scrollLeft-30;

eval(’document.all.sDiv’+i+’.style.left = tempx;’);

eval(’document.all.sDiv’+i+’.style.top = tempy;’);

}

if (n) {

eval(’document.layers.sDiv’+i+’.left = tempx;’);

eval(’document.layers.sDiv’+i+’.top = tempy;’);

}

j++;

// timeout: 50 = fireworks speed, larger number = slower speed

setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)

}

else {

eval(’HIDE("sDiv’+i+’")’);

totalSparks++;

}

if (totalSparks == 10) {

sparksAflyin = 0;

totalSparks = 0;

}

}

function SHOW(divName){

if (document.all)

eval(’document.all.’+divName+’.style.visibility = "visible";’);

else if (document.layers)

eval(’document.layers["’+divName+’"].visibility = "visible";’);

}

function HIDE(divName){

if (document.all)

eval(’document.all.’+divName+’.style.visibility = "hidden";’);

else if (document.layers)

eval(’document.layers["’+divName+’"].visibility = "hide";’);

}

anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);

anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);

anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);

anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);

anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);

anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);

anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);

anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);

anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);

anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);

anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);

anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);

anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);

anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);

anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);

anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);

anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);

anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);

anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);

anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);

// End --

/script

!--第二步:把body改为--

body bgcolor="#fef4d9" OnLoad="initMouseEvents()"

!--第三步:在body区域中加入如下代码--

div id="sparks"

div id="sDiv0" style="position:absolute; visibility: hidden;"font face="arial black" color="red"a/font/div

div id="sDiv1" style="position:absolute; visibility: hidden;"font face="arial black" color="yellow"b/font/div

div id="sDiv2" style="position:absolute; visibility: hidden;"font face="arial black" color="blue"c/font/div

div id="sDiv3" style="position:absolute; visibility: hidden;"font face="arial black" color="red"d/font/div

div id="sDiv4" style="position:absolute; visibility: hidden;"font face="arial black" color="orange"e/font/div

div id="sDiv5" style="position:absolute; visibility: hidden;"font face="arial black" color="white"f/font/div

div id="sDiv6" style="position:absolute; visibility: hidden;"font face="arial black" color="green"g/font/div

div id="sDiv7" style="position:absolute; visibility: hidden;"font face="arial black" color="skyblue"h/font/div

div id="sDiv8" style="position:absolute; visibility: hidden;"font face="arial black" color="yellow"i/font/div

div id="sDiv9" style="position:absolute; visibility: hidden;"font face="arial black" color="white"j/font/div

/div

2

代码如下:

embed style="left: 50px; width: 850px; position: absolute; top: 100px; height: 500px" align=right src= width=200 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 600px; height: 600px" align=right src= width=700 height=600 type=application/octet-stream wmode="transparent" quality="high" ;;/embed embed style="left: 50px; width: 850px; position: absolute; top: 1100px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 1600px; height: 600px" align=right src= width=500 height=600 type=application/octet-stream wmode="transparent" quality="high" ;;/embed embed style="left: 50px; width: 850px; position: absolute; top: 2100px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 2600px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 3100px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed

c语言编程烟花代码简单

c语言编程烟花代码简单如下:

#include "stdlib.h"

#include "graphics.h"

#include "stdio.h"

#include "math.h"

#include "conio.h "

#define PI  3.1425926

main()

{

int gdriver=DETECT,gmode,errorcode;

int a[10],b[10],x,y,c,r,i,j,t;

double rad = 0.0;

/* initialize graphics and local variables */

initgraph(gdriver , gmode ,"");

/* read result of initialization */

errorcode = graphresult();

if (errorcode != grOk)  /* an error occurred */

{

printf("Graphics error : %s/n",grapherrormsg(errorcode));

printf("Please any key to halt:");

getch();

exit(1);  /* terminate with an error code */

}

randomize();

for(;!kbhit();)

{

x=rand()%500+100; /*随机中心坐标*/

y=rand()%300+100;

for(r = 0 ;r = 8 ; r++  )    /*烟花的大小设定*/

{

for(i = 0,rad = 0.0 ; rad 2*PI; rad += 0.78 )  /*设定坐标*/

{

a[i++] = x + (int)r *10* cos(rad);

b[ i ] = y + (int)r *10* sin(rad);

}

t = i;

for(i=1;it;i++)

{

c=rand()%13+1; /*各点的颜色随机*/

setcolor(c);       /*功能:将当前图形屏幕的当前笔画颜色置为color.*/

circle(a[i],b[i],1);/* a[i],b[i] 为圆心 1 为半径 画圆 */

}

delay(10000);

delay(10000);

cleardevice();

函数名: cleardevice         

功  能: 清除图形屏幕 

用  法: void far cleardevice(void);

}

}

getch();

closegraph();

函数名: closegraph

功  能: 关闭图形系统

用  法: void far closegraph(void);

}

初始化烟花参数

void Init( int i )

{

// 分别为:烟花中心到图片边缘的最远距离、烟花中心到图片左上角的距离 (x、y) 两个分量

int r[13] = { 120, 120, 155, 123, 130, 147, 138, 138, 130, 135, 140, 132, 155 };

int x[13] = { 120, 120, 110, 117, 110, 93, 102, 102, 110, 105, 100, 108, 110 };

int y[13] = { 120, 120, 85, 118, 120, 103, 105, 110, 110, 120, 120, 104, 85 };

/**** 初始化烟花 *****/

Fire[i].x = 0; // 烟花中心坐标

Fire[i].y = 0;

Fire[i].width = 240; // 图片宽

Fire[i].height = 240; // 图片高

Fire[i].max_r = r[i]; // 最大半径

Fire[i].cen_x = x[i]; // 中心距左上角距离

Fire[i].cen_y = y[i];

Fire[i].show = false; // 是否绽放

Fire[i].dt = 5; // 绽放时间间隔

Fire[i].t1 = timeGetTime();

Fire[i].r = 0; // 从 0 开始绽放

/**** 初始化烟花弹 *****/

Jet[i].x = -240; // 烟花弹左上角坐标

Jet[i].y = -240;

Jet[i].hx = -240; // 烟花弹发射最高点坐标

Jet[i].hy = -240;

Jet[i].height = 0; // 发射高度

Jet[i].t1 = timeGetTime();

Jet[i].dt = rand() % 10; // 发射速度时间间隔

Jet[i].n = 0; // 烟花弹闪烁图片下标

Jet[i].shoot = false; // 是否发射

}

求大神详解Flash 烟花代码。

var FireTimer:Timer=new Timer(1000);//创建一个定时器,每1000毫秒(即1秒)触发一次

FireTimer.addEventListener(TimerEvent.TIMER,addFire);//给定时器注册侦听,当定时器触发时执行addFire函数

FireTimer.start();//计时器开始运作

var tempRo:Number;//创建一个临时的数字对象,记录烟花的角度

function addFire(e:TimerEvent):void

{

var X:Number=Math.random()*550;//创建一个随机的横坐标值,范围在 0~550间

var Y:Number=Math.random()*400;//创建一个随机的纵坐标值,范围在 0~550间

var color:uint=0xffffff* Math.random();//创建一个随机的颜色值,范围在0x000000~0xffffff之间(这是一个16进制的数值)

trace(color.toString());//在调试面板输出颜色的值,测试用

for(var i:int=0;i100;i++)

{

var mc :MovieClip=new MovieClip();//创建烟花的实体

mc.graphics.beginFill(color);//用刚才的随机颜色填充烟花的内容

mc.graphics.drawCircle(0,0,4+3* Math.random());//绘制烟花的形状(圆形),半径在(4 + 0) ~ (4 + 3)之间,即4~7之间。

mc.graphics.endFill();//终止填充颜色

addChild(mc);//把烟花加载到场景里,使其可见

mc.x=X;//给烟花的横坐标赋值,X就是刚才随机生成的横坐标值

mc.y=Y;//给烟花的纵坐标赋值,Y就是刚才随机生成的纵坐标值

mc.scaleX=mc.scaleY=0.4+Math.random()*0.6;//烟花的长宽在 (0.4 + 0)~(0.4 + 0.6)倍之间随机缩放,即随机缩放为原大小的0.4~1倍

tempRo=Math.random()*360/180;//创建烟花的随机角度

mc.spdX=Math.random()*10*Math.sin(tempRo)*Math.pow(-1,Math.floor(Math.random()*100)%2);//根据随机角度,随机创建烟花沿x轴移动的矢量值,其值为 -10~10之间,记录在mc的动态变量spdX中

mc.spdY=Math.random()*10*Math.cos(tempRo)*Math.pow(-1,Math.floor(Math.random()*100)%2);//根据随机角度,随机创建烟花沿y轴移动的矢量值,其值为 -10~10之间,记录在mc的动态变量spdY中

mc.addEventListener(Event.ENTER_FRAME,FireMove);//给烟花注册帧事件函数,在FireMove函数中同步烟花的效果

}

}

function FireMove(e:Event):void

{

var obj:Object=e.target;//创建一个对象,获得注册事件的对象(烟花)的索引,这个obj就是烟花mc

obj.x+=obj.spdX;//烟花的x坐标每一帧递增spdX个单位,obj.spdX就是刚才的mc.spdX

obj.y+=obj.spdY;//烟花的y坐标每一帧递增spdY个单位,obj.spdY就是刚才的mc.spdY

obj.alpha-=0.05;//烟花每一帧的透明度衰减5%

if(obj.alpha=0)//当烟花的透明度小于或等于0时

{

obj.removeEventListener(Event.ENTER_FRAME,FireMove);//注销烟花的帧事件

//建议这里增加一行代码 removeChild(MovieClip(obj)),从场景里移除已经看不见的烟花,节省资源

}

}

烟花代码的格式是什么

烟花代码的格式是#include "stdlib.h"。

表述不清,没指明是什么的代码。代码就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

代码设计的原则包括惟一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。

Linux版本:

当前安装有Linux操作系统,数据中RedHatFedora占据绝对优势——Linux使用者使用该版本占总数的49.49%。Fedora是RedHat推出的重要的一款Linux版本,在每个fedora版本中都是集成最新的Linux软件,特别是服务端软件。

排在第二位的是Ubuntu,受支持数占到总数的23.92%;第三位的是SuSE占9.09%,接下来是Debian,使用率为5.92%。在这里面令人期待的中国本土Linux的让人大失所望。使用率仅占5.16%,几乎只有RedHatFedora的十分之一。

关于纯css3烟花特效代码和html5烟花特效代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/15542.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载