TwoPointFive, 3D 视图插件,面向HTML5游戏引擎

分享于 

3分钟阅读

GitHub

  繁體 雙語
3D View Plugin for the Impact HTML5 Game Engine
  • 源代码名称:TwoPointFive
  • 源代码网址:http://www.github.com/phoboslab/TwoPointFive
  • TwoPointFive源代码文档
  • TwoPointFive源代码下载
  • Git URL:
    git://www.github.com/phoboslab/TwoPointFive.git
    Git Clone代码到本地:
    git clone http://www.github.com/phoboslab/TwoPointFive
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/phoboslab/TwoPointFive
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    用于撞击的 TwoPointFive

    TwoPointFive是游戏引擎的插件,它为游戏世界提供了 3D 个视窗。

    演示

    Super

    这个库中包含一个使用这个插件的演示游戏。

    请注意,你需要一个许可证来实际运行演示程序。 要复制的lib/impact/lib/weltmeister/ 目录需要被复制到这个演示的lib/ 目录中。

    用法

    演示游戏及其源代码应该给你一个关于如何使用插件的很好的概述。

    对于实体来说,最importantant的事情是将它们从 tpf.Entity 类化,而不是从 ig.Entitytpf.Entity 提供了一些在 3D 空间中定位和绘制它们的功能。 每个实体都有 .pos.vel的附加 .z 属性,用于确定它的在世界上的垂直位置和速度。

    层次中的层需要以特定的方式命名TwoPointFive才能识别它们。 图形的平铺层需要命名为 floorceilingwalls。 另外的light 层为级别中的每个瓷砖提供了额外的着色。 请注意,每个层的tilesize必须是相同的。 再次来看一下包含的lib/game/levels/base1.js 示例。

    TwoPointFive附带了一些用于调试撞击模块的附加功能。 要加载它,只需在 main.js 中使用 plugins.twopointfive.debug 模块。

    关于瓷砖接缝的注释

    当图像中的某些部分绘制时,如果绘制砖块,则从指定的图像区域中选择像素。 这主要是由于舍入错误造成的,并且会导致瓷砖之间的接缝。

    TwoPointFive试图解决这个问题,将tileset重新绘制成一个稍微大一点的图像,并在每个tile周围添加 1像素边框。 这里 1px 边框是相邻像素的副本。 无论如何现在,在地图边界微小地样化一个纹理,它将从这 1px 边框中抽样,从而避免。

    如果不希望这种行为,你可以在调用 ig.main() 之前设置 tpf.Map.fixTileSeams = false; 来禁用它。


    plugin  IMP  VIEW  GAM  Html5  游戏引擎  
    相关文章