[Japanese]
WebGL + WebSocket DEMO¶
This is a demonstration of WebGL application. It visualizes traffic of RADIUS packets on a network. It receives packet flow informations from server and render them in 3D space. To be technically, data transmission and rendering are implemented with WebSocket and WebGL respectively: those are native features of next-generation web browser.
You can run this application on your browser without plugins, provided it supports WebSocket and WebGL.
You may try it now with a certain version of WebKit: see instruction below to run app on Mac OS X.
Illustrate how to run this application on your Mac OS X.¶
Getting WebGL work on your WebKit browser¶
First at all, install WebKit browser. Due to incompatibility issue on WebSocket implementation, you need a specific (developer) version of WebKit.
Currently, following revision is confirmed to work. A pre-built binaries are available from Mac OS X Nightly Build Archive.
- r63063
Next, enable WebGL support for WebKit. Open Terminal and execute following command:
$ defaults write com.apple.Safari WebKitWebGLEnabled -bool YES
Now your WebKit becomes WebSocket/WebGL aware. Go to next section and try the demo.
DEMO¶
Simply access to DEMO page. If successful, you will see some nifty animation of packet flows.
Changing views¶
This demo provides 3 tyeps of views; Visual, Console and Graph. To switch view type, click “Change view” and choose one from pull-down menu.
Visual¶
The “Visual” mode displays animated packet flow. White particles represent RADIUS packets. Orange circles represent RADIUS clients. Blue points that exist at the center represent RADIUS servers.
Camera position can be changed by dragging mouse.
Console¶
The “Console” mode displays a list of individual packet infomation reported from server. Each line contains a packet’s source/destination informations.
Graph¶
This “Graph” mode displays a chart which indicates the time series of total amount of packets reported from server.
