首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MOBA、SLG、ARPG类型3D HTML5游戏案例精品推荐

在微信小游戏HTML5中采用LayaAir引擎的3D产品,据小编已知的已经300多款了,3D引擎(H5和小游戏)占比超过90%。...今天小编就不再介绍休闲小游戏了,推荐几款不同类型的优质3D游戏案例代表作。大家可以识别二维码进行体验。...早在去年12月份,小编就曾介绍过大量的产品,没体验过的可以点击这里可查看☞ 微信3D小游戏已达数百款,这里肯定有你没玩过的小游戏! MOBA类型代表作:《AU计划》 ?...《AU计划》是一款基于LayaAir 3D引擎打造的,非常火爆的3V3对战MOBA竞技游戏作品,游戏采用了日系热血漫画风格,个性英雄勇者登场,更有专属武器和道具搭配。...《骑士法则》是一款基于LayaAir 3D引擎打造的多人在线、实时战争策略游戏

1.3K50

超炫经典HTML5游戏游戏源码

森七为各位宅在家里的朋友分享几款超炫经典的HTML5游戏,让我们在不仅获得快乐的同时又可以学到新鲜的HTML5知识,一起来看看吧。...1、HTML5版切水果游戏 HTML5游戏极品 这是一款由百度JS小组提供的HTML5版切水果游戏,记得切水果游戏当年非常火,今天我找到了一款基于HTML5实现的网页版切水果游戏。...2、HTML5中国象棋游戏 自定义象棋难度 棋类游戏在桌面游戏中已经非常成熟,中国象棋的版本也非常多。...3、HTML5五子棋游戏 画面超酷 可设置难度 前几天我向大家分享过一款HTML5中国象棋游戏,效果令人惊叹,小编的实力很难胜过电脑。...今天我要向大家分享一款HTML5五子棋游戏,不仅游戏画面非常华丽,而且可以自己设置难度,并且可以选择人机对战还是人人对战,这款HTML5五子棋游戏绝对称得上HTML5游戏中的极品。

