JavaScript之赛车游戏

news/2024/11/16 18:07:50/

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>赛车游戏</title></head><body><!-- <img src="https://t7.baidu.com/it/u=2607436094,546726765&fm=193&f=GIF"  height=100 width=100/> --><h1 id="test">特斯拉右移</h1><script src="https://code.jquery.com/jquery-3.6.1.js"></script><script>/* 这是面向对象的方法 */var Car=function(x,y){this.x=x;this.y=y;};// 创建绘制方法Car.prototype.draw=function(){var carHtml='<img src="https://t7.baidu.com/it/u=2607436094,546726765&fm=193&f=GIF" height=100 width=100/>';this.carElement=$(carHtml);this.carElement.css({position:"absolute",left:this.x,top:this.y})$("body").append(this.carElement);};// 创建右移方法Car.prototype.moveRight=function(){this.x+=100;this.carElement.css({left:this.x,top:this.y})};var tesla=new Car(20,65);var nissan=new Car(100,180);tesla.draw();nissan.draw();new Car(190,330).draw();$("#test").click(function(){tesla.moveRight();});/* 以下是非面向对象的方法 */// var Car=function(x,y){// 	this.x=x;// 	this.y=y;// 	// drawCar(this);// }// var drawCar=function(car){// 	var carHtml='<img src="https://t7.baidu.com/it/u=2607436094,546726765&fm=193&f=GIF" height=100 width=100/>';// 	var carElement=$(carHtml);// 	carElement.css({// 		position:"absolute",// 		left:car.x,// 		top:car.y,// 	});// 	$("body").append(carElement);// }// var tesla=new Car(20,20);// var nissan=new Car(100,200)// drawCar(tesla);// drawCar(nissan);</script></body>
</html>


http://www.ppmy.cn/news/892759.html

相关文章

Promise分享

手写promise之前需要知道 宏任务 & 微任务 我们都知道 Js 是单线程的&#xff0c;但是一些高耗时操作就带来了进程阻塞问题。为了解决这个问题&#xff0c;Js 有两种任务的执行模式&#xff1a;同步模式&#xff08;Synchronous&#xff09;和异步模式&#xff08;Asynchr…

easyx赛车小游戏(新手小白)

2021新年快乐呀&#xff0c;两天都没出去玩终于写完这个小游戏。 之前上一篇博文说过要写跑酷来着&#xff0c;但因为我实在太菜了就中途放弃了&#xff0c;换成了公路障碍赛车。。。 界面如图&#xff0c;感觉是个比较劣质的游戏。。。但是它还是一个有碰撞判断&#xff0c…

C/C++游戏项目教程:《雷霆战机》

《雷霆战机》是以太空科幻世界观&#xff0c;12星座关卡模式和弹幕联袂上演掌上“星球大战”。百种战机&#xff0c;千种弹幕&#xff0c;酷炫装备&#xff0c;强劲暴走&#xff0c;演绎别样星海激情。在继承了经典飞行射击游戏爽快体验的同时&#xff0c;更添加了革命性的创新…

carx2服务器维护不足什么问题,carx2赛车漂移

carx2赛车漂移玩起来手感超级棒,漂移的时候感觉非常刺激,地图蛮大的赛道外那些跑道好玩,地图数量不怎么多,而且大部分都要金币!我存了20多万,然后买新车,改装也花了很多钱! carx2赛车漂移介绍 很喜爱carx2赛车漂移这款游戏。最先,重中之重,把自动刹车关掉,或是降低,…

Unity3D教程:赛车漂移算法

漂移的解决方案。 方案1.整个赛车干脆都用translate做坐标移动&#xff0c;这个就是无视wheelcollider物理引擎的做法&#xff0c;新手适用&#xff0c;简单方便&#xff0c;但之后的开发上会有很多问题需要解决&#xff08;如果你想解决这些问题的话&#xff09;。 方案2.用…

疯狂的赛车下载

剧情简介 黄渤饰演的自行车车手耿浩&#xff0c;因为0.01秒落败&#xff0c;成为银牌车手&#xff0c;这是一条线&#xff1b;第二条线是大贼二贼&#xff0c;他们阴差阳错成了贼&#xff0c;最后还绑票伤人&#xff1b;第三条线是台湾来的黑帮四人组&#xff0c;他们意图在内…

Unity3D赛车游戏+脚本基础

前言 游戏对象实例化 Scenes游戏场景 GameObject游戏对象 Component组件 Component使用方法 预制体 Unity事件函数 Instantiate():实例化对象 什么是Time.deltaTime Transform的移动&#xff0c;旋转和缩放 实战:赛车游戏 运行演示 具体步骤 游戏打包流程 前言 …

控制台版 赛车游戏

视频&#xff1a;https://www.bilibili.com/video/BV14z4y1r7wX?p4&t717 代码&#xff1a;https://github.com/OneLoneCoder/videos/blob/master/OneLoneCoder_RetroArcadeRacer.cpp 目录 一、预览图 二、代码过程 三、完整代码 一、预览图 左图是做出来的效果&#xff…