Javascript 如何";要求;我的WebGL代码被拆分为三个文件并合并为一个引导文件?
我已经写了一些WebGL代码,实际上我正在使用找到的示例。无论如何,我决定编写三个独立的伪类,我将在这里只显示其中一个,以保留空间,因为我认为其他伪类与这个问题无关Javascript 如何";要求;我的WebGL代码被拆分为三个文件并合并为一个引导文件?,javascript,webgl,commonjs,Javascript,Webgl,Commonjs,我已经写了一些WebGL代码,实际上我正在使用找到的示例。无论如何,我决定编写三个独立的伪类,我将在这里只显示其中一个,以保留空间,因为我认为其他伪类与这个问题无关 var Buffer = (function() { /* PRIVATE MEMBERS */ var currentBuffer; var itemSize = 3; var numberItems; var localWebGLContext; /* CONSTRUCTOR */ var BufferConstructor
var Buffer = (function() {
/* PRIVATE MEMBERS */
var currentBuffer;
var itemSize = 3;
var numberItems;
var localWebGLContext;
/* CONSTRUCTOR */
var BufferConstructor = function(webGLWorker, vertices) {
localWebGLContext = webGLWorker.getWebGLContext();
currentBuffer = localWebGLContext.createBuffer();
localWebGLContext.bindBuffer(localWebGLContext.ARRAY_BUFFER, currentBuffer);
localWebGLContext.bufferData(localWebGLContext.ARRAY_BUFFER, new Float32Array(vertices), localWebGLContext.STATIC_DRAW);
numberItems = vertices.length / itemSize;
};
return BufferConstructor;
})();
因此,我想知道我可以将它们包含(要求)在一个单独的文件中的最佳方式是什么,该文件将引导所有内容。我读过CommonJS,但这是在服务器端,这里我们讨论的是客户端。我真的不想把所有的东西都保存在一个文件中,因为作为一个应用程序,我要做的最终是相当大的,我真的不想把所有的东西都放在一个地方。提前谢谢 对于我使用的WebGL项目。语法不如Node的CommonJS实现好,但它与客户端的异步特性配合得很好。快速示例:
require([
"renderer",
"util"
], function(Renderer, Util) {
// Use the code from your required files in here!
});
为它定义一个模块同样简单:
define([
"matrix" // Dependencies for this module
], function(Matrix) {
return {
DrawSuff: function() { /*...*/ }
}
});
您可以在一个WebGL项目中看到一个简单的例子。感谢您的提醒,非常感谢:)!