3.7K81
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5游戏前端开发【秘籍】

    QQ空间Android版4.2和4.5上线的玩吧游戏“空间疯狂套牛”是一款使用HTML5开发出的手机游戏,虽然还有很多不足,但其中使用的一些技术与技巧还是很有必要为大家分享出来,方便大家用秘籍打通各种关卡创造出更多更好的...HTML5游戏。...(本秘籍主要讲述使用HTML + CSS技术方面) 一、自适应 Android手机的屏幕碎片化非常严重,各种各样的分辨率非常之多,那么如何让游戏可以适配这些机型就显得尤为重要。...最终效果如下,无论屏幕怎么变化,都可以非常恰当的显示: 二、帧动画 好的游戏一定有好的动画,感谢设计师为游戏带来优美的视觉享受,如果在实现时有所折扣那是对设计师工作的不尊重,所以在实现动画这里,我们要谨慎小心...牛的跑动 这里我们根据之前在做PC与手机联动的小游戏,如:障碍越野赛、爬花藤、中秋小游戏中积累的经验,再结合手机浏览器主要是webkit内核,这里选用 animation-timing-function

    1.8K70

    HTML5游戏引擎深度测评

    最近看到网上一篇文章,标题叫做《2016年 最火的 15 款 HTML5 游戏引擎》。目前针对HTML5游戏的解决方案已经非常多,但谁好谁差却没有对比性资料。...Egret定位 Egret算是HTML5游戏引擎中的新起之秀,其定位已不单纯为HTML5游戏引擎。官方将其定位为“游戏解决方案”,同时也并未过多提及HTML5。...Egret:性能不错,在工作流方面支持非常优秀,适应中度和重度HTML5游戏开发,有较多商业项目验证,非常适合商业团队使用。 enchant.js:性能偏差,不太推荐。...cocos2d-js:老牌引擎,其性能在排名中居中,工作流支持相对完整,推荐。 PlayCanvas:重度3D游戏开发引擎,本文不对3D做推荐。 melonJS:性能不理想,不推荐。...Quintus:不支持WebGL模式,性能较差,不推荐。 Hilo:阿里前端团队作品,偏向于前端开发工程师,与游戏专业开发距离较大,推荐HTML5营销小交互的使用。

    7.9K91

    HTML5 游戏引擎深度测评

    最近看到网上一篇文章,标题叫做《 2016年 最火的 15 款 HTML5 游戏引擎 》。目前针对HTML5游戏的解决方案已经非常多,但谁好谁差却没有对比性资料。...Egret 定位 Egret算是HTML5游戏引擎中的新起之秀,其定位已不单纯为HTML5游戏引擎。官方将其定位为“游戏解决方案”,同时也并未过多提及HTML5。...Egret:性能不错,在工作流方面支持非常优秀,适应中度和重度HTML5游戏开发,有较多商业项目验证,非常适合商业团队使用。 enchant.js:性能偏差,不太推荐。...cocos2d-js:老牌引擎,其性能在排名中居中,工作流支持相对完整,推荐。 PlayCanvas:重度3D游戏开发引擎,本文不对3D做推荐。 melonJS:性能不理想,不推荐。...Quintus:不支持WebGL模式,性能较差,不推荐。 Hilo:阿里前端团队作品,偏向于前端开发工程师,与游戏专业开发距离较大,推荐HTML5营销小交互的使用。

    6.1K132

    【教程下载】HTML5游戏开发(全)

    点击“蚂蚁HTML5社区”,快速关注,每天一个免费开源程序。 HTML5有望成为网络游戏开发的热门新平台。...HTML5游戏能够运行于包括iPhone系列和iPad系列在内的计算机、智能手机以及平板电脑上。今天,我们加入HTML5游戏开发的急先锋,明日将成为时代的弄潮儿。...本书将展示如何使用最新的HTML5和CSS3 Web标准来构建纸牌游戏、绘图游戏、物理游戏,甚至是多人网络游戏。本书讲解清晰、系统全面,参照本书的讲解就能构建出6款示例游戏。...HTML5、CSS3以及相关的JavaScript API是网络上最新的热点话题。这些标准给我们带来一个新的游戏市场—HTML5游戏。...通过新的功能,我们能用HTML5元素、CSS3属性,以及JavaScript来设计运行于浏览器的游戏。 本书根据关注话题的侧重点而分成9章。

    2.4K10

    畅行HTML5游戏世界——Egret引擎

    2015年,HTML5游戏异常火爆,从最初的单机小游戏,到后来的中重度网络游戏如雨后春笋般涌现。随着市场需求的增多,越来越多的开发者投入到HTML5游戏开发行业中来。...在HTML5和移动游戏强大的发展趋势下,Egret引擎应运而生,Egret 引擎专注于移动设备上的HTML5 游戏开发,为HTML5 游戏开发者提供了无可比拟的快捷开发游戏的方式。...跨平台 Egret 本身是用来开发HTML5 页面游戏的,但Egret 引擎早已考虑了广大开发者制作原生游戏的需求,因此提供了Android Support 和iOS Support,使得原本只能在HTML5...环境运行的游戏可以通过简单的步骤生成原生游戏,这种方式底层是用Egret Runtime 一样的机制,因此,打包为原生之后,性能也较HTML5 会有极大的提升。...位图字体 为高品质游戏的个性文字效果输出提供了方便快捷的解决方案。 ? 相 关 图 书 《Egret—HTML5游戏开发指南》 Egret精粹 白鹭引擎诚意之作 全面系统 海量案例 张鑫磊 等 著

    3.5K10

    HTML5版的String Avoider小游戏

    HTML5版的String Avoider小游戏 http://www.newgrounds.com/portal/view/300760 蛮简单也蛮考验耐心,从游戏起始点移动鼠标到终点位置,鼠标移动过程绘制出移动轨迹的...String平滑曲线,整个过程不能碰撞到边界,从技术角度来说其核心就是根据鼠标移动位置生成String线的算法,该游戏是ActionScript写的Flash版,这里将其改造成HTML5版的JavaScript...除了绘制String线外还有个技术点就是监测碰撞,该Flash游戏的边界都是线段,因此第一想到的监测方式就是线线相交的思路,算法可参考 http://en.wikipedia.org/wiki/Line...%E2%80%93line_intersection ,如果以LineLine的相交思路只需要遍历所有point间的线段,判断是否与游戏关卡定义的边界线相交,但这种方式对不规则边界就比较麻烦,监测性能也不高...考虑到我们还需要提供用户可DIY自定义游戏关卡的功能,我们将采用监测颜色透明度信息的方式,由于正常游戏时场景无需用户动态修改,因此边界的信息可提前缓存到ImageData内存中,并且我们300个点的距离都是

    1.1K80

    Angel推荐算法在游戏推荐中的应用

    本次分享为大家介绍Angel推荐算法在游戏推荐中的应用。主要内容包括:游戏平台上的游戏推荐、Tesla平台上的推荐算法、经典算法的线性特点、DeepFM算法的非线性特点、DeepFM应用过程。...01 游戏平台上的游戏推荐 这张图看到的是Steam平台上的一个游戏推荐的应用。Steam平台主要是使用标签的推荐方法,它的标签主要是基于用户选择去收集的信息。...Steam平台的特点在于游戏的内容比较多,深度也比较深一些。...它的推荐算法并没有使用人工抽取标签的方式,而使用了CF算法,以及在用户行为数据的基础上使用Deep FM算法。 02 Tesla平台上的推荐算法 这个是特斯拉平台上的推荐算法。...另一种是协同过滤——或基于物品,或基于用户,或者是联合的协同过滤,会存在稀疏矩阵和长尾推荐的问题。 此时会出现一个问题:这是基于物品点击率比较高的协同过滤,但游戏大部分推荐的并不是都是热门物品。

    1.4K20

    H5游戏开发:游戏引擎入门推荐

    H5游戏开发:游戏引擎入门推荐 前言 很多刚刚接触到游戏开发,准备大展拳脚的小鲜肉们,往往在技术选型这第一关就栽了跟头。...游戏场景分类 在刚接到游戏需求时,我们可以从以下几个方面进行考量,分析出游戏需求场景所属,从而作为我们选择游戏引擎的依据。 游戏效果呈现方式( 2D ? 3D ? VR ?)...游戏复杂度 这与游戏引擎能够支持的功能,提供的API,性能等方面关系比较大。 游戏引擎推荐 笔者从业界较流行的一些框架,进行以下几个方面对比,希望能从客观数据上给大家的技术选型带来建议和参考。...如果对「H5游戏开发」感兴趣,欢迎关注我们的专栏。 参考资料 目前有哪些比较成熟的 HTML5 游戏引擎?...HTML5游戏引擎深度测评 转自:https://zhuanlan.zhihu.com/p/32392153 学习:https://aotu.io/

    6.5K20

    HTML5版的String Avoider小游戏

    HTML5版的String Avoider小游戏 http://www.newgrounds.com/portal/view/300760 蛮简单也蛮考验耐心,从游戏起始点移动鼠标到终点位置,鼠标移动过程绘制出移动轨迹的...String平滑曲线,整个过程不能碰撞到边界,从技术角度来说其核心就是根据鼠标移动位置生成String线的算法,该游戏是ActionScript写的Flash版,这里将其改造成HTML5版的JavaScript...除了绘制String线外还有个技术点就是监测碰撞,该Flash游戏的边界都是线段,因此第一想到的监测方式就是线线相交的思路,算法可参考 http://en.wikipedia.org/wiki/Line...%E2%80%93line_intersection ,如果以LineLine的相交思路只需要遍历所有point间的线段,判断是否与游戏关卡定义的边界线相交,但这种方式对不规则边界就比较麻烦,监测性能也不高...考虑到我们还需要提供用户可DIY自定义游戏关卡的功能,我们将采用监测颜色透明度信息的方式,由于正常游戏时场景无需用户动态修改,因此边界的信息可提前缓存到ImageData内存中,并且我们300个点的距离都是

    98640

    技术干货分享:如何选择 HTML5 游戏引擎

    DOM模式就不适合用于真正的游戏开发,更不用提。 第二、3D方向,webGL模式理论上可以制作2D和3D游戏,Canvas和DOM模式下只能制作2D游戏。...3、性能是核心需求 性能是H5游戏面临的核心门槛,也是很多H5游戏不被专业玩家认可的重要原因之一。游戏卡顿,不流畅,这样的产品体验很难在激烈竞争中生存下来。...在runtime方面Cocos2d-js也有着原生级的表现,经过对比,笔者认为Layabox性能的综合实力最强,在各个渲染领域都保持在HTML5引擎的顶级水平。...发布PC页游时,由于PC浏览器目前对HTML5兼容性不足70%,用户损耗很大,页游联运平台可能会拒绝或放量很少,只有采用能同时发布Flash版本的引擎,才能解决这个问题。 ?...那么2D游戏,pixi.js无疑是首选。3D游戏,笔者推荐Three.js。但是这两种引擎的学习资料都比较稀少。

    2.2K90

    【源码】html5塔楼游戏,来啊,盖楼啊,带教程!

    塔楼游戏让您感到快乐。是的,这是真的,因为游戏的设计方式是我们想要一次又一次地玩它。它类似于屡获殊荣的Tower Bloxx Deluxe游戏,您的任务是将棋盘放在彼此的顶部并朝向天空。...它的结构是使用HTML5语言的新canvas元素创建的,而逻辑是用ES6编写的(对JavaScript语言的一个杰出更新)。...基于ES6和Canvas的塔式建筑游戏(Tower Bloxx Deluxe Skyscraper) 演示 ? 游戏规则 以下是默认游戏规则: 在每个游戏玩家以3马力开始。...每次塔块被丢弃时,玩家将扣除1马力; 当hp耗尽时游戏结束。 玩家每增加一个成功的积木奖励25分(成功)。如果一个块在前一个块上面完美地堆叠(完美),那么玩家将获得50点奖励。...要自定义游戏规则,请修改option对象index.html。 选项 使用下面的option常量表来完成游戏规则的自定义。 ?

    1.4K40
    领券