three.js使用平面渲染tilemap lod三、平面几何

您好，
为了了解LoD图像查看器（例如openseaDragon）是如何工作的，我正在尝试复制这种mecanism，但更多three.js面向。
因此基本上，我希望在webgl而不是画布中渲染纹理（即使我使用画布mecanism来读取和裁剪图像）。
我的LodImage由数组组成LevelInfo（取决于缩放级别）包含一个LSTILE数组（其中包含图像“作物”）
类LodImage{
构造函数（场景、节点划分、名称节点）==>
异步构建金字塔（imageUrl、tileSize、名称节点）{n//compute all resize global images for each levelawait buildPyramidModel(this, imageUrl, tileSize);createGeometryLevelsTile(this);}/pre>
类LevelsInfos{
构造函数（levelIndex、宽度、高度、行分片、，==>n}
我的第一个问题是：
使用1是否更好三、平面几何按内部或多个平铺/面的标高三、平面几何平分秋色3.平面几何/瓷砖？
这个问题背后的问题是，做什么three.js渲染对象的所有面三、平面几何或者只是视口中可见的面？
解决方案1：使用1三、平面几何按tile/face的级别
异步函数TestCreateGeometryLevel（LODImage）{n//get informations array (compute previously in getInfoFromURL function called in buildPyramid = = 0;for = = currentlevel.getGeometry().faces.length / = 2 * y;var += 20;}// Combine the geometry and material into a += 50;col += 40;}}
函数buildTexturedPlaneGeometry（currentlevel，indexLevel，currentTile，indexvertex，IndexFile）=IndexFile；}<pre，在这个解决方案中，我仍然有一个警告三、网面材料，我读到这个对象被替换为三、多材料但是当我尝试它的时候，我的方块是黑色的！n</pre，在这个解决方案中，我仍然有一个警告三、网面材料，我读到这个对象被替换为三、多材料但是当我尝试它的时候，我的方块是黑色的！nps2：使用此解决方案，我只渲染了一个级别…第二个级别是黑色的…知道吗？nThx
很抱歉代码演示新尝试：n*class LodImage {constructor(scene, nodeParent, nameNode) = = = = = = = = = = null;}}
以及用于构建几何体并将不同纹理的瓷砖绑定到平面上的功能：：n* async function TestcreateGeometryLevelsTile(LODImage) {//get informations array (compute previously in getInfoFromURL function called in buildPyramid = = 0; i < lstlevels.length-1; ++i) = = geometry.faces.length / = 0; y < lenght; ++y) = true;var y;geometry.faces[j+ = new THREE.MeshFaceMaterial(currentlevel.getMaterialArray());currentlevel.setMesh(new THREE.Mesh(geometry, multiMaterial));buildNode(LODImage._graphSceneNode,currentlevel._graphSceneNode,LODImage._nodeSceneName, i,currentlevel.getMesh(), posx, posy, posz);posx += 50;}}
编辑：我刚刚注意到我还有一个updatetexture pb…你认为我需要对每种多重材质或每种材质做出承诺吗？
你认为这是另一个pb吗？
所以事实上，我认为我的ps2与这个pb有关！
有什么想法吗？
再次感谢！nps：顺便问一下，我该如何解决一个话题？我没找到按钮？抱歉，我是这个论坛的新手…：）
嗨，
所以我尝试重构我的代码，但仍然…不起作用…
在这个版本中，我希望得到我的drawpyramid的每一部分，作为一个承诺，确保一切都在适当的时机。然而,，似乎当我在做与网格的节点链接时，仍然有一个pb的材质更新或类似的东西…
当我调用“buildNodePromise”函数时，我收到了这样的消息：
类型错误：球体未定义
据我所知，我可以在我的计算机上找到类似的东西研究
https://stackoverflow.com/questions/32039553/three-js-typeerror-cannot-read-property-center-of-undefined1
但我不理解所提出的解决方案…我的几何图形和材料做得正确…我不明白为什么！
请帮忙！nthxnfunction loadTilesIntoMaterialsPromise(lstTile, geometry, ) {return new Promise(async function (resolve) = 0; y ndrawTilesPromise will basicaly bind the textures on geometry to give us a meshnfunction drawTilesPromise(geometry, materials) {return new Promise(async function (resolve) {// Combine the geometry and material into a>nThe drawPlanPromise will just build a THREE.PlaneGeometry in a promise just to be sure that it is built before other functionsnfunction drawPlanPromise(LODImage, indexLevel) {return new Promise(async function (resolve) =>nThis function construct a promise to build node hierarchy between parent (which can be any of THREE.Object3D : node, scene…)nfunction buildNodePromise(parent, nameNode, indexChild, = generateLevelName(nameNode,>nthis method build all needed rendering objet to display one level of my image pyramidenfunction drawLevelPromise(LODImage, indexLevel, posx, posy, posz) {return new Promise(async function (resolve) {//access = await loadTilesIntoMaterialsPromise(lstTile, geometry);//load all tiles into materials bind to plan>nfunction to create the main node of LODImagenfunction buildLODImageNode(LODImage, posx, posy, posz) {return new Promise(async function (resolve) {//creation du>nmain functionnfunction drawPyramidPromise(LODImage) {return new Promise(async function (resolve) {//get pointer = LODImage._lstLevelInfo;for (var += 50;}resolve(true);}).then(function (res) { return res; });}
嘿，hugox，
这真是个好主意。这里有几点提示：n- 了解Seadragon（和OpenSeadragon）的人并不多，因此如果您能多演示一下您正在尝试做的事情，这将非常有用。n- 阅读文档可以回答您的许多问题。看看https://threejs.org/docs/index.html#api/en/materials/Material.side5例如，n- 看一看你文章的预览部分，你可以很好地了解它在发布之前的样子。这将有助于您更好地格式化代码。n- 当您将代码发布给其他人查看时，通常最好将其精简为与问题本身相关的部分。n- 如果您发布一个JSFIDLE或CodePe
或类似的东西，那么更容易让人们理解您的问题。n- ：只在一个平面上绘制更容易。n- n- ：您没有要担心瓷砖的位置：我认为您在图形场景中失去了z-buffer算法的功能，因为它将渲染所有可见平面和所有几何体面，甚至hn Rendering tilemap lod with plan THREE.PlaneGeometryn

three.js使用平面渲染tilemap lod三、平面几何

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形