功能说明: 1.鼠标点击房间内家具则视觉焦点移动到该家具。 2.鼠标点击空白处则视觉移动相应距离。 3.鼠标滚轮控制缩放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome (注明:效果参考过cloudgamer的文章3D ROOM:http ...
功能描述: 左右方向键控制玩家的方向,上下方向键控制玩家的前进和后退。 效果预览: 实现原理: 在上面的效果预览中,可以看到右边是 D的平面地图,而左边的则是第一人称的 D视图,这两幅图的关系是非常密切的,实质上,实现 D视觉的过程,就是依据 D地图把地图转换成第一人称视觉的过程。 在之前的一篇文章: javascript实现 D房间 中, D效果的实现只局限于平面 意思是从侧面看没有立体效果 , ...
2012-02-27 00:24 6 8685 推荐指数:
功能说明: 1.鼠标点击房间内家具则视觉焦点移动到该家具。 2.鼠标点击空白处则视觉移动相应距离。 3.鼠标滚轮控制缩放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome (注明:效果参考过cloudgamer的文章3D ROOM:http ...
功能说明: 通过鼠标移动,实时绘制出3d旋转的线条。 兼容IE 5 6 7 8 9 10 firefox chrome 效果预览: 请按着鼠标左键,在画板上拖动绘制 实现原理: 在上一篇文章《javascript椭圆旋转相册》中,通过图片绕 ...
功能描述: 结合A*算法和HTML5完成的一个寻路demo。 鼠标点击地图任意位置,飞鸟会寻找最短路程到达该位置。 效果预览: 代码分析: 具体的A*算法寻路逻辑请看这里推荐的一篇很好的文章,我就不再详述: 英文版:http ...
为了实现一个基于HTML5的场景小游戏,我采用了HT for Web来实现,短短200行代码,我就能实现用“第一人称”来操作前进后退上下左右,并且实现了碰撞检测。 先来看下实现的效果: http://hightopo.com/guide/guide/core/3d ...
cnGameJS是本人开发的一个基于HTML5的游戏框架,包括资源加载,碰撞检测,动画等模块。本系列文章主要介绍各个模块的开发流程,以及附上两个使用该框架进行开发的游戏demo。 目录: 1.核心函数模块 2.资源加载模块 3.基本图形模块 4.外部输入模块 5.碰撞检测模块 ...
功能说明: 在一分钟内,使用鼠标按着左键,在画布上圈泡泡,其中泡泡的分值分别为10(白)、20(浅蓝)、30(黄)、-10(红)、-20(绿)、-30(深蓝)分,可以一次圈多个泡泡,倒计时结束即计算总分值,该游戏基于cnGameJS。 效果预览: 实现分析 ...
功能说明: 基于HTML5的横版射击游戏,参考自flash游戏《双面特工》。左右方向键控制移动,下方向键蹲下,上方向键跳跃,空格键射击。体验前请先关闭输入法。 该游戏基于自己开发的HTML5游戏框架cnGameJS。 效果预览: 实现分析: 1. ...
功能说明: 基于HTML5的超级玛丽游戏的demo,方向键左右控制移动,方向键上控制跳跃,该游戏基于本人开发的HTML5游戏框架cnGameJS(详情点击这里:HTML5游戏框架cnGameJS开发实录)。 请用最新版本浏览器查看。 效果展示: 代码实现: 该游戏 ...