---
layout: default
tag: home
title: A free & open-source remake of 2009 era RuneScape
---
        <div id="content">
          <div id="left">
            <!--MAIN BUTTON: LEFT (DISCORD)-->
            <a href="https://discord.gg/YY7WSttN7H" target="_blank" class="createbutton">
              <img src="./site/2009scape-resources/img/buttons/btn-discord.png" alt="Join us on Discord" />
              <span class="shim"></span>
            </a>
            <!--WEBSITE FEATURES-->
            <div id="features">
              <div class="narrowHeader"><img src="./site/2009scape-resources/img/titles/title-websitefeatures.png"
                  alt="Website Features" />
              </div>
              <div class="section">
                <div class="feature"
                  style="background-image: url(./site/img/2009img/main/home/featured_feature_bg.png)">
                  <a href="./site/game_guide/how_do_i_get_started0.html"><img
                      src="./site/img/2009img/main/home/feature_kbsearch_icon.jpg" alt="Getting Started" /></a>
                  <div class="featureTitle">Getting Started</div>
                  <div class="featureDesc">If you're new to 2009Scape, check out our <a
                      href="./site/game_guide/how_do_i_get_started0.html">Getting Started Guide</a>!</div>
                </div>
                <div class="feature">
                  <a href="./services/m=hiscore/hiscores.html?world=2"><img
                      src="./site/img/2009img/main/home/feature_poll_icon.jpg" alt="Hiscores" /></a>
                  <div class="featureTitle">Community Hiscores</div>
                  <div class="featureDesc">See who's on top &amp; check your skill levels! View the <a
                      href="./services/m=hiscore/hiscores.html?world=2">Hiscores</a>.</div>
                </div>
                <div class="feature">
                  <a href="https://gitlab.com/2009scape/2009scape/-/issues"><img
                      src="./site/2009scape-resources/img/icons/feature-bugreport.jpg" alt="Report a Bug" /></a>
                  <div class="featureTitle">Report a Bug</div>
                  <div class="featureDesc">Found a bug in game? Let us know <a href="https://gitlab.com/2009scape/2009scape/-/issues" target="_blank">here</a>.</div>
                </div>
                <div class="feature">
                  <a href="./site/classicapplet/playclassic.html"><img
                      src="./site/2009scape-resources/img/icons/feature-openrsc.jpg" alt="Open RuneScape Classic" /></a>
                  <div class="featureTitle">OpenRSC</div>
                  <div class="featureDesc">Experience RuneScape Classic in its original glory: <a
                      href="./site/classicapplet/playclassic.html">OpenRSC</a>!</div>
                </div>
                <div class="feature">
                  <a target="_blank" href="https://github.com/2009scape/2009Scape-mobile#readme"><img src="./site/2009scape-resources/img/icons/aog_icon.jpeg"
                      alt="AOG" /></a>
                  <div class="featureTitle">2009Scape Mobile</div>
                  <div class="featureDesc">Enjoy our project on the go with the Android <a target="_blank" href="https://github.com/2009scape/2009Scape-mobile#readme">
                    mobile client!</a>
                  </DIV>
                </div>
              </div>
            </div>
            <!--GAME GUIDE-->
            <DIV id=articles>
              <DIV class=narrowHeader><IMG alt="Game Guide"
                  src="./site/2009scape-resources/img/titles/title-gameguide.png">
              </DIV>
              <DIV class=section>
                <DIV class=articlesBody>
                  <DIV class=articlesTitle>
                    <!--When weekly article script is implemented, switch image to 'title-article-weekly.png'-->
                    <img alt="Featured Article" src="./site/2009scape-resources/img/titles/title-article-featured.png">
                  </DIV>
                  <DIV class=aowBody>
                    <DIV class=aowHeight>
                      <DIV class=aowImage><A href="http://play.2009scape.org/wiki/doku.php?id=quest_guides"><IMG alt=""
                            src="./site/img/2009img/main/kbase/aow_icons/minigames.jpg"></A></DIV>
                      <P class=aowTitle>Quest Guide - Underconstruction</P>
                      <P>Coming back to a beautiful nostalgic or brand new experience of the 2009 era. You may forget
                        what
                        Pikkupstix needed your help with. <a href="http://play.2009scape.org/wiki/doku.php?id=quest_guides">Read
                          more...</a>
                      </P>
                    </DIV>
                  </DIV>
                  <div class="articlesMore"><a href="./site/game_guide/">Browse the Game Guides</a></div>
                </DIV>
                <DIV class=articlesFooter></DIV>
              </DIV>
            </DIV>
          </DIV>
          <div id="right">
            <!--MAIN BUTTON: PLAY/CLIENT DOWNLOAD-->
            <a href="https://gitlab.com/2009scape/09launcher/-/jobs/artifacts/master/raw/build/libs/2009scape.jar?job=build" target="_blank" id="playbutton">
              <img src="./site/2009scape-resources/img/buttons/btn-play.png"
                alt="Play 2009Scape - Download the game client" />
              <span class="shim"></span>
            </a>
            <div id="recentnews">
              <!--TITLE: LATEST UPDATES-->
              <div class="sectionHeader">
                <div class="left">
                  <div class="right">
                    <div class="plaque">
                      <img src="./site/2009scape-resources/img/titles/title-latestupdates.png" alt="Latest Updates" />
                    </div>
                  </div>
                </div>
              </div>

              <!--LATEST UPDATE ITEMS SECTION-->
              <div class="section">
                {% assign added = 0 %}
                {% assign sorted = site.pages | orderby: 'date' | reverse %}
                {% for page in sorted %}
                  {% for tag in page.tags %}
                    {% if tag == "news" and added < 3%}
                      {% if added == 0 %}
                        {% assign added = added | plus:1 %}
                          <!--LATEST UPDATE ITEM-->
                          <div class='sectionBody'>
                            <div class='sectionHeight'>
                              <div class='recentNews'>
                                <!--UPDATE TITLE & DATE-->
                                <div class='newsTitle'>
                                  <h3>{{ page.title | replace: "2009Scape - ", "" }}</h3>
                                  <span>{{ page.date | date: '%d-%B-%Y' }}</span>
                                </div>
                                <!--UPDATE IMAGE-->
                                {% if page.promo_image and page.promo_image != "" and page.promo_image != nil %}
                                  {% assign promoImage = page.promo_image %}
                                {% else %}
                                  {% assign promoImage = "./site/2009scape-resources/img/updates/update-monthly-" | append: page.date | date: './site/2009scape-resources/img/updates/update-monthly-%m.png' %}
                                {% endif %}
                                <a class="newsImage" href="{{ page.url | prepend: site.baseurl }}"><img clalt=''
                                    src="{{promoImage}}"></a>
                                <!--UPDATE CONTENT TEASER-->
                                <p>  {{ page.excerpt | truncate: 350 }}
                                  <!--READ MORE LINK-->
                                  <br><a href="{{ page.url | prepend: site.baseurl }}">Read more...</a>
                                </p>
                              </div>
                            </div>
                          </div>
                          <!--END LATEST UPDATE ITEM-->
                        {% else %}
                          {% assign added = added | plus:1 %}
                          <!--RECENT UPDATE ITEM-->
                          <div class="sectionBody">
                            <div class="recentNews">
                              <!--UPDATE TITLE & DATE-->
                              <div class="newsTitle">
                                <h3>{{ page.title | replace: "2009Scape - ", "" }}</h3>
                                <span>{{ page.date | date: '%d-%B-%Y' }}</span>
                              </div>
                              <!--UPDATE ICON (Use most relevant to this post!)
                              --
                              GENERIC // generic1.jpg, generic2.jpg, generic3.jpg
                              SETTINGS & TWEAKS // settings1.jpg, settings2.jpg, settings3.jpg
                              OTHER // account.jpg, award.jpg, bugfix.jpg, combat.jpg, hiscores.jpg, money,jpg, random.jpg, website.jpg -->
                              <img src="./site/2009scape-resources/img/updates/icons/generic1.jpg" />

                              <!--UPDATE CONTENT TEASER-->
                              <p>{{page.excerpt | truncate: 280 }}
                                <!--READ MORE LINK-->
                                <br><a href="{{ page.url | prepend: site.baseurl }}">Read more..</a>
                              </p>
                            </div>
                          </div>
                        {% endif %}
                    {% endif %}
                  {% endfor %}
                {% endfor %}
              </div>


              <!--TITLE: MORE UPDATES-->
              <div class="sectionHeader" style="text-align: center;">
                <div class="left">
                  <div class="right">
                    <div class="plaque">
                      <img src="./site/2009scape-resources/img/titles/title-moreupdates.png" alt="More Updates" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="section">
                <!--MORE UPDATES TABLE-->
                <div class="sectionBody">
                  <table class="Updates">
                    {% assign counter = 0 %}
                    {% assign added = 0 %}
                    {% assign sorted = site.pages | orderby: 'date' | reverse %}
                    {% for page in sorted %}
                      {% for tag in page.tags %}
                        {% if tag == "news" %}
                          {% if counter < 3 %}
                            {% assign counter = counter | plus:1 %}
                          {% elsif added < 3 %}
                            {% assign added = added | plus:1 %}
                            <!--TABLE ITEM-->
                            <tr>
                              <td>
                                <strong><a href="{{ page.url | prepend: site.baseurl }}">
                                  {{ page.title | replace: "2009scape - ", "" }}</a></strong>
                              </td>
                              <td class="UpdatesCategory">
                                Game Updates
                              </td>
                              <td class="UpdatesDate">
                                {{ page.date | date: '%d-%b-%Y' }}
                              </td>
                            </tr>
                            {% endif %}
                        {% endif %}
                      {% endfor %}
                      
                    {% endfor %}
                  </table>
                </div>
                <!--LEFT LINK: DISCORD ANNOUNCEMENTS-->
                <div id="feed">
                  <a href="https://discord.gg/YY7WSttN7H">
                    <img title="Discord" alt="" height="16px" width="16px"
                      src="./site/2009scape-resources/img/icons/brand-discord.svg" />
                    <span>View Announcements on Discord</span>
                  </a>
                </div>
                <!--RIGHT LINK: ARCHIVE-->
                <div class="moreArchive"><a href="./services/m=news/archives/">Browse the Updates Archive</a>
                </div>
              </div>
            </div>
          </div>
          </div>