04：kanzi渲染效果之天空盒实现方案
其他/设计爱好者/19天前/565浏览
版权
04：kanzi渲染效果之天空盒实现方案
一、效果预览
二、资源文件
模型文件参考附件：SKYBOX.fbx
贴图资源参考附件：NoonBG.png
三、工程创立
1、项目初始化
1.1 创建新工程
步骤：
- 打开Kanzi Studio
- 创建新工程，选择Kanzi版本（如3.9.12）
- 进入工程后，首先调整画布分辨率
1.2 设置分辨率
操作步骤：
- 找到Screen节点
- 在属性窗口中找到Window的Screen Resolution属性
- 项目设置为1920 x 1080
- 删除默认的占位节点，保持工程为空
重要提示：
- 分辨率设置应该在项目开始时就确定，后续修改可能影响布局
- 分辨率需要与最终运行设备匹配
2、资源导入与优化
2.1 导入3D资源
步骤：
- 点击菜单：File → Import → Import 3D Assets
- 选择3D资源文件（如FBX格式）
- 导入后，资源会出现在左下角的Library窗口中
- 导入的资源会以Prefab形式保存
注意事项：
- 3D文件导入后，会包含模型、材质、灯光、摄像机等所有信息
- 如果只需要模型，建议使用Merge方式导入，只导入需要的部分
- 导入的3D资源需要实例化到场景中才能使用
2.2 导入图片资源
步骤：
- 点击菜单：File → Import → Import Images
- 选择图片文件（支持PNG、JPG等格式）
- 可以多选批量导入
图片ASTC压缩：
- 选择需要压缩的图片
- 在属性窗口找到Image Format属性
- 选择ASTC格式
- 设置压缩质量：4x4：推荐设置，平衡质量和性能采样器越大，压缩越粗糙
- 压缩速度选择：Very Fast：快速压缩，质量略低Medium：中等速度，质量更好如果图片模糊，可以尝试从Very Fast改为Medium
3、天空盒搭建
3.1 节点树结构理解
重要概念：
- 节点树（Screen）：左上角的节点树，采用树形结构
- 父子关系：父节点包含子节点
- 兄弟节点：同一层级的节点
- 渲染顺序：先绘制父节点，再绘制子节点；同级节点从上到下绘制
节点类型：
- 2D节点：只能包含2D子节点
- 3D节点：只能包含3D子节点
- Viewport2D：特殊的2D节点，可以创建3D场景（类似Photoshop图层）
3.2 创建相机节点
步骤：
- 创建Scroll View 2D节点，将Viewport2D放入此节点下，将Prefab中的Scene放入Viewport2D中。
- 适当调整Scroll View 2D节点中转动视角相关功能的数值。
- 创建相机父节点Preview，将相机放入此节点下，绑定Scroll View 2D节点的ScrollPosition的坐标。
- 调整相机的Z Near/Z Far，因为天空盒模型相对车模比较大，要合理增加摄像机看到的纵深区间。
3.3 创建天空盒节点SKY
步骤：
- 创建天空盒节点SKY，将模型SKYBOX放入此节点下。
- 创建天空盒材质类型ColorTexture，将默认材质球命名为SKYBG。
- 材质SKYBG附在天空盒上，Texture选择NoonBG，合理调整材质参数tiling及Offset，使其显示效果达到最佳。
3.4 创建Car模型
步骤：
- 在Scene节点下创建Box模型（代替车模）
- 将Box重新命名为Car，合理调整模型大小，材质选择Phong，适当调整颜色。
- 调整Directional Light的颜色，使Car模型显示自然。
3.5 创建地面背景
步骤：
- 在RootPage的BackgroudBrush中创建ColorBrush。
- 合理调整地面背景颜色。
四、工程导出和演示
开发完成后，点击菜单栏File→Export→Export as KZB Player for Windows，可以打包成一个可直接运行的 Windows exe 应用。
exe文件所在位置为Tool_project\Application Player目录中，双击即可执行程序。
最终效果如下：
2
Report
声明
收藏
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
You may like
相关收藏夹
Log in
2Log in and synchronize recommended records
收藏Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share
2