canvas粒子实例动画

2019-09-13 郑州网站建设  

<!DOCTYPE html>

<html >

<head>

  <meta charset="UTF-8">

  <title>canvas粒子实例动画</title>

<meta name="keywords" content=" canvas粒子实例动画" />

<meta name="description" content=" canvas粒子实例动画" />

 

 

      <link rel="stylesheet" href=http://www.divcss5.com/css3-style/"css/style.css">

 

 

</head>

 

<body>

  <div id="gui">

 

<label>effect</label>

<select id="effect">

         <option value=0>none</option>

         <option value=1>blur</option>

         <option value=2>blink</option>

         <option value=3>earthquake</option>

</select>

 

<label>global pulsation</label>

<select id="globalPulsation">

         <option value=0>no</option>

         <option value=1>yes</option>

</select>

 

<label>pulsation speed</label>

<select id="pulsationSpeed">

         <option value=100>0.1 s</option>

         <option value=250>0.25 s</option>

         <option value=500 selected>0.5 s</option>

         <option value=1000>1 s</option>

         <option value=1500>1.5 s</option>       

</select>

 

<label>radius</label>

<select id="particleRadius">

         <option value=2>2</option>

         <option value=5 selected>5</option>

         <option value=7>7</option>

         <option value=10>10</option>

         <option value=15>15</option>       

</select>

 

         <label>shapes</label>

         <select id="shape">

         <option value=0>circles</option>

         <option value=1>rectangles</option>

</select>

        

         <label>blending</label>

         <select id="blending">

         <option value=1 selected>yes</option>

         <option value=0>no</option>

</select>

         <button id="text">text</button>

         <button id="link">link</button>

</div>

<canvas id="canvas" width="600" height="300"></canvas>

 

 

 

      <script src=http://www.divcss5.com/css3-style/"js/index.js"></script>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/2156.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • Doctype
  • !
  • hea
  • Canvas