Classes

From FragoriaWiki

(Difference between revisions)
Jump to: navigation, search
(Class Tree)
 
(5 intermediate revisions not shown)
Line 13: Line 13:
== Class Tree ==
== Class Tree ==
-
{| style="background-color: transparent;width:100%;"
+
{| style="background-color: transparent;width:100%;border:0px;"
 +
|- style="background-color: transparent;"
! Levels 1-9
! Levels 1-9
! style="background: transparent;"|
! style="background: transparent;"|
Line 71: Line 72:
| [[File:spion2.png|100px|link=Spy]]
| [[File:spion2.png|100px|link=Spy]]
|}
|}
-
 
-
 
-
<html>
 
-
<meta charset="utf-8">
 
-
<style>
 
-
 
-
.node {
 
-
  cursor: pointer;
 
-
}
 
-
 
-
.node circle {
 
-
  fill: #fff;
 
-
  stroke: steelblue;
 
-
  stroke-width: 1.5px;
 
-
}
 
-
 
-
.node text {
 
-
  font: 10px sans-serif;
 
-
}
 
-
 
-
.link {
 
-
  fill: none;
 
-
  stroke: #ccc;
 
-
  stroke-width: 1.5px;
 
-
}
 
-
 
-
</style>
 
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
 
-
<script>
 
-
 
-
var margin = {top: 20, right: 120, bottom: 20, left: 120},
 
-
    width = 960 - margin.right - margin.left,
 
-
    height = 800 - margin.top - margin.bottom;
 
-
 
-
var i = 0,
 
-
    duration = 750,
 
-
    root;
 
-
 
-
var tree = d3.layout.tree()
 
-
    .size([height, width]);
 
-
 
-
var diagonal = d3.svg.diagonal()
 
-
    .projection(function(d) { return [d.y, d.x]; });
 
-
 
-
var svg = d3.select("body").append("svg")
 
-
    .attr("width", width + margin.right + margin.left)
 
-
    .attr("height", height + margin.top + margin.bottom)
 
-
  .append("g")
 
-
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
 
-
 
-
d3.json("http://bl.ocks.org/mbostock/raw/4063550/flare.json", function(error, flare) {
 
-
  if (error) throw error;
 
-
 
-
  root = flare;
 
-
  root.x0 = height / 2;
 
-
  root.y0 = 0;
 
-
 
-
  function collapse(d) {
 
-
    if (d.children) {
 
-
      d._children = d.children;
 
-
      d._children.forEach(collapse);
 
-
      d.children = null;
 
-
    }
 
-
  }
 
-
 
-
  root.children.forEach(collapse);
 
-
  update(root);
 
-
});
 
-
 
-
d3.select(self.frameElement).style("height", "800px");
 
-
 
-
function update(source) {
 
-
 
-
  // Compute the new tree layout.
 
-
  var nodes = tree.nodes(root).reverse(),
 
-
      links = tree.links(nodes);
 
-
 
-
  // Normalize for fixed-depth.
 
-
  nodes.forEach(function(d) { d.y = d.depth * 180; });
 
-
 
-
  // Update the nodes…
 
-
  var node = svg.selectAll("g.node")
 
-
      .data(nodes, function(d) { return d.id || (d.id = ++i); });
 
-
 
-
  // Enter any new nodes at the parent's previous position.
 
-
  var nodeEnter = node.enter().append("g")
 
-
      .attr("class", "node")
 
-
      .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
 
-
      .on("click", click);
 
-
 
-
  nodeEnter.append("circle")
 
-
      .attr("r", 1e-6)
 
-
      .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
 
-
 
-
  nodeEnter.append("text")
 
-
      .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
 
-
      .attr("dy", ".35em")
 
-
      .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
 
-
      .text(function(d) { return d.name; })
 
-
      .style("fill-opacity", 1e-6);
 
-
 
-
  // Transition nodes to their new position.
 
-
  var nodeUpdate = node.transition()
 
-
      .duration(duration)
 
-
      .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });
 
-
 
-
  nodeUpdate.select("circle")
 
-
      .attr("r", 4.5)
 
-
      .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
 
-
 
-
  nodeUpdate.select("text")
 
-
      .style("fill-opacity", 1);
 
-
 
-
  // Transition exiting nodes to the parent's new position.
 
-
  var nodeExit = node.exit().transition()
 
-
      .duration(duration)
 
-
      .attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
 
-
      .remove();
 
-
 
-
  nodeExit.select("circle")
 
-
      .attr("r", 1e-6);
 
-
 
-
  nodeExit.select("text")
 
-
      .style("fill-opacity", 1e-6);
 
-
 
-
  // Update the links…
 
-
  var link = svg.selectAll("path.link")
 
-
      .data(links, function(d) { return d.target.id; });
 
-
 
-
  // Enter any new links at the parent's previous position.
 
-
  link.enter().insert("path", "g")
 
-
      .attr("class", "link")
 
-
      .attr("d", function(d) {
 
-
        var o = {x: source.x0, y: source.y0};
 
-
        return diagonal({source: o, target: o});
 
-
      });
 
-
 
-
  // Transition links to their new position.
 
-
  link.transition()
 
-
      .duration(duration)
 
-
      .attr("d", diagonal);
 
-
 
-
  // Transition exiting nodes to the parent's new position.
 
-
  link.exit().transition()
 
-
      .duration(duration)
 
-
      .attr("d", function(d) {
 
-
        var o = {x: source.x, y: source.y};
 
-
        return diagonal({source: o, target: o});
 
-
      })
 
-
      .remove();
 
-
 
-
  // Stash the old positions for transition.
 
-
  nodes.forEach(function(d) {
 
-
    d.x0 = d.x;
 
-
    d.y0 = d.y;
 
-
  });
 
-
}
 
-
 
-
// Toggle children on click.
 
-
function click(d) {
 
-
  if (d.children) {
 
-
    d._children = d.children;
 
-
    d.children = null;
 
-
  } else {
 
-
    d.children = d._children;
 
-
    d._children = null;
 
-
  }
 
-
  update(d);
 
-
}
 
-
 
-
</script>
 
-
</html>
 

Current revision as of 18:19, 10 February 2016

Skill Book Information

General Info

Below is the class tree. To pick the class you want at level 31, make sure to select the correct intermediary classes at level 9 and 15. Furthermore, keep in mind the following rules about skill books:

  • You can only read books of higher value. You cannot read Grade 1 Weakening if you have Grade 2 applied.
  • Green spell < Blue spell < Gold Spell < Purple Spell
  • However, a Grade 2 green spell is higher in value than a Grade 1 purple spell.
  • You can only skip intermediary book grades available in the bookstores. For example, if you have Grade 1 General Regeneration, you can skip reading Grade 2, and read Grade 3, because Grade 3 is available in the bookstore. Of course, you must be of the proper character level.
  • To read books above the grades listed in the bookstore (ei. Grade 4-6 General Regeneration), you must have the previous Grade in purple applied. Therefore, you need to have read Grade 3 purple, in order to read Grade 4 purple, and you must have read Grade 4 purple, to read Grade 5 purple.

Class Tree

Levels 1-9 Levels 10-14 Levels 15-30 Levels 31+
Personal tools
Date/Time
Server & Cross

Super-Cross Server