mirror of
https://github.com/gooba42/adventureland.git
synced 2026-10-14 18:39:27 -05:00
Open source
This commit is contained in:
@@ -0,0 +1 @@
|
||||
<p>Hello World</p>
|
||||
@@ -0,0 +1,15 @@
|
||||
<p>The bank houses item and gold storage clerks. It's shared across your characters, provides an easy way to store/transfer items and gold. Only one of your characters can enter the bank at one time.</p>
|
||||
|
||||
{% for task in tutorial_data("bank").tasks %}
|
||||
{% if loop.first %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
<p style='margin-top: 16px; margin-bottom: 16px; line-height: 16px'><span style='font-size: 80px; color:#4A4A4A;' class='tuttask tuttask{{task}}'>o</span> <span style='vertical-align:text-top; color: #DC4C6E'>{{task_name(task)}}</span> <span style='vertical-align:text-top; color:#85C76B; display:none' class='tuttaskd tuttaskd{{task}}'>DONE</span></p>
|
||||
{% if task == "bank" %}
|
||||
<p>The bank is to the right of the town square. <span class='elabel' onclick="code_eval('smart_move("bank")')">Move There</span></p>
|
||||
{% elif task == "store" %}
|
||||
<p>Store an item with one of the clerks. Two of the clerks are unlocked. You need to unlock the others with gold or shells.</p>
|
||||
{% elif task == "deposit" %}
|
||||
<p>Deposit gold to Mr. Rich at the end of the hallway.</p>
|
||||
{% endif %}
|
||||
<div style='margin-bottom: 16px'></div>
|
||||
{% if not loop.last %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
{% endfor %}
|
||||
@@ -0,0 +1,28 @@
|
||||
<p>For accessories there's an entirely different system. You can compound 3 accessories of the same level to make a higher level, stronger version. Whenever you gather 3 accessories of the same kind that you don't equip, combine them to make a stronger accessory and free up inventory space!</p>
|
||||
|
||||
<p>You'll just need gold to buy the gear and scrolls, so leave your character with Code open so your character farms gold.</p>
|
||||
|
||||
{% for task in tutorial_data("compound").tasks %}
|
||||
{% if loop.first %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
<p style='margin-top: 16px; margin-bottom: 16px; line-height: 16px'><span style='font-size: 80px; color:#4A4A4A;' class='tuttask tuttask{{task}}'>o</span> <span style='vertical-align:text-top; color: #DC4C6E'>{{task_name(task)}}</span> <span style='vertical-align:text-top; color:#85C76B; display:none' class='tuttaskd tuttaskd{{task}}'>DONE</span></p>
|
||||
{% if task == "buycscroll0" %}
|
||||
<p>Compound Scroll's are 6,400 gold each. <span class='elabel' onclick="code_eval('smart_move("scrolls")')">Travel to the NPC</span></p>
|
||||
<p style='line-height: 1px;'><span class='spscrolls'></span> => <span class="eitemcscroll0"></span></p>
|
||||
{% elif task == "compound" %}
|
||||
<p>Visit Cue in town with 3 accessories of the same kind and a Compound Scroll.</p>
|
||||
<p style='line-height: 1px;'><span class='spupgrade'></span> => <span class="eitemringsj"></span> + <span class="eitemringsj"></span> + <span class="eitemringsj"></span> + <span class="eitemcscroll0"></span> => <span class="eitemringsj1"></span></p>
|
||||
{% endif %}
|
||||
<div style='margin-bottom: 16px'></div>
|
||||
{% if not loop.last %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<script>
|
||||
$(".spupgrade").html(sprite(G.npcs.newupgrade.skin,{height:52}));
|
||||
$(".spscrolls").html(sprite(G.npcs.scrolls.skin,{height:52,width:58}));
|
||||
["ringsj"].forEach(function(e){
|
||||
$(".eitem"+e+"1").html(item_container({skin:G.items[e].skin},{name:e,level:1}));
|
||||
});
|
||||
["cscroll0","ringsj"].forEach(function(e){
|
||||
$(".eitem"+e).html(item_container({skin:G.items[e].skin}));
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,29 @@
|
||||
<p>JavaScript is a very very practical language. You don't have to know much about it to use it. It's a scripting language, meaning that you can also run things dynamically.</p>
|
||||
|
||||
{% for task in tutorial_data("hellocode").tasks %}
|
||||
{% if loop.first %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
<p style='margin-top: 16px; margin-bottom: 16px; line-height: 16px'><span style='font-size: 80px; color:#4A4A4A;' class='tuttask tuttask{{task}}'>o</span> <span style='vertical-align:text-top; color: #DC4C6E'>{{task_name(task)}}</span> <span style='vertical-align:text-top; color:#85C76B; display:none' class='tuttaskd tuttaskd{{task}}'>DONE</span></p>
|
||||
{% if task == "engage" %}
|
||||
Just open the Code, and click Engage! at the bottom right corner. Without any modifications to the default code. You won't even feel it's working, it will just use potions if you are down.
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton gamebutton-small' style='color: rgb(228, 139, 58);'>Engage!</div>
|
||||
<div class='mb15'></div>
|
||||
<span class='hlabel'>Hint:</span> If your keyboard is English, the |\ key is a shortcut to quickly engage/disengage code.
|
||||
{% elif task == "x" %}
|
||||
Javascript is very flexible, so you can run snippets any time. If your code is already running, they are executed in the same environment. So you can dynamically affect things within your running Code too!
|
||||
<div class='mb15'></div>
|
||||
For this exercise tho, we are doing something simple, just a basic code to make your character move up.
|
||||
<div class='mb15'></div>
|
||||
<div class='code'>
|
||||
move( character.x , character.y - 10 );
|
||||
</div>
|
||||
<div class='mb15'></div>
|
||||
Press X at the top right corner of the screen, copy paste the <span class='rlabel' onclick="render_function_reference($(this).html())">move</span> command from above, and just press EXECUTE!
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton'>X</div> and <div class='gamebutton'>EXECUTE</div>
|
||||
<div class='mb15'></div>
|
||||
<span class='hlabel'>Hint:</span> If your keyboard is English, the ,< key is a shortcut to quickly open the Snippet interface.
|
||||
{% endif %}
|
||||
<div style='margin-bottom: 16px'></div>
|
||||
{% if not loop.last %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
{% endfor %}
|
||||
@@ -0,0 +1,9 @@
|
||||
<div class='mb15'></div>
|
||||
Hello there!
|
||||
<div class='mb15'></div>
|
||||
You've discovered Adventure Land's Tutorial! This Tutorial will walk you through the basics of the game, step by step. You will complete the tasks both manually, and via the provided Code pieces.
|
||||
<div class='mb15'></div>
|
||||
This tutorial is completely optional, but along the way, you'll receive small rewards for completion!
|
||||
<div class='mb15'></div>
|
||||
<span class="hlabel">Ps.</span> If you don't like tutorials, you can hide the Tutorial from: <div class='gamebutton gamebutton-small'>CONF</div> > <div class='gamebutton gamebutton-small'>Advanced Settings</div>
|
||||
<div class='mb15'></div>
|
||||
@@ -0,0 +1,57 @@
|
||||
<p>In this step, you are going to discover the various game interfaces! To complete each step, close the tutorial and open that interface once. Keep in mind that ESC/Escape key closes anything.</p>
|
||||
|
||||
{% for task in tutorial_data("interface").tasks %}
|
||||
{% if loop.first %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
<p style='margin-top: 16px; margin-bottom: 16px; line-height: 16px'><span style='font-size: 80px; color:#4A4A4A;' class='tuttask tuttask{{task}}'>o</span> <span style='vertical-align:text-top; color:#767E92; color: #DC4C6E'>{{task_name(task)}}</span> <span style='vertical-align:text-top; color:#85C76B; display:none' class='tuttaskd tuttaskd{{task}}'>DONE</span></p>
|
||||
{% if task == "character" %}
|
||||
You can press your character name on the bottom center of the screen to focus your character.
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton gamebutton-small'>CharacterName</div>
|
||||
{% elif task == "inventory" %}
|
||||
To open your inventory, press the indicator that shows your inventory status. It's in the bottom center of the screen too.
|
||||
<div class='mb15'></div>
|
||||
<div style="display: inline-block; background: black; padding: 2px; border: 4px solid gray; color: white; font-size: 30px; text-align: center;" class="bshadow2">
|
||||
<div style="vertical-align: middle; height: 30px; font-size: 30px; line-height: 30px; width: 125px; background: #6A6A6A; margin-top: -2px" class="tint ptint inline-block">
|
||||
<span class="invui ontint">INV XY/42</span>
|
||||
</div>
|
||||
</div>
|
||||
{% elif task == "stats" %}
|
||||
To see your character stats in more detail, press the XP bar on the right bottom of the screen.
|
||||
<div class='mb15'></div>
|
||||
<div style="background: black; padding: 2px; width: 316px; border: 5px solid gray; display: block; position: relative;" class="inline-block bshadow xpsui">
|
||||
<div style="background: rgb(22, 109, 17); width: 50%; height: 30px;"></div>
|
||||
<div style="position: absolute; width: 316px; top: 2px; left: 0px; height: 30px; color: white; vertical-align: middle; line-height: 30px; text-align: center; font-size: 30px" id="xpui">LV20 50%</div>
|
||||
</div>
|
||||
{% elif task == "skills" %}
|
||||
You can use skills, set your skillbar, edit the keymapping from the SKILLS interface. You can open it from the top right button.
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton'>SKILLS</div>
|
||||
{% elif task == "guide" %}
|
||||
The game guide aims to provide a complete and easy access to everything about the game. It's at the top right too.
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton'>GUIDE</div>
|
||||
{% elif task == "com" %}
|
||||
The communicator lets you see everyone on the server you are currently in. Show you where your friends are. See all the servers and lets you switch between them. See all the merchants in the game and their items. See your own characters and deploy them. See all the chatter on all the servers. Send and receive mail. It's at the top right too.
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton'>COM</div>
|
||||
{% elif task == "code" %}
|
||||
Oh, the CODE. Just open it once for now from the top right of the screen. We'll come back in detail :)
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton'>CODE</div>
|
||||
{% elif task == "travel" %}
|
||||
Travel is a practical interface that let's you easily tap into the <span class='rlabel' onclick="render_function_reference($(this).html())">smart_move</span> routine of Code to travel within the game. If you want to discover the game, you can just select a random map and let TRAVEL take you there. Again, top right.
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton'>TRAVEL</div>
|
||||
{% elif task == "settings" %}
|
||||
CONF is where you'll find games' settings and preferences. Currently it's very basic.
|
||||
<div class='mb15'></div>
|
||||
<div class='gamebutton'>CONF</div>
|
||||
{% endif %}
|
||||
<div style='margin-bottom: 16px'></div>
|
||||
{% if not loop.last %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{#
|
||||
Doesn't look as good as a tick
|
||||
<span style="color: green; position: absolute; left: 0px; top: 26px; opacity: 0.9; display: none" class='tutstask tutstask{{task}}'>#</span>
|
||||
#}
|
||||
@@ -0,0 +1,18 @@
|
||||
<p>For this step, you need to be at the starting/spawn area. <span class='elabel' onclick="code_eval('smart_move("goo")')">Move There</span></p>
|
||||
|
||||
{% for task in tutorial_data("learntofight").tasks %}
|
||||
{% if loop.first %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
<p style='margin-top: 16px; margin-bottom: 16px; line-height: 16px'><span style='font-size: 80px; color:#4A4A4A;' class='tuttask tuttask{{task}}'>o</span> <span style='vertical-align:text-top; color: #DC4C6E'>{{task_name(task)}}</span> <span style='vertical-align:text-top; color:#85C76B; display:none' class='tuttaskd tuttaskd{{task}}'>DONE</span></p>
|
||||
{% if task == "killagoo" %}
|
||||
<p><span class='spgoo'></span> Defeat your first Goo. Left click to target the Goo. Right click to attack.</p>
|
||||
{% elif task == "firstloot" %}
|
||||
<p><span class='spchest6'></span> Loot the chest by simply clicking on it!</p>
|
||||
{% endif %}
|
||||
<div style='margin-bottom: 16px'></div>
|
||||
{% if not loop.last %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<script>
|
||||
$(".spgoo").html(sprite("goo",{height:28}));
|
||||
$(".spchest6").html(sprite("chest6",{height:33}));
|
||||
</script>
|
||||
@@ -0,0 +1 @@
|
||||
<p>It's time to move</p>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class='mb15'></div>
|
||||
This is the end of our short tutorial for now, as you've no doubt noticed, it's a work in progress.
|
||||
<div class='mb15'></div>
|
||||
When new steps are added, they will be available for you even though you've completed what's available right now!
|
||||
<div class='mb15'></div>
|
||||
@@ -0,0 +1,40 @@
|
||||
<p>You can upgrade weapons and armor with upgrade scrolls, after each level the items become stronger, yet the chances become lower and lower. If the upgrade fails, the item is lost!</p>
|
||||
|
||||
<p>When you are first starting, the most effective item is your weapon, so start by getting your weapon to +7. Then buy NPC gear and get each of them to +7 too. <span class='elabel' onclick="code_eval('smart_move("scrolls")')">Travel to the NPCs</span></p>
|
||||
<span class='spbasics'></span> <span class="eitembow"></span> <span class="eitemblade"></span> <span class="eitemstaff"></span> <span class="eitemhelmet"></span> <span class="eitemcoat"></span> <span class="eitemgloves"></span> <span class="eitempants"></span> <span class="eitemshoes"></span>
|
||||
|
||||
<p>You'll just need gold to buy the gear and scrolls, so leave your character with Code open so your character farms gold.</p>
|
||||
|
||||
{% for task in tutorial_data("upgrade").tasks %}
|
||||
{% if loop.first %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
<p style='margin-top: 16px; margin-bottom: 16px; line-height: 16px'><span style='font-size: 80px; color:#4A4A4A;' class='tuttask tuttask{{task}}'>o</span> <span style='vertical-align:text-top; color: #DC4C6E'>{{task_name(task)}}</span> <span style='vertical-align:text-top; color:#85C76B; display:none' class='tuttaskd tuttaskd{{task}}'>DONE</span></p>
|
||||
{% if task == "buyscrolls" %}
|
||||
<p>First you need to buy scrolls from the NPC in Town. Basic scrolls are 1,000 gold each.</p>
|
||||
<span class='spscrolls'></span> <span class="eitemscroll0"></span>
|
||||
{% elif task == "upgrade" %}
|
||||
<p>Visit Cue in town to upgrade a weapon from +0 to +1. After +7, you'll need to use more expensive High Upgrade Scroll's.</p>
|
||||
<p style='line-height: 48px'><span class="eitembow0"></span> + <span class="eitemscroll0"></span> => <span class="eitembow1"></span></p>
|
||||
<div>
|
||||
<div style='padding: 0px; border: 4px solid #2B5B89; display: inline-block; font-size: 0px'><img src="http://lh3.googleusercontent.com/h7ttABnKxQz0ca0p6jnq1DG5iNLw4Pac5Z1Bo800cRpxP2b9k-SQqY7yuYRVPLRIvCAvVBe3s2_EBUBR1TF3XptKR5jewcY8r9B1Xvr_dkKZ3ZE=s0" style='height: 198px'/></div>
|
||||
<div style='padding: 0px; border: 4px solid #2B5B89; display: inline-block; font-size: 0px'><img src="http://lh3.googleusercontent.com/qhSgjFF4Qp94CeS-Dc62PgZU9LANN68x6GCrBdPVvVrQYOlHSGEpNb8sP926OLbtKesfQA8Elc9Ycgm5l1SO-4yvV7dxpNMc7cvJCPKvTGdZCw=s0" style='height: 198px'/></div>
|
||||
</div>
|
||||
{% elif task == "addstats" %}
|
||||
<p><span class="eitemdexscroll"></span> <span class="eitemintscroll"></span> <span class="eitemstrscroll"></span> Use one of these scrolls to add stats to your upgraded armor. Your main stats increase your damage and attributes.</p>
|
||||
<p style='line-height: 48px'><span class="eitempants"></span> + <span class="eitemdexscroll"></span> => <span class="eitempants"></span></p>
|
||||
{% endif %}
|
||||
<div style='margin-bottom: 16px'></div>
|
||||
{% if not loop.last %}<div style='margin-left:-24px; margin-right: -24px; border-bottom: 5px solid gray'></div>{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<script>
|
||||
$(".spbasics").html(sprite(G.npcs.basics.skin));
|
||||
$(".spscrolls").html(sprite(G.npcs.scrolls.skin,{width:58}));
|
||||
["bow","blade","staff","shoes","pants","helmet","gloves","coat"].forEach(function(e){
|
||||
$(".eitem"+e).html(item_container({skin:G.items[e].skin},{name:e,level:7}));
|
||||
});
|
||||
["scroll0","dexscroll","intscroll","strscroll"].forEach(function(e){
|
||||
$(".eitem"+e).html(item_container({skin:G.items[e].skin}));
|
||||
});
|
||||
$(".eitembow0").html(item_container({skin:G.items['bow'].skin},{name:'bow',level:0}));
|
||||
$(".eitembow1").html(item_container({skin:G.items['bow'].skin},{name:'bow',level:1}));
|
||||
</script>
|
||||
Reference in New Issue
Block a user