Classes

From FragoriaWiki

(Difference between revisions)
Jump to: navigation, search
Line 98: Line 98:
</style>
</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("/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>
</html>

Revision as of 08:48, 29 August 2015

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+
↗ ↗
↘
↗ ↘ ↗
↘
↘ ↗
↗ ↘
→ ↗
↘
↘ ↗
↘


Retrieved from "http://en.fragoriawiki.com/wiki/index.php/Classes"
Personal tools
Date/Time
Server & Cross
Super-Cross Server