07_js走路小游戏
<html><head><!-- 不做了,思路:按enter键停止,将xs,ys替换为0,再次按,判断xs和ys是否为0,是的话,讲根据fx给xsys赋值。实现鼠标点哪往哪里走:获取鼠标的坐标,和现在的左边,确定应该往x走多少,y走多少,根据x y的值调走的速度--></head><body onkeydown="opt()"><img border="0" id="ren" src="data:images/q_1.jpg" style="position:absolute;left:0px;top:0px;"></body><script>var ren=document.getElementById("ren");var fx="q";function transStr(obj){//return obj.substring(obj.lastIndexOf("/")+1,obj.length);return obj.substr(obj.lastIndexOf("/")+1);}function changetu(){if(transStr(ren.src).charAt(2)=="1")ren.src="data:images/"+fx+"_2.jpg";elseren.src="data:images/"+fx+"_1.jpg";}function start1(){setInterval(function(){run();changetu();},400);}start1();function opt(){var code=event.keyCode;switch(code){case 37://左 fx="z"ys=0;xs=-5;break;case 39://右 fx="y";ys=0;xs=5;break;case 38://上 fx="h";xs=0;ys=-5;break;case 40://下 fx="q";xs=0;ys=5;break;}}var x=0;var y=0;var xs=0;var ys=0;function run(){x+=xs;y+=ysren.style.left=x;ren.style.top=y;}</script> </html>
07_js走路小游戏相关推荐
- 【微信小游戏实战】零基础制作《欢乐停车场》二、关卡设计
1.游戏立项 微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
- 【phaser】快速实现HTML5 2D小游戏
原文链接 前言 最近忙着看项目和写项目,在 github 上无意中发现了别人用 phaser 实现的2d小游戏,代码简单易懂,而且phaser框架本身就是非常的简单,非常适合想快速开发小游戏的开发者. ...
- 幼儿英语课前热身小游戏
幼儿英语课前热身小游戏 孩子玩得正高兴,站在一旁的老师却喊着"要上英语课了",孩子们带着满脸的不情愿回到了教室,有的还嘟囔着"又要上课",丝毫没有 ...
- 火焰纹章java小游戏_火焰纹章攻略
第一章 主角去"压制"就左边的城堡过关了.以后每一章基本都是必须要由主角去压制城堡或王座才能过关. 第二章 攻略: 一开始敌方就有一个盗贼将右下方的村子破坏了,由于剧情如此,救那个 ...
- 【微信小游戏实战】零基础制作《欢乐停车场》三、游戏场景制作
1.游戏立项 微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
- 【微信小游戏实战】零基础制作《欢乐停车场》一、游戏设计
1.游戏立项 微信小游戏中有一款<欢乐停车场>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各颜色的小 ...
- js 小游戏开发 面向对象 马原
后台使用意见你把这个合起来做个小游戏 做出来了 我请你吃饭 喜羊羊 6:29:37 这是打怪 这是讲话 喜羊羊 6:30:50 这是地图 然后你把这些都想办法都放到这里面来 组合成一个游戏 喜 ...
- Java实现超级玛丽小游戏教程
1.实现了哪些功能? 1.按键←.→.↑实现玛丽奥的基本移动和跳跃. 2.获取特殊道具后可以发射子弹.可以巨大化以及提升跳跃能力. 3.玛丽奥头顶特殊方块后会生成可以旋转的金币,吃到金币可以增加分数. ...
- C语言实训——经点小游戏马里奥开发day2
C语言实训--经点小游戏马里奥开发day2 角色移动相关 一.直接改变坐标 在制作了卷轴式的地图后,为了发挥卷轴式地图的优越性,马里奥能自由移动是必须的,为了实现马里奥的移动,最开始我尝试的是当用户按 ...
最新文章
- 根据sql生成相应字段
- 拼多多“砍价免费拿”始终差“0.09%”遭起诉,官方回应:活动真实
- JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
- 【手写系列】写出我的第一个框架:迷你版Spring MVC
- JSPatch – 动态更新iOS APP
- jstack命令案例分析:对wait的线程没有调用notify()导致程序无法停止
- docker命令及挂载
- oracle导出命令位置,ORACLE 导出导入命令说明
- 14、高可用keepalived搭建及切换
- mapper mysl实现批量插入 更新
- 私活后的 WPF 设计经验总结
- VS-code输入感叹号没有提示
- STEP7主站与远程I/O组网_过路老熊_新浪博客
- 英特尔AVX指令集解析
- pandas批量拆分、合并EXCEl
- zookeeper基本讲解(Java版,真心不错)
- 一个5节点的polardb mysql_POLARDB云数据库分布式存储引擎揭秘,POLARDB和MySql 5.6兼容性能对比...
- 星环TDH数据库批量生成表和存储过程
- OllyDBG 1.10汉化第二版
- 处理VFS对象及标准函数--标准函数
热门文章
- DCMTK:将XML文档转换为DICOM文件或数据集
- VTK:直线网格之RectilinearGrid
- VTK:绘图之StackedBar
- OpenCV透视变换应用于图像的实例(附完整源代码)
- C++八皇后拼图,打印所有的算法(附完整源码)
- C语言实现基数排序Radix sort算法之一(附完整源码)
- C++包含头文件几种方式
- C语言求最大公约数与最小公倍数
- python rpc框架-python使用rpc框架gRPC的方法
- pycharm下配置jupyter_在 Pycharm 中安装及使用 Jupyter (图文详解)