<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. 【微信小游戏实战】零基础制作《欢乐停车场》二、关卡设计

    1.游戏立项 微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...

  2. 【phaser】快速实现HTML5 2D小游戏

    原文链接 前言 最近忙着看项目和写项目,在 github 上无意中发现了别人用 phaser 实现的2d小游戏,代码简单易懂,而且phaser框架本身就是非常的简单,非常适合想快速开发小游戏的开发者. ...

  3. 幼儿英语课前热身小游戏

    幼儿英语课前热身小游戏        孩子玩得正高兴,站在一旁的老师却喊着"要上英语课了",孩子们带着满脸的不情愿回到了教室,有的还嘟囔着"又要上课",丝毫没有 ...

  4. 火焰纹章java小游戏_火焰纹章攻略

    第一章 主角去"压制"就左边的城堡过关了.以后每一章基本都是必须要由主角去压制城堡或王座才能过关. 第二章 攻略: 一开始敌方就有一个盗贼将右下方的村子破坏了,由于剧情如此,救那个 ...

  5. 【微信小游戏实战】零基础制作《欢乐停车场》三、游戏场景制作

    1.游戏立项 微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...

  6. 【微信小游戏实战】零基础制作《欢乐停车场》一、游戏设计

    1.游戏立项 微信小游戏中有一款<欢乐停车场>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各颜色的小 ...

  7. js 小游戏开发 面向对象 马原

    后台使用意见你把这个合起来做个小游戏 做出来了 我请你吃饭 喜羊羊  6:29:37   这是打怪 这是讲话 喜羊羊  6:30:50 这是地图 然后你把这些都想办法都放到这里面来 组合成一个游戏 喜 ...

  8. Java实现超级玛丽小游戏教程

    1.实现了哪些功能? 1.按键←.→.↑实现玛丽奥的基本移动和跳跃. 2.获取特殊道具后可以发射子弹.可以巨大化以及提升跳跃能力. 3.玛丽奥头顶特殊方块后会生成可以旋转的金币,吃到金币可以增加分数. ...

  9. C语言实训——经点小游戏马里奥开发day2

    C语言实训--经点小游戏马里奥开发day2 角色移动相关 一.直接改变坐标 在制作了卷轴式的地图后,为了发挥卷轴式地图的优越性,马里奥能自由移动是必须的,为了实现马里奥的移动,最开始我尝试的是当用户按 ...

最新文章

  1. 根据sql生成相应字段
  2. 拼多多“砍价免费拿”始终差“0.09%”遭起诉,官方回应:活动真实
  3. JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
  4. 【手写系列】写出我的第一个框架:迷你版Spring MVC
  5. JSPatch – 动态更新iOS APP
  6. jstack命令案例分析:对wait的线程没有调用notify()导致程序无法停止
  7. docker命令及挂载
  8. oracle导出命令位置,ORACLE 导出导入命令说明
  9. 14、高可用keepalived搭建及切换
  10. mapper mysl实现批量插入 更新
  11. 私活后的 WPF 设计经验总结
  12. VS-code输入感叹号没有提示
  13. STEP7主站与远程I/O组网_过路老熊_新浪博客
  14. 英特尔AVX指令集解析
  15. pandas批量拆分、合并EXCEl
  16. zookeeper基本讲解(Java版,真心不错)
  17. 一个5节点的polardb mysql_POLARDB云数据库分布式存储引擎揭秘,POLARDB和MySql 5.6兼容性能对比...
  18. 星环TDH数据库批量生成表和存储过程
  19. OllyDBG 1.10汉化第二版
  20. 处理VFS对象及标准函数--标准函数

热门文章

  1. DCMTK:将XML文档转换为DICOM文件或数据集
  2. VTK:直线网格之RectilinearGrid
  3. VTK:绘图之StackedBar
  4. OpenCV透视变换应用于图像的实例(附完整源代码)
  5. C++八皇后拼图,打印所有的算法(附完整源码)
  6. C语言实现基数排序Radix sort算法之一(附完整源码)
  7. C++包含头文件几种方式
  8. C语言求最大公约数与最小公倍数
  9. python rpc框架-python使用rpc框架gRPC的方法
  10. pycharm下配置jupyter_在 Pycharm 中安装及使用 Jupyter (图文详解)