第四讲：使用html5中的canvas标签画出一个球在指定区域内的运动

最新推荐文章于 2023-05-30 18:01:27 发布

我有一个小毛驴

最新推荐文章于 2023-05-30 18:01:27 发布

阅读量3.1k

点赞数

分类专栏： html+css 文章标签： html5 canvas 小球运动小球在固定的区域内运动

本文链接：https://blog.csdn.net/liumingm_music/article/details/28944179

版权

<html>
	<head>
		<title>小球在一个区域运动</title>
		<script src="../js/jscex.jscexRequire.min.js" type="text/javascript"></script>
	</head>
	
	<body>
		<canvas id="mc" width="900px" height="500px">
		</canvas>
		<script type="text/javascript">
			var canvas = document.getElementById('mc');
			var cxt = canvas.getContext('2d');
			//定义一个小球
			var ball = {
				position : {x : 100,y : 100},	//球的位置
				r : 30,	//球的半径
				vx : 300,	//球在X轴的速度
				vy : 200	//球在Y轴的速度
			}; 
			var cyc = 10;
			var somethingAsync = eval(Jscex.compile("async", function () {
				//结合物理里面的知识即可
				while (true) {
					cxt.fillStyle = "rgba(0, 0, 0, .1)";
          cxt.fillRect(0, 0, canvas.width, canvas.height);
          cxt.fillStyle = "#FA340A";
          cxt.beginPath();

最低0.47元/天解锁文章

我有一个小毛驴

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
第四讲：使用html5中的canvas标签画出一个球在指定区域内的运动

小球在一个区域运动 var canvas = document.getElementById('mc'); var cxt = canvas.getContext('2d'); //定义一个小球 var ball = { position : {x : 100,y : 100}, //球的位置 r : 30, //球的半径
复制链接

扫一扫