html5 canvas夜景发光动画特效

1、新建html文档。

2、书写hmtl代码。<div>html5 canvas漂亮的夜景发光动画特效</div>

3、书写css代码。

<style>

html, body {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  overflow: hidden;

}

<低祝倘/style>

4、书写并添加js代码。

<script src="js/three.min.js"></script>

<script>

'use strict';

var _class, _temp, _class2, _temp2, _class3, _temp3;

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

</script>薪码

5、代码整体救醒结构。

6、查看效果。