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

直接上源码教你经典HTML5小游戏

HTML5因其跨平台性的特质已逐渐成为网络游戏开发的热门新技术。...程序写累了,喝上一杯咖啡,和电脑对弈几把吧,相信这HTML5中国象棋游戏的实现算法你比较清楚,可以打开源码来研究一下这款HTML5中国象棋游戏。 ?...5、太空战机游戏 这又是一款制作精良的HTML5游戏,该HTML5游戏的主角是一架英勇威武的太空战机,进入游戏后按”Z”键发射子弹,消灭敌机。...HTML5真的很强大,HTML5游戏方面更是犀利。 ? 7、城市消消乐 很不错的HTML5消除游戏,同样颜色的建筑相邻,可以将它们进行合成,建筑随之升级。...8、捕鱼达人 非常逼真的捕鱼达人网页游戏源码下载,基于HTML5和JS特效实现,游戏动画非常的炫,不卡顿,大家有时间的完全可以学习学习,HTML5游戏跟客户端其实是各有各的优势,做到平衡就好。 ?

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

    直接选择排序到堆排序的那些改进

    04 — 直接选择排序 直接选择排序,英文名称 :Straight Select Sorting,是一个直接从未排序序列选择最值到已排序序列的过程。...待排序列 3 2 5 9 2 演示如何用直接选择排序得到升序序列。...注意到,直接选择排序在最好和最坏情况下都是 O(n^2) 。...05 — 直接选择的优化版之堆排序 堆排序,英文名称 Heapsort,利用二叉树(堆)这种数据结构所设计的一种排序算法,是一种对直接选择排序的一种改建算法。...因此,同样是选择排序的算法,直接选择和堆选择时间差别还是不小,但是堆排序算法不大适宜数据量较少的情况,因为光构建初始堆就要进行很多次比较。 接下来,总结插入算法涉及的直接插入排序和希尔排序,加油!

    82970

    原 基于HTML5 Canvas的3D动态

    发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易不成美丽的...里层的节点非常容易,我直接用的 HT 封装的 ht.Node 创建了一个新的节点对象,然后通过 node.s 方法来设置 node 节点的样式: var node = new ht.Node(); node.s...建模手册: cylinderModel = ht.Default.createCylinderModel(1000, 0, 1000, false, false, true, true); 然后设置了一个动态变化的属性...最后,要动态的变化 chart 图表中的柱形图,我们得设置动画,并且将 3d 字体也同步更新数值: setInterval(function(){ if(node.a('myHeight') <...还有不懂的可以留言,或者直接去我们官网上查看手册 HT for Web,有更多你想不到的效果能快速实现哦~

    1K20

    Demo直接拿来用:从Excel读取数据动态生成SQL

    关于"Demo拿来直接用" 本系列文章为大家提供常用小工具的Demo 侧重点并非代码如何实现,因为大家都能写 目的是为大家节省开发时间,力求“拿来直接就能用” 用最快的时间完成开发任务...从Excel读取数据动态生成SQL 01 | 效果演示 excel数据: 执行Demo之后: 生成脚本文件 同时控制台输出 02 | 拿来吧你 源码分为三部分: 自定义配置 excel...详细说明我已在注释中说明,以下为源码: /** * Demo拿来直接用:从Excel读取数据动态生成SQL * * 关于“Demo拿来直接用” * 本系列文章为大家提供常用小工具的...Demo * 侧重点并非代码实现,因为大家都能写 * 目的是为大家节省开发时间,力求“拿来直接就能用”,用最快的时间完成开发任务 * * @throws Exception...INSERT INTO " + tableName + "(" + columns + ") \t" + "VALUES("); /** * 循环每列数据,动态拼接字段值

    1.1K40

    基于HTML5 Canvas的3D动态Chart图表

    发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易不成美丽的...HT for Web 3D 做了一个小例子,挺简单的,也挺好看的,哈哈~ Demo 地址: http://www.hightopo.com/demo/WireframeAnim/index.html 动态效果图如下...里层的节点非常容易,我直接用的 HT 封装的 ht.Node 创建了一个新的节点对象,然后通过 node.s 方法来设置 node 节点的样式: 1 var node = new ht.Node();...最后,要动态的变化 chart 图表中的柱形图,我们得设置动画,并且将 3d 字体也同步更新数值: 1 setInterval(function(){ 2 if(node.a('myHeight...还有不懂的可以留言,或者直接去我们官网上查看手册 HT for Web,有更多你想不到的效果能快速实现哦~

    1.9K70

    企业选择Html5移动开发要慎之又慎

    本机应用程序的麻烦 长期以来,有限资源的设计人员经常会选择开发可在苹果iOS设备和Android设备运作的应用程序,因为这样,会使他们能够让其所发展的应用程序执行在多数的手机平台上。...概括来说,HTML5为一般PC及移动设备上的浏览器实现了很多酷炫的新功能,如位置侦测功能,以及声音和影片在无需额外附件的情况下直接播放。...许多开发商说,HTML5的应用程序还无法控制和利用智能型手机的各种硬件功能, 如它的核心处理器及加速器等等,而本地应用程序却恰恰可以直接运用。...然而,相当多的争论围绕着HTML5如何能迅速地赶上,并且能直接控制智能型手机硬件的本机应用程序。...使用Web作为平台(指的是使用HTML5、CSS3),是最直接在不同的设备及环境上提供一致性用户体验的作法。一个经过精心设计的浏览器应用程序与本地应用程序,对用户体验来说几乎是没有差别的。”

    1K40

    基于 HTML5 Canvas 的工控机柜 U 位动态管理

    但是经常在创建 2D/3D 模型的时候,我们向内添加设备,每个设备占的 U 位不同,如果只是单纯地向机柜内部添加节点,在节点还未添加的时候我们没法直观地看到具体的效果,所以我就想能不能在添加的过程中就让大家直接看到设备的...());// 设置分割组件右边的内容为整个场景的中间“列表”内容+右边的拓扑内容 } } 上面代码中 splitView.setRightView 函数意为设置右侧组件,有了这个函数,我就可以动态地改变...设置顶部组件 borderPane.setTopHeight(32);// 设置中间组件高度 从上面的代码可以看出,splitView 为最外层组件,通过 getHTView 函数返回这个组件,在前面动态设置整个场景的右半部分的组件的时候我们就是通过设置...既然有了从列表组件上拖拽下来的交互动作,接下来应该是设备在机柜上的拖拽改变位置的功能了,我们通过监听拓扑组件 gv 的交互事件来对节点移动进行事件处理: gv.mi(this.handleInteractor.bind...handleInteractor: function(e){// 移动机柜中的设备 的事件监听 if (e.kind.indexOf('Move') < 0) return;// 如果非move事件则直接返回不做处理

    2.4K40

    直接插入排序到希尔排序的那些改进

    彻底弄明白常用的排序算法的基本思想,算法的时间和空间复杂度,以及如何选择这些排序算法,确定要解决的问题的最佳排序算法,已经总结了冒泡排序和其改进后的快速排序算法,直接选择排序和堆排序算法,下面总结直接插入排序到希尔排序的改进...各种排序算法的基本思想;讨论各种排序算法的时间、空间复杂度;以及算法的稳定性;算法是如何改进的,比如冒泡排序如何改进成了目前最常用的快速排序的,直接选择排序到堆排序的改进,接下来要讨论直接插入排序到希尔排序的优化...直接插入排序一般来说是低效的,因为插入排序每次只能将数据移动一位,如上节举的直接插入排序的例子,一轮只能操作一个数据。...是指在待排序序列中提取关键码所用的序号间隔,比如初始序列包含5个元素 [3 2 5 9 2], 如果增量序列为2,那么在一轮排序中,分为两组: [3 5 2] ,[2 9] ,在这两组中分别直接插入排序...在第一轮中,选取增量为2,即分为两组,第一组为 [3 5 2] ,另一组为 [2 9 ] ,分别对这两组直接插入排序,第一组插入排序的结果为[2 3 5],第二组不动,这样导致的直接结果是原来位于最后的

    94090

    基于 HTML5 WebGL 的故宫人流量动态监控系统

    故宫人流量动态监控系统采用 Hightopo 的 HT for Web 产品来构造 故宫 3D 动态可视化场景,通过将现场部署的传感器、监控设备等装置与智能联网设备集成到互联网上,对故宫当前的人流状态...预览地址:故宫人流量动态监控系统 整体预览图: image.png 全景图预览: ? 代码实现 创建场景 项目目录结构如下: ?...我们使用 HT 自带的 ht.Default.startAnim 函数让飞鸟模型沿着三维空间管道周期运动,在动画中定义了一个变量 count 每次动画都递增,通过 Math.cos(count % 36...* 10 * Math.PI / 180) 函数使值在 1 和 -1 之间周期变化,配合 setRotationZ() 方法改变翅膀在 3D 拓扑中沿 z 轴的旋转角度从而达到飞鸟翅膀上下扇动,关键代码如下...本次示例效果均采用 HT 提供的 api 进行代码开发,旨在定制一套以人流量监测为中心的集监控与防患应急于一体的景点 3D 实时监控系统,也欢迎对 HT 感兴趣的伙伴给我留言,或者直接访问 官网 查询相关的资料

    83510
    领券