基于HTML5的WebGL实现的2D3D迷宫小游戏
为了实现一个基于HTML5的场景小游戏，我采用了HT for Web来实现，短短200行代码，我就能实现用“第一人称”来操作前进后退上下左右，并且实现了碰撞检测。 先来看下实现的效果： http://hightopo.com/guide/guide/core/3d/ht-3d-guide.html#ref_collision 或者http://v.youku.com/v_show/id_...
Cocos2D-HTML5开源2D游戏引擎
转自：http://www.programmer.com.cn/12198/ 文/林顺 Cocos2D-HTML5是基于HTML5规范集的Cocos2D引擎的分支，于2012年5月发布。Cocos2D-HTML5的作者林顺将在本文中介绍Cocos2D-HTML5的框架、API、跨平台能力以及强大的性能。Cocos2D-HTML5是Cocos2D系列引擎随着互联网技术演进而产生的一个分支。该分...
【phaser】快速实现HTML5 2d小游戏
在我的博客阅读本文前言最近忙着看项目和写项目，在 github 上无意中发现了别人用 phaser 实现的2d小游戏，代码简单易懂，而且phaser框架本身就是非常的简单，非常适合想快速开发小游戏的开发者。但是国内关于 phaser3 的资料和教程甚少，于是笔者阅读官方学习文档简单实现了一个 2d 小游戏。因为官网本身有中文版的游戏实现教程，所以我在这里也就不做详细解读了，更多的是从学习笔记的角....
赠书：HTML5 Canvas 2d 编程必读的两本经典
赠书：HTML5 Canvas 2d 编程必读的两本经典 这两年多一直在和HTML5 Canvas 打交道，也带领团队开发了世界首款基于HTML5 Canvas 的演示文档工具---AxeSlide（斧子演示，www.axeslide.com)。在这个领域也积累了一些 经验，希望有机会和大家分享。今天是要给大家推荐两本这方面的书，同时会送一本书给大家。 要介绍的第一本书是我学习Canvas开发.....
基于 HTML5 Canvas 的简易 2D 3D 编辑器
不管在任何领域，只要能让非程序员能通过拖拽来实现 2D 和 3D 的设计图就是很牛的，今天我们不需要 3dMaxs 等设计软件，直接用 HT 就能自己写出一个 2D 3D 编辑器，实现这个功能我觉得成就感还是爆棚的，哈哈！只要你会想，能做，就能根据这个编辑器延展成 big thing！ 本例地址：http://www.hightopo.com/demo/drag-create-data/ ...
基于HTML5 Canvas 点击添加 2D 3D 机柜模型
今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。 为了让这个例子具现化，我将这个简单的例子做了一点改动，下面我会一一解释。 例子地址：http://hightopo.com/guide/guide....
《HTML5 2D游戏编程核心技术》——导读
目 录第1章 概述 1.1 Snail Bait游戏1.2 HTML5游戏开发最佳实践 1.2.1 窗口失去焦点时暂停游戏 1.2.2 窗口重获焦点时实现倒计时功能 1.2.3 使用CSS实现UI特效 1.2.4 对游戏运行缓慢的状态做出检测和处理 1.2.5 添加社交功能 1.2.6 将所有游戏图像放在单独的sprite表单中 1.2.7 在服务器中存储高分榜和实时游戏数据 1...
《HTML5 2D游戏编程核心技术》——第3章，第3.11节练习
本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第3章，第3.11节，作者［美］ 戴维·吉尔里，更多章节内容可以访问云栖社区“华章计算机”公众号查看。 3.11 练习 canvas元素的二维绘图环境有四个属性用于绘制阴影：shadowColor：CSS颜色字符串、过渡和图案，用于绘制阴影。 shadowOffsetX：阴影X方向上的偏移量，以像素点为单位。shadowOffse....
《HTML5 2D游戏编程核心技术》——第3章，第3.10节小结
本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第3章，第3.10节小结，作者［美］ 戴维·吉尔里，更多章节内容可以访问云栖社区“华章计算机”公众号查看。 3.10 小结视频游戏最重要的地方是图像和动画。在本章中，我们一起学习了如何使用HTML5 canvas元素绘制图形和图像，了解了如何使用包装在requestNextAnimationFrame() polyf?ill中的r....
《HTML5 2D游戏编程核心技术》——第3章，第3.9节使用视差产生视深的假象
本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第3章，第3.9节使用视差产生视深的假象，作者［美］ 戴维·吉尔里，更多章节内容可以访问云栖社区“华章计算机”公众号查看。 3.9 使用视差产生视深的假象如果你曾在行驶中的汽车座椅上观察到自己的手相对于电线杆在高速运动，你就会知道，接近你的物体比远离你的物体移动得快。这种现象称为视差。Snail Bait游戏是一个二维平台游戏，但....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
HTML更多2d相关
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注