最新下載
夢幻水族館
少女前線
星之翼
小花仙精靈樂園
餐廳萌物語
山河旅探
戀與製作人
最強腦3
異塵:達米拉
少年西遊記2
24小時閱讀排行榜
- 1 《殭屍圍城》豪華重製版:如何為 Kent 的照片挑戰拍攝 1,000 PP 幽默鏡頭
- 2 JavaScript 中的對象
- 3 您應該了解的熱門免費 API
- 4 使用 Cluster 模組擴充 Node.js
- 5 如何將通訊錄與手機同步?在 Go 中實現 CardDAV!
- 6 CSS 中的新值與新函數
- 7 EchoAPI 與 Insomnia:結合實例進行綜合比較
- 8 《殭屍圍城》豪華重製版捷徑指南:如何解鎖「仙境」和「隧道」捷徑
- 9 介紹 JDK Java Developer 的終極升級以及進階 AI 增強功能
- 10 《殭屍圍城》豪華重製版:所有倖存者以及在哪裡可以找到他們
- 11 在 Laravel 測試排隊作業的技巧
- 12 Ripple 相關錢包在法律訴訟中轉移 1 億 XRP
- 13 88% 的持有者持有帳面利潤,比特幣 (BTC) 價格突破 62,000 美元
- 14 如何修復 Tailwind CSS 在 Next.js 中不起作用的問題
- 15 隨著狗狗幣 (DOGE)、柴犬 (SHIB) 和 Popcat (POPCAT) 的上漲,Meme 幣市場升溫
最新教學
-
- 國外Web開發全端課程全集
- 1351 2024-04-24
-
- Go語言實戰之 GraphQL
- 1636 2024-04-19
-
- 550W粉絲大佬手把手從零學JavaScript
- 3053 2024-04-18
-
- python大神Mosh,零基礎小白6小時完全入門
- 2578 2024-04-10
-
- MySQL 初學入門(mosh老師)
- 1529 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品課堂
- 2381 2024-03-29
html5 canvas海底水草動畫特效是一款深海底冒泡的海藻動畫場景特效
var canvas, ctx, width, height, stems, bubbles;
stems = [];
bubbles = [];
function Bubble(x, y, radius) {
this.x = x;
this.y = y;
this.radius = radius;
this.vy = -Math.random() * 5;
this.opacity = 0.2 + Math.random() * 0.5;
this.oldY = y;
}
Bubble.prototype.draw = function() {
var strokeColor, fillColor;
strokeColor = 'rgba(255, 255, 255,' + this.opacity + ')';
fillColor = 'rgba(255, 255, 255,' + (this.opacity / 2) + ')';
ctx.save();
ctx.lineWidth = 0.8;
ctx.strokeStyle = strokeColor;
ctx.fillStyle = fillColor;
ctx.beginPath();
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
ctx.stroke();
ctx.restore();
}