Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

rename the cmt js file to ctm

  • Loading branch information...
commit 1fc573a2c1a1c4d255248edea7a2e705d31cd365 1 parent 48b55db
KohPoll authored
Showing with 26 additions and 32 deletions.
  1. +5 −11 README.md
  2. +19 −19 app/js/{cmt.js → ctm.js}
  3. +2 −2 app/js/main.js
16 README.md
View
@@ -2,17 +2,15 @@
环境要求:php+apache,建议使用一体式的AppServ。
+---
+
1. cd到apache服务器根目录(httpd),若是AppServ,则cd到www目录
2. `git clone git://github.com/KohPoll/vgraph.git`
3. 浏览器访问http://localhost/vgraph/app/index.php(**若你有修改端口号,请进行相应修改**)
----
-
-note:
-* 由于一些原因,暂未提供数据文件(.csv)。
-* 请在支持canvas的浏览器里查看(强烈推荐chrome)。
-
----
+##note:
+* 由于一些原因,暂未提供数据文件(.csv)
+* 请在支持canvas的浏览器里查看(强烈推荐chrome)
##add feature:
* url可以接受mode参数,如:http://localhost/vgraph/app/index.php?mode=dev,表示开发环境(请求js时会加上时间戳,避免被缓存)
@@ -20,16 +18,12 @@ note:
- 使用方法:cd到build目录,执行build.bat
- 完成后会生成app-build目录,该目录即是构建后的应用,可以查看build.txt了解哪些js被根据依赖关系打包成了一个文件
----
-
##change log:
+ 2012.03.27 增加构建(build)脚本,增加url的mode参数
+ 2012.03.03 使用requireJS将js文件模块化,使用PubSub解耦部分代码
+ 2012.某年某日 重构后第一版,js文件依赖很强...
+ 2011.某月某日 第一版,混乱...
----
-
##todo:
1. 搜索内容时的方式,现在是直接使用==进行比较
2. 优化代码,目前有部分代码结构仍然有问题
38 app/js/cmt.js → app/js/ctm.js
View
@@ -1,9 +1,9 @@
define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'graph'], function ($, PubSub, Animator, Cube, TextParticle, Widget, Graph) {
- var Cmt = {};
+ var Ctm = {};
// 主初始函数
- Cmt.init = function () {//{{{
+ Ctm.init = function () {//{{{
// 初始化场景逻辑
this.Scene.init();
@@ -15,7 +15,7 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
};//}}}
// 场景逻辑
- Cmt.Scene = {//{{{
+ Ctm.Scene = {//{{{
init: function () {
this.painter = $('#painter'); //3d场景绘制画布
this.content = $('#content'); //内容容器
@@ -47,12 +47,12 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
size: 200,
pos: [-10, -20, -10000],
rotSpeed: [1.8 * 0.005, 2.4 * 0.005, 0],
- textures: Cmt.util.generateTextures('cube', 6, '.jpg')
+ textures: Ctm.util.generateTextures('cube', 6, '.jpg')
});
this.textParticle = new TextParticle({
scene: this.animator.scene,
amount: 31,
- textures: Cmt.util.generateTextures('text', 31, '.png')
+ textures: Ctm.util.generateTextures('text', 31, '.png')
});
// 角色加入角色管理器
this.animator.addActors([this.cube, this.textParticle]);
@@ -126,7 +126,7 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
isCubeClicked = true;
// 更新指示当前区域的提示
- regionInfo = Cmt.util.materialIndexToRegion[parseInt(data, 10)];
+ regionInfo = Ctm.util.materialIndexToRegion[parseInt(data, 10)];
sceneInfo.html(regionInfo.content);
});
@@ -182,14 +182,14 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
};//}}}
// 请求及处理/获取数据逻辑
- Cmt.NetData = {//{{{
+ Ctm.NetData = {//{{{
init: function () {
// 取数据
this.fetch();
},
fetch: function () {//{{{
var self = this;
- $.getJSON(Cmt.config.fetchUrl, function (data) {
+ $.getJSON(Ctm.config.fetchUrl, function (data) {
self.receivedData = data;
// format: { region: { type: [ label: '1级xx', data: [ [x, y, d], ... ] ], ... }, ... }
PubSub.publish('dataReceived');
@@ -245,7 +245,7 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
};//}}}
// 绘图及交互逻辑
- Cmt.ViewGraph = {//{{{
+ Ctm.ViewGraph = {//{{{
init: function () {
//初始化Widget(tip,dataContainer,list)
this.initWidget();
@@ -300,7 +300,7 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
},
events: {
datapreprocess: function (data) {
- var colors = Cmt.config.colors;
+ var colors = Ctm.config.colors;
for (var i=0, len=data.length; i<len; ++i) {
var series = data[i];
@@ -364,7 +364,7 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
//监听level button被按下的消息
PubSub.subscribe('mouseClickLevelButton', function (topcis, data) {
// console.log(data);
- var levelData = Cmt.NetData.getLevelData(region, type),
+ var levelData = Ctm.NetData.getLevelData(region, type),
which = parseInt(data, 10), //第几级
ranges = levelData[which],
renderData = graph.getRenderData(ranges[0], ranges[1]);
@@ -378,8 +378,8 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
// 搜索按钮按下时
PubSub.subscribe('mouseClickSearchButton', function (topics, data) {
// console.log(data);
- var listData = Cmt.NetData.getListData(region, type),
- colors = Cmt.config.colors;
+ var listData = Ctm.NetData.getListData(region, type),
+ colors = Ctm.config.colors;
for (var i=0, len=listData.length; i<len; ++i) {
//TODO: 改进搜索方式
@@ -447,8 +447,8 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
},//}}}
_render: function (region, type) {//{{{
var graph = this.graph, list = this.list, dataContainer = this.dataContainer,
- renderData = Cmt.NetData.getData(region, type),
- listData = Cmt.NetData.getListData(region, type);
+ renderData = Ctm.NetData.getData(region, type),
+ listData = Ctm.NetData.getListData(region, type);
// render 数据图
setTimeout(function () {
@@ -471,16 +471,16 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
};//}}}
// 配置参数
- Cmt.config = {//{{{
+ Ctm.config = {//{{{
fetchUrl: 'data/fetchdata.php',
textureUrl: 'image/textures/',
colors: ['#e44323', '#3686cc', '#6caf24', '#806061']
};//}}}
// 工具集
- Cmt.util = {//{{{
+ Ctm.util = {//{{{
generateTextures: function (which, amount, ext) {
- var textureUrl = Cmt.config.textureUrl,
+ var textureUrl = Ctm.config.textureUrl,
textures = [];
for (var i=1; i<=amount; ++i) {
@@ -499,5 +499,5 @@ define(['jquery', 'lib/pubsub', 'animator', 'cube', 'textParticle', 'widget', 'g
]
};//}}}
- return Cmt;
+ return Ctm;
});
4 app/js/main.js
View
@@ -1,3 +1,3 @@
-require(['jquery', 'cmt'], function($, Cmt) {
- Cmt.init();
+require(['jquery', 'ctm'], function($, Ctm) {
+ Ctm.init();
});
Please sign in to comment.
Something went wrong with that request. Please try again.