v2.0 - 法线贴图生成器发布

2026/01/17

🎨 重大版本升级

我们很高兴地宣布 Normal Map Generator(法线贴图生成器) 的重大更新,带来更强的3D预览、光度立体和更高效的导出流程。

✨ 主要新功能

实时3D预览

  • 交互式3D查看器:在球体、立方体、平面或圆柱模型上旋转和检查法线贴图
  • 工作室环境:专业3D工作室照明,配有青色/洋红色LED环境贴图
  • 材质预设:快速应用皮革、石头、金属和织物材质

高级法线贴图生成

  • 高度图方法:将灰度高度图转换为RGB法线贴图
  • 光度立体:从4向光照照片生成法线
  • 强度控制:精细调整法线贴图强度(0.1-2.0范围)
  • 级别调整:控制基准表面方向

专业导出选项

  • 多种格式:PNG(8位、16位)、JPEG、WebP
  • PBR纹理集:导出完整材质集
  • 批处理:高效生成多个贴图
  • 高分辨率:支持高达4K纹理

🔧 技术改进

SEO优化

  • 改进的元数据:优化标题(59字符)和描述(159字符)
  • 关键词集成:自然地放置"法线贴图生成器"
  • 增强的FAQ:17个全面的问题,涵盖常见工作流程

UI/UX增强

  • 全屏模式:修复了沉浸式预览的布局问题
  • CSS优化:解决了登陆页面H2排版冲突
  • 响应式设计:更好的移动端和平板体验

性能

  • WebGL优化:高效的3D渲染,正确的资源清理
  • 图像压缩:精选图像转换为WebP以加快加载
  • 延迟加载:改进页面加载时间

📝 新内容

博客文章(新增!)

三篇专业技术指南:

  1. 将法线贴图集成到PBR工作流程

    • PBR纹理集组成
    • Unity和Unreal Engine集成基础
    • 常见问题和解决方案
  2. 从照片创建法线贴图:光度立体法

    • 4向光照设置
    • 设备要求
    • 材质特定优化技巧
  3. 针对Unity和Unreal Engine优化法线贴图

    • 引擎特定压缩(BC5、ASTC、TC_Normalmap)
    • 内存预算指南
    • 平台建议(移动端、主机、WebGL)

所有文章均提供中英文双语版本,配有定制配图!

🎯 默认资源

更新的演示图像

  • 高度图:高科技机甲装甲板纹理(demo_height_v1.png)
  • 石头纹理:有机鹅卵石图案(demo_height_v2.png)
  • 光照照片:现代几何表面,4向光照

3D环境

  • 新Cubemap:专业工作室环境,配有LED照明
  • 更好的反射:改进材质预览真实感

🌍 支持语言

  • English(英语)
  • 中文

🔮 即将推出

  • 额外导出格式:VFX管线的TIFF
  • 细节法线混合:组合多个法线贴图层
  • 纹理平铺工具:无缝图案生成
  • 社区画廊:分享和发现法线贴图预设
  • API访问:程序化法线贴图生成

🛠️ 技术栈

  • 框架:Next.js 15.5.7 with Turbopack
  • 3D渲染:Three.js with WebGL
  • 国际化:next-intl
  • 样式:Tailwind CSS + 自定义CSS
  • 图像处理:客户端canvas操作

迁移说明

本次更新聚焦于提升 Normal Map Generator 的性能与易用性,进一步适配 3D 工作流需求。

更改内容

  • ✅ 完整的UI重新设计,专注于法线贴图生成
  • ✅ 新的3D预览系统,支持多种模型类型
  • ✅ 专业博客内容,用于SEO和教育
  • ✅ 增强的游戏引擎导出功能
  • ✅ 更好的移动响应性

感谢您成为我们社区的一部分!我们致力于为艺术家、游戏开发者和3D专业人士打造最好的在线法线贴图生成器。

💬 欢迎反馈:我们很想听听您对新平台的看法!