原文:【CSON原创】HTML5实现3D迷宫

功能描述: 左右方向键控制玩家的方向,上下方向键控制玩家的前进和后退。 效果预览: 实现原理: 在上面的效果预览中,可以看到右边是 D的平面地图,而左边的则是第一人称的 D视图,这两幅图的关系是非常密切的,实质上,实现 D视觉的过程,就是依据 D地图把地图转换成第一人称视觉的过程。 在之前的一篇文章: javascript实现 D房间 中, D效果的实现只局限于平面 意思是从侧面看没有立体效果 , ...

2012-02-27 00:24 6 8685 推荐指数:

查看详情

CSON原创】javascript实现3D房间

功能说明: 1.鼠标点击房间内家具则视觉焦点移动到该家具。 2.鼠标点击空白处则视觉移动相应距离。 3.鼠标滚轮控制缩放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome (注明:效果参考过cloudgamer的文章3D ROOM:http ...

Wed Feb 01 00:11:00 CST 2012 0 3513
CSON原创】javascript实现3D涂鸦效果

功能说明: 通过鼠标移动,实时绘制出3d旋转的线条。 兼容IE 5 6 7 8 9 10 firefox chrome 效果预览: 请按着鼠标左键,在画板上拖动绘制 实现原理:   在上一篇文章《javascript椭圆旋转相册》中,通过图片绕 ...

Sun Jan 29 09:17:00 CST 2012 23 4121
CSON原创】A*算法+HTML5实现游戏寻路

功能描述: 结合A*算法和HTML5完成的一个寻路demo。 鼠标点击地图任意位置,飞鸟会寻找最短路程到达该位置。 效果预览: 代码分析:   具体的A*算法寻路逻辑请看这里推荐的一篇很好的文章,我就不再详述:   英文版:http ...

Wed Feb 22 08:19:00 CST 2012 9 4259
基于HTML5的WebGL实现的2D3D迷宫小游戏

为了实现一个基于HTML5的场景小游戏,我采用了HT for Web来实现,短短200行代码,我就能实现用“第一人称”来操作前进后退上下左右,并且实现了碰撞检测。 先来看下实现的效果: http://hightopo.com/guide/guide/core/3d ...

Wed Oct 25 17:13:00 CST 2017 0 1153
CSON原创HTML5游戏框架cnGameJS开发实录

  cnGameJS是本人开发的一个基于HTML5的游戏框架,包括资源加载,碰撞检测,动画等模块。本系列文章主要介绍各个模块的开发流程,以及附上两个使用该框架进行开发的游戏demo。 目录: 1.核心函数模块 2.资源加载模块 3.基本图形模块 4.外部输入模块 5.碰撞检测模块 ...

Tue Feb 14 20:39:00 CST 2012 8 13925
CSON原创HTML5圈泡泡游戏发布

功能说明:   在一分钟内,使用鼠标按着左键,在画布上圈泡泡,其中泡泡的分值分别为10(白)、20(浅蓝)、30(黄)、-10(红)、-20(绿)、-30(深蓝)分,可以一次圈多个泡泡,倒计时结束即计算总分值,该游戏基于cnGameJS。 效果预览: 实现分析 ...

Tue Apr 10 04:05:00 CST 2012 13 2903
CSON原创】基于HTML5的横版射击游戏发布

功能说明:   基于HTML5的横版射击游戏,参考自flash游戏《双面特工》。左右方向键控制移动,下方向键蹲下,上方向键跳跃,空格键射击。体验前请先关闭输入法。   该游戏基于自己开发的HTML5游戏框架cnGameJS。 效果预览:    实现分析:   1. ...

Fri Mar 16 00:30:00 CST 2012 34 6080
CSON原创】基于HTML5的超级玛丽游戏demo

功能说明:   基于HTML5的超级玛丽游戏的demo,方向键左右控制移动,方向键上控制跳跃,该游戏基于本人开发的HTML5游戏框架cnGameJS(详情点击这里:HTML5游戏框架cnGameJS开发实录)。   请用最新版本浏览器查看。 效果展示: 代码实现:   该游戏 ...

Tue Feb 14 20:37:00 CST 2012 4 13006
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM