最新下载
梦幻水族馆
少女前线
星之翼
小花仙精灵乐园
餐厅萌物语
山河旅探
恋与制作人
最强大脑3
异尘:达米拉
少年西游记2
24小时阅读排行榜
- 1 为什么我在 Hugo 博客中插入图片时出现 404 错误?
- 2 dsetup16.dll - 什么是 dsetup16.dll?
- 3 dtrsve.dll - 什么是 dtrsve.dll?
- 4 dxcodex.ocx - 什么是 dxcodex.ocx?
- 5 修改共享对象时 std::shared_ptr 是线程安全的吗?
- 6 dsbho_02.dll - 什么是 dsbho_02.dll?
- 7 将 Java 应用程序的启动时间和内存占用量减少最多的策略
- 8 为什么我的 MySQL 事件创建失败并显示“您的 SQL 语法有错误”?
- 9 为什么我的 Sass 文件抛出“无效 CSS:预期表达式”错误?
- 10 为什么我的没有按预期缩小?它似乎有一个不可移除的 min-width: min-content 问题。
- 11 dwin0008.dll - 什么是 dwin0008.dll?
- 12 Java 中静态和非静态嵌套类的主要区别是什么?
- 13 X帝国价格飙升至新ATH:这是你应该知道的
- 14 dwpp.dll - 什么是 dwpp.dll?
- 15 为什么我的Go接口方法返回类型会导致编译错误?
最新教程
-
- 国外Web开发全栈课程全集
- 1717 2024-04-24
-
- Go语言实战之 GraphQL
- 2000 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3418 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2949 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1803 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2616 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();
}