课程/JavaScript/前端开发
JS实现人机大战之五子棋(UI篇)
-
-
moocer9527
2017-05-20
- 画棋子
-
截图
0赞 · 0采集
-
-
carol67351
2017-05-03
- 棋盘 水印
-
截图
0赞 · 0采集
-
-
qq_相摸盲人_0
2017-03-05
- 画棋子
-
截图
0赞 · 0采集
-
-
卡奇
2016-11-04
- 画棋子函数
-
截图
0赞 · 0采集
-
-
九万里风0
2016-10-05
- var oneStep = function(i, j, me) {
context.beginPath();
context.arc(15 + i*30, 15 + j*30, 13, 0, 2 * Math.PI);
context.closePath();
var gradient = context.createRadialGradient(15 + i*30 + 2, 15 + j*30 - 2, 13, 15 + i*30 + 2, 15 + j*30 - 2, 0);
if(me) {
gradient.addColorStop(0,"#0a0a0a");
gradient.addColorStop(1,"#636766");
} else {
gradient.addColorStop(0,"#d1d1d1");
gradient.addColorStop(1,"#f9f9f9");
}
context.fillStyle = gradient;
context.fill();
}
-
0赞 · 0采集
-
-
qq_该用户无昵称_0
2016-08-16
- canvans
-
截图
1赞 · 1采集
-
-
慕前端6437745
2016-07-09
- stroke 描边
-
0赞 · 0采集
-
-
慕粉3181408
2016-04-26
- stroke 描边
fill 填充
-
0赞 · 1采集
-
-
quwei
2016-04-12
- 画棋子儿
-
截图
0赞 · 0采集
-
-
quwei
2016-04-12
- 画棋子儿
-
截图
0赞 · 0采集
-
-
蒙面面
2016-04-06
- 方便一下不想打字的同学:
var onestep = function(i, j, me) {
ctx.beginPath();
ctx.arc(15 + i*30, 15 + j*30, 13, 0, 2 * Math.PI);
ctx.closePath();
var gradient = ctx.createRadialGradient(15 + i*30 + 2, 15 + j*30 - 2, 13, 15 + i*30 + 2, 15 + j*30 - 2, 0);
if(me) {
gradient.addColorStop(0,"#0a0a0a");
gradient.addColorStop(1,"#636766");
} else {
gradient.addColorStop(0,"#d1d1d1");
gradient.addColorStop(1,"#f9f9f9");
}
ctx.fillStyle = gradient;
ctx.fill();
}
-
2赞 · 4采集
-
-
霜花似雪
2016-04-02
- 画棋子
-
截图
0赞 · 0采集
-
-
霜花似雪
2016-04-02
- 画棋子
-
截图
0赞 · 0采集
-
-
霜花似雪
2016-04-02
- 画棋子
-
截图
0赞 · 0采集
-
-
hhh112123123
2016-03-30
- context.creatRadialGradient(外圆横纵坐标+半径,内圆横纵坐标+半径);
addColorStop(0,"颜色");
addColorStop(1,"颜色");
0代表第一个圆,1代表第二个
-
截图
0赞 · 0采集
-
-
hhh112123123
2016-03-30
- stroke用来描边,fill用来填充
-
0赞 · 0采集
-
-
hhh112123123
2016-03-30
- context.arc(圆心横坐标,纵坐标,半径,起始弧度,结束弧度);
-
0赞 · 0采集
-
-
A29
2016-03-27
- 。
-
截图
0赞 · 0采集
-
-
LLeo小浩
2016-03-25
- 棋子函数
-
截图
0赞 · 0采集