Map Chunks
Loaded: { map ? map.chunks.size : 0 }
Map Doodads
Loading: { map ? map.doodadManager.entriesPendingLoad.size : 0 }
Loaded: { map ? map.doodadManager.doodads.size : 0 }
Animated: { map ? map.doodadManager.animatedDoodads.size : 0 }
WMOs
Loading Entries: { map ? map.wmoManager.counters.loadingEntries : 0 }
Loaded Entries: { map ? map.wmoManager.counters.loadedEntries : 0 }
Loading Groups: { map ? map.wmoManager.counters.loadingGroups : 0 }
Loaded Groups: { map ? map.wmoManager.counters.loadedGroups : 0 }
Loading Doodads: { map ? map.wmoManager.counters.loadingDoodads : 0 }
Loaded Doodads: { map ? map.wmoManager.counters.loadedDoodads : 0 }
Animated Doodads: { map ? map.wmoManager.counters.animatedDoodads : 0 }
);
}
render() {
const renderer = this.props.renderer;
if (!renderer) {
return null;
}
const map = this.props.map;
const { memory, programs, render } = renderer.info;
return (
Memory
Geometries: { memory.geometries }
Textures: { memory.textures }
Programs: { programs.length }
Render
Calls: { render.calls }
Faces: { render.faces }
Points: { render.points }
Vertices: { render.vertices }
{ map && this.mapStats() }
);
}
}
export default Stats;
================================================
FILE: src/components/game/stats/index.styl
================================================
wowser .stats
position: absolute
bottom: 0
right: 0
z-index: 3
width: 160px
================================================
FILE: src/components/kit/index.jsx
================================================
import React from 'react';
class KitScreen extends React.Component {
static id = 'kit';
static title = 'UI Kit';
render() {
return (
Thick frame
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Regular panel
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Headless panel
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
);
}
}
export default KitScreen;
================================================
FILE: src/components/realms/index.jsx
================================================
import React from 'react';
import session from '../wowser/session';
class RealmsScreen extends React.Component {
static id = 'realms';
static title = 'Realms Selection';
constructor() {
super();
this.state = {
realm: null,
realms: []
};
this._onAuthenticate = ::this._onAuthenticate;
this._onRealmSelect = ::this._onRealmSelect;
this._onRefresh = ::this._onRefresh;
this._onSubmit = ::this._onSubmit;
session.realms.on('refresh', this._onRefresh);
session.game.on('authenticate', this._onAuthenticate);
this.refresh();
}
componentWillUnmount() {
session.realms.removeListener('refresh', this._onRefresh);
session.game.removeListener('authenticate', this._onAuthenticate);
}
connect(realm) {
session.game.connect('localhost', realm.port);
}
refresh() {
session.realms.refresh();
}
_onAuthenticate() {
session.screen = 'characters';
}
_onRealmSelect(event) {
this.setState({ realm: event.target.value });
}
_onRefresh() {
const realms = session.realms.list;
this.setState({
realm: realms[0],
realms: realms
});
}
_onSubmit(event) {
event.preventDefault();
this.connect(this.state.realm);
}
render() {
return (