JSFiddle

  • BDO Trade Pack Table

    Vue (edge), HTML, CSS, Babel + JSX

    // boot up the demo
    var app = new Vue({
      el: '#app',
      data: {
        items: []
      },
    	methods: {
    	formattedTradingLevelName: function(level) {
    			var res = this.tradingLevelToName ...
  • BDO Map Terrain Test

    No-Library (pure JS), HTML, CSS, Babel + JSX

    var Leaflet = L;
    var width = 32768;
    		var height = 32768;
    
    		// Create map
    		var map = Leaflet.map('map', {
    			zoom: 2,
    			minZoom: 2 ...
  • Map Editor

    No-Library (pure JS), HTML, SCSS, Babel + JSX

    class CoordinateSystems {
    
    	constructor() {
    		this.systems = ['sl','sl2','bd1','bd2','kr'];
    		this.conversions = {};
    
    		// Register the scale/translate factors for the different ...
  • BDO Fishing Quests

    Vue (edge), HTML, SCSS, Babel + JSX

    var Leaflet = L;
    
    Vue.component('node', {
      template: '#node-template',
      props: {
        item: Object,
        expanded: false
      },
    	methods: {
    		onMouseEnter: function(ev) {
    			if( !this.item ...
  • BDO Gathering Map #43 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    map = L.map('map', {
        zoom: 2
    }).setView([0,0], 2);
    
    L.tileLayer('http://www.somethinglovely.net/bdo/tiles/{z}/{y ...
  • BDO Trade Items #37 is the latest revision

    No-Library (pure JS), HTML, CSS, Babel + JSX

    var dataUrl = 'https://bdo-map-30607.firebaseio.com/map/nodes.json';
    
    Vue.component('trader-list', {
      template: '#trader-list-template',
      props: {
        data: Array,
    		skillLevel: 1,
    		searchTerm ...
  • [BDO] Horse Calculator

    No-Library (pure JS), HTML, SCSS, Babel + JSX

    //             _|\ _/|_,
    //          ,((\\``-\\\\_
    //        ,(())      `))\
    //      ,(()))       ,_ \
    //     ((())'   |        \
    //     )))))     >.__     \
    //     ((('     /    `-. .c|
    //             /        `-`'
    
    var rate = 13;
    
    // You can also provide a rate by going ?rate=13 ...
  • GW2 Maps #4 is the latest revision

    jQuery (edge), HTML, CSS, Babel + JSX

    class Gw2Api {
    
    	async makeAuthenticatedApiRequest( endpoint, urlSubstitutions={}, queryParams=null ) {
    		// TODO: We really should do this by splitting
    		// fetch into 'create with ...
  • Famm's Fractal Scales - GW2 #10 is the latest revision

    jQuery (edge), HTML, CSS, Babel + JSX

    class Gw2Api {
    
    	async makeAuthenticatedApiRequest( endpoint, urlSubstitutions={}, queryParams=null ) {
    		// TODO: We really should do this by splitting
    		// fetch into 'create with ...
  • [GW2] Dashboard Concept

    No-Library (pure JS), HTML, CSS, JavaScript

    var timeFormat = 'MM/DD/YYYY HH:mm';
    var ctx = document.getElementById("item-tracker-chart-631469");
    var lastDataPoint = Math.floor(Math.random()*100);
    var ...
  • VB Map #4 is the latest revision

    No-Library (pure JS), HTML, CSS, Babel + JSX

    let maps = {
    	vb: {
      	id: 400,
      	extents: {
        	x: [3,14],
          y: [57,62]
        }
      }
    };
    
    let gw2TileUrl = (x,y,z=1,zoom=7 ...
  • 1
  • 2