`
webcode
  • 浏览: 5911080 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

html5游戏开发-简单

 
阅读更多

本游戏使用的是html5的canvas,运行游戏需要浏览器支持html5。

使用开源库件:LegendForHtml5Programming,可以通过此游戏简单熟悉一下如何使用该库件来开发游戏。

LegendForHtml5Programming1.1下载地址:

http://legendforhtml5programming.googlecode.com/files/LegendForHtml5Programming1.1.zip

LegendForHtml5Programming库件制作过程

http://blog.csdn.net/lufy_legend/article/details/6844949

游戏截图


游戏测试地址

http://fsanguo.comoj.com/html5/slot/index.html

游戏结构

index.html

js文件夹|---Main.js

    |---Reel.js

images文件夹|--图片


源码下载:

http://fsanguo.comoj.com/html5/slot/slot.rar


游戏代码:

Main.js


Reel.js

index.html



分享到:
评论

相关推荐

    HTML5+JS游戏开发模块----canvas打字游戏

    HTML5+JS游戏开发模块----canvas打字游戏 里面实现多个字母同时出现,每个字体都有自己的随机速度,字母数组的随机生成,canvas 模拟鼠标经过效果,鼠标点击,按键触发,字母换颜色,项目简单,希望能够给初学者一些...

    HTML5 Canvas游戏开发实战.pdf

    《HTML5 Canvas游戏开发实战》主要讲解使用HTML5 Canvas来开发和设计各类常见游戏的思路和技巧,在介绍HTML5 Canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读者不仅知其然,而且知其所以然。...

    slot-machine:HTML5 老虎机游戏

    HTML5 老虎机游戏 安装 npm install 开发 grunt watch // recompiles sass and does jshint 测试 mocha - phantomjs test / index . html // open the file on the browser. 演示 [HTML5 slotmachine]...

    h5小游戏-五子棋.rar_H5游戏_h5五子棋_h5小游戏_五子棋_五子棋 h5

    html5小游戏-五子棋,简单的h5页面游戏开发

    HTML5开发与游戏

    HTML5开发与游戏,使用简单的canvas实现了一个祖玛小游戏、jaws游戏引擎、可依据官方电路图,简化Arduino模组,完成独立运作的微处理控制。

    HTML游戏开发文档下

    05 HTML5游戏开发(美)迈耶著 06 HTML5游戏开发实践指南 07 HTML5游戏培训: 2D游戏中的碰撞检测 08 Introducing.HTML5.Game.Development 09 摄像头结合html5游戏简单原理探究 10 赵霏.HTML5在手机游戏领域的...

    Html5小游戏源代码H5小游戏源码JS开发网页小游戏开源源码大合集.zip

    打砖块射击,保卫星球射击,吃豆人,开心消消乐,俄罗斯方块,2048方块版,看图猜词,弹球打砖块,小方块回家,双人五子棋,射箭小游戏,飞机大战2.0,简单闯关游戏,重力球滚动,头像迷阵消除,变色弹球跳台阶,...

    HTML5 CANVAS游戏开发实战(PDF和源代码)

    第5章 从简单做起—“石头剪子布”游戏 / 116 5.1 游戏分析 / 116 5.2 必要的javascript知识 / 117 5.2.1 随机数 / 117 5.2.2 条件分支 / 117 5.3 分层实现 / 117 5.4 各个层的基本功能 / 119 5.4.1 基本...

    Cocos2D-X游戏开发技术精解

    12.3.1 简易性 316 12.3.2 可扩展性 316 12.3.3 高效性 317 12.3.4 可移植性 317 12.4 Lua脚本语言的语法 318 12.4.1 类型与数值 318 12.4.2 表达式 320 12.4.3 语句 322 12.4.4 函数 326 12.5 Lua在引擎中的应用 ...

    Laravel开发-yii2-websocket

    Laravel开发-yii2-websocket 带示例和演示的简单PHP WebSocket服务器:简单聊天(单守护进程)-http://sharoid.ru/chat.html,专业聊天(master worker)-http://sharoid.ru/chat2.html,简单游戏-...

    HTML5 Canvas核心技术图形动画与游戏开发 ((美)David Geary) 中文【PDF】

    基瑞编著的《HTML5Canvas核心技术:图形动画与游戏开发》是HTML5 Canvas领域的标杆之作,也是迄今为止该领域内容最为全面和深入的著作之一,是公认的权威经典、Amazon五星级超级畅销书、资深技术专家David Geary*...

    基于NFT(ERC721)HTML5游戏,向获奖者支付Crypto Payouts-源码 Crypto-Car-Battle

    Crypto-Car-Battle:基于NFT(ERC721)HTML5游戏,向获奖者支付Crypto Payouts-源码 加密车战 基于NFT(ERC721)HTML5游戏,向获胜者进行加密支付。 (在Rinkeby Network上部署的演示) 试用: 游戏演练 通过...

    HTML5 Canvas核心技术图形动画与游戏开发

    《HTML5 Canvas核心技术:图形、动画与游戏开发》是HTML5 Canvas领域的标杆之作,也是迄今为止该领域内容最为全面和深入的著作之一,是公认的经典、五星级畅销书、资深技术专家David Geary新力作。它不仅全面讲解了...

    Laravel开发-websocket

    Laravel开发-websocket 带示例和演示的简单PHP WebSocket服务器:简单聊天(单守护进程)-http://sharoid.ru/chat.html,专业聊天(master worker)-http://sharoid.ru/chat2.html,简单游戏-...

    html5和js开发的简单塔防游戏源码

    html5和js开发的简单塔防游戏源码,可作为参考

    Cocos2d-JS开发之旅+完整版

    《Cocos2d-JS开发之旅——从HTML 5到原生手机游戏》适合所有对2D 游戏开发感兴趣的人群,尤其是计算机专业学生、Flash/JS 开发者,因为Cocos2d-JS简单易懂,读者会发现自己已有的基础能快速应用或转移到Cocos2d-JS ...

    《HTML5 Canvas核心技术图形动画与游戏开发》电子版

    《HTML5 Canvas核心技术图形动画与游戏开发》此书为电子扫描版本,仅供学习交流使用,禁止商业用途 本书从基础知识,绘制,文本,图像,视频,动画,精灵,物理效果,碰撞,游戏开发,自定义控件,移动平台开发的...

    HTML5飞机射击游戏源码

    本示例是使用HTML5代码写的飞机射击游戏,游戏简单易上手,而且代码详尽,非常适合学习。 游戏规则:A为进攻。左右方向键控制方向。 建议开发童鞋使用统一开发环境UDE来进行查看、调试、开发~~~统一开发环境是一款...

    html5游戏源码简单的战斗

    自己用html5开发的一个简单的游戏战斗场景,包含最基本的移动,攻击,发技能,很适合html5入门学习参考,代码简单易懂

Global site tag (gtag.js) - Google Analytics