starback.js- 利用 js 製作漂亮的星空、流星背景

分享:

如果有想要在網站放上星星背景或流星效果,可以考慮使用 starback.js 這個套件。

可以透過 cdn 讀入

<script src="https://unpkg.com/[email protected]/dist/starback.global.js"></script>

或是透過 npm

npm install starback

接著 import

import Starback from 'starback'

 

準備一個 cavas

<canvas id="canvas"></canvas>

之後使用

const canvas = document.getElementById('canvas')
const starback = new Starback(canvas, {
      type: 'dot',
      quantity: 100,
      direction: 225,
      backgroundColor: ['#0e1118', '#232b3e'],
      randomOpacity: true,
  })

一些參數上的設定可以參考官網的說明。

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。