HTML5和JS实现明媚月色效果

HTML5和JS实现明媚月色效果

先给出效果图:

HTML5和JS实现明媚月色效果_第1张图片

源码如下:




  明媚月光效果
  


  

  

绘制一个代表月亮的圆形,月亮的半径设置为了一个固定值(moonRadius = 50;),可以根据自己的需要调整这个值。然后在它的周围添加了一个更大的渐变来模拟散发的月光效果。你可以尝试修改渐变的颜色或透明度。drawStars函数来绘制星星,这个函数通过在画布上随机位置画上小点来模拟星星。starCount变量控制星星的数量,而starRadius变量控制每个星星的大小。

你可能感兴趣的:(JavaScrip技术,HTML5与CSS3,javascript,html)