当前位置: 首页 > Web前端 > HTML5

原生ES6编写的网页游戏:ES6-马里奥,小美女,帅哥,快来玩吧~~

时间:2023-04-05 17:21:36 HTML5

?ES6-Mario这是一款使用原生ES6语法和HTML5新特性编写的网页游戏。通过本项目,你可以在实践中直观的了解ES6的主要内容、HTMLCanvas相关API和Webpack的基本配置。主要结构学习自Youtube上的MethMethMethod@MethMethMethod。非常感谢原作者@pomler,我从他身上学到了很多人生经验。项目地址:GitHub:es6-mario兼容性Chrome和FirefoxOS9.3.2+SafariAndroid7.0+无IEDemo在线Demo播放es6-mario扫码播放:GifDemo运行gitclonehttps://github.com/JuniorTour/es6-mariocdes6-marionpminstall//国内推荐cnpm,速度更快npmrundev//在http://localhost:8080启动开发服务器npmrunbuild//打包编译源码到./public/distnpmrunprod//将源码打包编译到./public/dist并在http://localhost:666启动生产环境服务器经验总结经常组织代码可以借助模块语法,声明和实现分离,构建类,ETC。(更多…………)重点总结记录Es6语法<1>Moduleimport{loadLevel}from'./loader.js'import{loadBackgroundSprites,loadMarioSprite}from'./sprites.js'<2>SuperClass-SuperClass(More.........)ToDo-ListNo.ContentFinishDateExtra0Infrastructure2018/2/14春节前一天1打包工具2018/3/1为了更好的兼容和性能。2手机端兼容2018/3/4,以支持目前主流的互联网。3原图和游戏内容2018/3/14性能优化尝试让低端设备(iPhonese,...)以更流畅的帧率运行5游戏体验相关优化...让游戏更有趣!6Webpack环境配置...文件结构|__公共主文件夹|__index.html|__assets|__img|__characters.gif|__font.png|__tiles.png|__levels内容配置|__1-1.json|__声音|__overworld-bgm.mp3|__sprites角色精灵(精灵贴图)配置|__goomba.json|__koopa.json|__mario.json|__overworld.json|__underworld.json|__build|__prod-server.js生产环境服务器|__webpack.config.jswebpack配置文件|__css|__......|__js|__entities|__Goomba.js|__Koopa.js|__Mario.js|__输入键盘和触摸操作输入控件|__......|__layers|__background.js|__camera.js|__collision.js|__dashboard.js|__sprites.js|__loaders|__font.js|__level.js|__polyfill兼容性垫片|__......|__traits游戏中的角色特征|__Go.js|__Jump.js|__Killable.js|__PendulumMove.js|__Physics.js|__PlayerController.js|__Solid.js|__Stomer.js|__Velocity.js|__anim.js|__BoundingBox.js|__Camera.js|__compositor.js|__debug.js|__entities.js|__Entity.js|__EntityCollider.js|__input.js|__KeyboardState。js|__main.js|__math.js|__sprites.js|__SpriteSheet.js|__TileCollider.js|__TileResolver.js|__Timer.js|__Level.js|__loader.js|__notes|__......|__.babelrc|__.gitignore|__package.json|__README.md很多不足之处,请原谅我的胡乱编排,我会尽快修复这些,非常欢迎您的帮助,我'我很想听听您的意见!欢迎通过各种方式联系我:我的GitHub:@JuniorTour。我的邮箱:juniortour@qq.com。欢迎给我点赞??GitHub:es6-mario