Torque3D/index.html

---
layout: default
title: Torque 3D
root: .
---

<div class="jumbotron banner">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <img id="torque-logo" src="{{page.root}}/img/torque.png"></img>
            </div>
            <div class="col-sm-8">
                <h1 class="title">Torque 3D</h1>
                <p>The premier open-source game engine.</p>
            </div>
        </div>
    </div>
</div>

<div class="break"></div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <h2>Proven tech</h2>
            <p>
            Torque has been around for a while, and it's been used for everything
            from driving simulators to MMOs to interactive coral reefs. Still
            not convinced?
            </p>
            <center>
                <a class="btn btn-default" href="{{page.root}}/engine">
                    See some games
                    <i class="fa fa-angle-right"></i>
                </a>
            </center>
        </div>

        <div class="col-sm-4">
            <h2>Gratis et libre</h2>
            <p>
            When you get Torque, you get everything. Under the permissive MIT
            open-source license, you can do what you want with the source code.
            </p>
            <center>
                <a class="btn btn-default" href="{{page.root}}/start">
                    Download it now
                    <i class="fa fa-angle-right"></i>
                </a>
            </center>
        </div>

        <div class="col-sm-4">
            <h2>Always evolving</h2>
            <p>
            Torque is being constantly developed by an enthusiastic community.
            Its future is in <em>your</em> hands, not those of a company with a
            bottom line to meet.
            </p>
            <center>
                <a class="btn btn-default" href="{{page.root}}/contribute">
                    Get involved
                    <i class="fa fa-angle-right"></i>
                </a>
            </center>
        </div>
    </div>

    {% if site.posts != empty %}
    <div class="row">
        <div class="col-sm-12">
            <h2>Recent news</h2>

            {% for post in site.posts limit:3 %}
                {% include newsitem.html post=post %}
            {% endfor %}

            <a class="pull-right" href="{{page.root}}/news">See all <i class="fa fa-angle-right"></i></a>
        </div>
    </div>
    {% endif %}
</div>

<div class="break"></div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <h2 class="status">Activity</h2>
            <p id="activity-loading">Loading activity...</p>
        </div>

        <div class="col-sm-4">
            <h2 class="status">Status</h2>
            <table class="borderless table">
                <tr>
                    <td>Current version</td>
                    <td id="current-version">...</td>
                </tr>
                <tr>
                    <td>Continuous integration</td>
                    <td><a href="http://t3dci.org">t3dci.org</a></td>
                </tr>
            </table>
        </div>

        <div class="col-sm-4">
            <h2>Issues</h2>
            <ul>
                <li><a href="https://github.com/GarageGames/Torque3D/issues/new">Report an issue</a></li>
                <li><a href="https://github.com/GarageGames/Torque3D/issues?q=is%3Aopen+milestone%3A3.7+sort%3Aupdated-desc">Issues for next milestone</a></li>
                <li><a href="https://github.com/GarageGames/Torque3D/issues?labels=Final+review">Changes for final review</a></li>
                <li><a href="http://garagegames.uservoice.com/forums/178972-torque-3d-mit/filters/top">Feature requests</a></li>
            </ul>
        </div>
    </div>
</div>

<script type="text/javascript" src="{{page.root}}/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="{{page.root}}/js/jquery.timeago.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  var images = {
    1:  'Deadly Matter by Studio Dim Sum',
    2:  'Airship Dragoon by YorkshireRifes',
    3:  'Deadly Matter by Studio Dim Sum',
    4:  'Life is Feudal',
    5:  'Frozen Endzone by Mode 7',
    6:  'The Reef by QUT',
    7:  'Grim Prospects',
    8:  'Grim Prospects',
    9:  'BeamNG.drive by BeamNG',
    12: 'Villagers and Heroes by Mad Otter Games',
    13: 'Villagers and Heroes by Mad Otter Games',
    14: 'Villagers and Heroes by Mad Otter Games',
    15: 'Tower Wars by SuperVillain Studios',
    16: 'Tower Wars by SuperVillain Studios',
    17: 'Tower Wars by SuperVillain Studios',
    18: 'Life is Feudal',
    19: 'Chinatown (demo) by GarageGames',
    20: 'Deathball Desert (demo) by GarageGames',
    21: 'Deathball Desert (demo) by GarageGames',
    22: 'Mars (demo) by GarageGames',
    23: 'Airship Dragoon by YorkshireRifes',
    24: 'Airship Dragoon by YorkshireRifes',
    25: 'Frozen Endzone by Mode 7',
    26: 'Frozen Endzone by Mode 7',
    29: 'Dark Horizons: Mechanized Corps by Max Gaming Technologies',
    30: 'Dark Horizons: Mechanized Corps by Max Gaming Technologies',
    31: 'Dark Horizons: Mechanized Corps by Max Gaming Technologies',
    32: 'Age of Decadence by Iron Tower Studio',
    33: 'Age of Decadence by Iron Tower Studio',
    34: 'Age of Decadence by Iron Tower Studio',
  };

  function shuffle(o) {
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
  }

  // TODO: ensure no duplicate images occur.
  function createBreaks() {
    var breaks = $('div.break');
    var delay = 0;
    breaks.each(function(i) {
      // Shuffle the list of pictures that will appear in each break.
      var ids = shuffle(Object.keys(images));
      for(var i = 0; i < ids.length; i++) {
        $(this).append($('<img>')
          .attr('width', '760px')
          .attr('height', '144px')
          .attr('src', '{{page.root}}/img/banner'+ids[i]+'.jpg')
          .attr('title', images[ids[i]]));
      }
      $(this).cycle({fx: 'fade', delay: delay});
      delay += 5000 / breaks.length;
    });
  };

  createBreaks();

  var numResults = 2;
  var feed = 'https://github.com/GarageGames/Torque3D/commits/development.atom';
  var now = new Date();
  var googleAPI = document.location.protocol +
    '//ajax.googleapis.com/ajax/services/feed/load?' +
    'v=1.0' +
    '&dailycache=' + [now.getUTCDate(), now.getUTCMonth(), now.getUTCFullYear()].join('-') +
    '&num=' + numResults +
    '&callback=?&q=';
  var url = googleAPI + encodeURIComponent(feed);
  $.ajax({
    url: url,
    dataType: 'json',
    success: function (data) {
      if(data.responseData.feed && data.responseData.feed.entries) {
        var list = $('<ul/>').addClass('list-unstyled');
        $.each(data.responseData.feed.entries, function (i, e) {
          var li = $('<li/>').addClass('commit').appendTo(list);
          var hash = e.link.split('/').pop().substr(0, 6);

          var content = e.contentSnippet.split('\n').pop();
          li.append($('<p/>').text(content));

          var hashel = $('<pre/>').addClass('inline').appendTo(li);
          hashel.append($('<a/>')
            .text(hash)
            .attr('href', e.link)
            .attr('target', '_blank'));

          var d = new Date(e.publishedDate);
          var stamp = $('<span/>').addClass('timeago').text('by ' + e.author + ' ').appendTo(li);
          stamp.append($('<span/>')
            .attr('title', d.toISOString())
            .timeago());
        });
        $('#activity-loading').replaceWith(list);
      }
    }
  });

  $.get('http://api.github.com/repos/GarageGames/Torque3D/releases')
  .done(function(releases) {
    var latest = releases[0];
    $('#current-version').html($('<a/>')
      .attr('href', latest.html_url)
      .html(latest.name)
    );
  })
  .fail(function() {
    $('#curent-version').html('error');
  });
});
</script>