SuperAPI AI 工具集

threejs-towers

通用与其它

查看项目

更新于 10-15 21:09

技能介绍

用途:在 Three.js 中用程序化方式搭建东亚与欧亚风格的塔楼建筑(如日本天守、中式宝塔、奥斯曼穹顶、高棉神庙、越南塔),并把建造过程做成可播放的组装动画。

主要能力:先定义一套可复用的几何构建器(face、box、prism、prismN、sweepPlan、lathe、ring/arc、fan、tube),全部写入共享的顶点/法线/UV/索引数组;每种建筑风格对应一个组装函数加一张层级表。屋顶由六个参数(lift、tip、flare、pow、trunc、ridge)控制,可生成屋脊平缓、向檐口变陡、四角上翘的轮廓。prismN 支持八边形与十六边形鼓座,sweepPlan 用于带凹角的多层轮廓。动画用单个裁剪平面实现:整体模型从第一帧就存在,一个朝下的平面自下而上移动,所有结构材质对其裁剪,另加随高度重建的封盖网格。脚手架不受裁剪影响,始终领先于完工部分。各阶段用 [本地标题, 英文, 目标高度] 推进时间轴,并在阶段切换时触发一次音效。

使用方式:按资料中的代码组织方式编写构建器,合并同材质以减少绘制调用,材质使用渲染器的局部裁剪(renderer.localClippingEnabled),为材质设置 clippingPlanes 与 clipShadows,并用 CLIP.constant 控制高度。可用 threejs-landscape 作为场景,用 threejs-weather 做风化。

适用场景:程序化建筑演示、建造过程动画、风格化场景搭建。

限制与注意:绕序错误会导致面被背面剔除而消失;Math.pow(负数, 2.35) 返回 NaN 会让整片屋顶消失,需对 t 做 clamp;封盖形状必须与所在截面的平面一致;BoxGeometry 的 UV 与尺寸无关,需按世界单位重写,否则纹理比例失真;自发光窗户会从檐下等未封口处漏光。资料未提供安装命令、价格或平台信息。