blender assetBrowser 资产浏览器

简介.

1 类似于unity的预制体,可以直接从资产浏览器里拖出来
2 创建时可以自动吸附到平面,遇到墙壁还能自己动转角,如下图,模型被拖到一个平面上,会自动对齐平面
在这里插入图片描述

基础操作

打开资产浏览器.

1 左上角,选择资产浏览器即可
在这里插入图片描述

标记资产.

1 右键集合里的一个物体,标记为资产。或者物体模式下,左上角物体/资产/标记为资产
2 标记好后会有一个小书本的图案
在这里插入图片描述

资产库位置设置与加载其他工程的资产库.

1 设置资产库。编辑/偏好设置/文件路径/资产库。设置一个目录即可
2 需要注意的是,默认是本文件的资产读取,如果需要读取其他工程的资产,需要满足另一个工程必须保存在资产库的目录下。然后在资产库窗口选择用户库。
在这里插入图片描述

为资产设置分类.

1 使用资产浏览器左侧的加号可以创建新的资产分类,点击加号,然后双击或右键列表项重命名,不能用F2重命名。
2 将物体拖进选项里来将物体加入分类里
3 右键分类项,来删除一个分类,里边的物体将自动归为全部
在这里插入图片描述
.

设置资产的属性.

1 资产浏览器里选中一个资产,资产浏览器的右上角的小齿轮,即可设置属性
在这里插入图片描述

根据类型筛选资产.

1 资产浏览器右上角的筛选,可以选择要显示哪些类型的资产,注意和左侧的自定义分类区分,他们不同
在这里插入图片描述

标记材质为资产.

1 物体的纹理属性,找到一个纹理,右键,标记为资产即可。标记完成后,原来的小盾牌会变成书本
在这里插入图片描述

标记天空盒材质为资产.

1 先设置好HDRI或EXR天空盒(两种方式,1使用材质面板的世界材质 2在下图世界纹理中,选颜色后的黄点,然后选择环境贴图,并选择一个天空盒),然后右键线图下的World这一栏,标记为资产,后边的盾牌会变成书本
在这里插入图片描述
2 如果需要保存第二张天空盒,需要先点后方的×号关闭当前的贴图,然后重新新建一个,如果直接修改这个贴图用的天空盒,保存后是同一个资产

标记动作为资产.

1 需要先安装自带的插件:PoseLibrary
2 调整好动作,选择动画/创建姿态资产即可
在这里插入图片描述

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在浏览器中显示3D模型,可以使用Three.js作为渲染引擎,Blender作为3D建模软件,以下是实现的基本流程: 1. 使用Blender建立3D模型并导出为glTF或者OBJ格式的文件。 2. 在Web页面中引入Three.js库。 3. 创建场景、相机和渲染器。 4. 加载模型文件并添加到场景中。 5. 渲染场景。 下面我们来详细讲解: 1. 使用Blender建立3D模型并导出为glTF或者OBJ格式的文件。 Blender是一款免费的开源3D建模软件,可以通过官网下载最新版本并安装。建立好3D模型后,可以通过导出功能将文件保存为glTF或者OBJ格式,这是目前Web端3D展示的主流格式。 2. 在Web页面中引入Three.js库。 可以通过CDN或者本地引入Three.js库,以下是CDN地址: ```html <script src="https://cdn.bootcdn.net/ajax/libs/three.js/r128/three.min.js"></script> ``` 3. 创建场景、相机和渲染器。 ```javascript var scene = new THREE.Scene(); //创建场景 var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); //创建相机 camera.position.z = 5; //设置相机位置 var renderer = new THREE.WebGLRenderer(); //创建渲染器 renderer.setSize(window.innerWidth, window.innerHeight); //设置渲染器大小 document.body.appendChild(renderer.domElement); //将渲染器添加到页面中 ``` 4. 加载模型文件并添加到场景中。 ```javascript //加载模型文件 var loader = new THREE.GLTFLoader(); //glTF格式的模型文件加载器 loader.load('model.gltf', function(gltf) { scene.add(gltf.scene); //将模型文件添加到场景中 }); //或者加载OBJ格式的模型文件 var loader = new THREE.OBJLoader(); //OBJ格式的模型文件加载器 loader.load('model.obj', function(obj) { scene.add(obj); //将模型文件添加到场景中 }); ``` 5. 渲染场景。 ```javascript function animate() { requestAnimationFrame(animate); renderer.render(scene, camera); //渲染场景 } animate(); ``` 以上就是使用Three.js + Blender构建在浏览器端显示的3D模型的基本流程。当然,还可以使用更多的Three.js功能来实现更加复杂的3D展示效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值