- 博客(29)
- 资源 (14)
- 收藏
- 关注
原创 手把手教你创建threejs场景
three.js上手–创建一个场景本篇教程通过一个示例简单的介绍了threejs主要概念,以及在threejs中场景的呈现逻辑。最后有示例的代码,可以自己运行尝试开始之前在使用three.js之前,你需要有一个地方来呈现它。可以将下面代码保存,并且用浏览器打开<!DOCTYPE html><html> <head> <meta charse...
2019-09-11 16:39:35 1993 1
原创 基于ThreeJS为3D模型添加贴图
基于ThreeJS为3D模型增加贴图示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在三维立体构件六个面上添加贴图。示例效果展示实现方式添加贴图:在模型的多个面上添加材质图片// 改变材质种类const changeMaterial = () => { // 实例化一个加载器loader const loader = new THREE.T...
2019-09-11 11:23:49 16315
原创 小红砖 API 2.0 强势上线
文章目录写在前面的话统一数据返回格式细化接口错误返回写在前面的话API 2.0 是对小红砖开放平台 API 1.0的升级,新版接口主要规范与统一数据与错误返回格式,更加清晰直观地展示出接口的调用方式,并提高了接口调用的安全性,能够更好的满足 BIM开发者的二次开发需求。统一数据返回格式将调用接口获取的数据以标准的json格式返回,更加直观、清晰,方便开发人员按需获取{ "code...
2019-09-20 14:45:16 770
原创 在ThreeJS中如何让三维模型实现空间树展示?
空间树展示示例描述与操作指南示例效果展示实现步骤示例描述与操作指南空间树展示示例,主要用于将 BIM 模型的建筑空间结构展示出来。通过调用获取模型空间树列表接口将模型空间架构展示出来。用户将完整代码下载下来后,将模型 id 和用户个人账户 devcode 替换上去,即可展示自有模型。示例效果展示实现步骤第一步 获取并创建树结构通过调用获取模型空间树的接口,获取对应模型树结构并在三维界...
2019-09-19 15:07:48 3055
原创 如何在3D模型上实现太阳光照模拟?
如何在3D模型上实现太阳光照模拟?示例描述与操作指南示例效果展示实现步骤示例描述与操作指南当前示例用于模拟太阳光照效果。示例效果展示实现步骤第一步 添加屏幕炫光/** * @description: 添加一个屏幕炫光到场景,因为屏幕炫光不是实际的光源,只是一个效果,因此一般配合其他光源使用。 * 一般用此屏幕炫光来模拟太阳光源,因此配合一个平行光源...
2019-09-19 15:03:41 4237
原创 如何对两个三维模型进行对比
模型对比示例示例描述与操作指南示例效果展示实现步骤示例描述与操作指南模型对比是从构件级来比较模型不同版本之间的差异。模型对比功能可以对比两个不同版本模型之间的差异,这些差异包含构件关系的差异、构件信息的差异以及模型中构件的增加与删除等改动。构件信息的差异是指匹配构件的属性信息、基本信息、几何信息的差异;构件关系的差异是指构件父子节点关系的变化,管道系统中连接关系的变化;构件的增删情况是指...
2019-09-19 14:58:50 6237
原创 基于ThreeJS实现3D模型阴影渲染
基于ThreeJS实现3D模型阴影渲染示例描述与操作指南示例效果展示实现步骤示例描述与操作指南当前示例专门用于展示构件的阴影效果。示例效果展示实现步骤第一步 添加聚光灯/** * @description: 添加spotlight聚光灯,模拟室内光。spotlight可以理解成一个聚光灯。 * 一般使聚光灯产生阴影效果分为以下几步: * ...
2019-09-19 14:54:56 1881
原创 模型数据如何实现模糊搜索?
模型数据实现模糊搜索示例描述与操作指南示例效果展示实现步骤示例描述与操作指南构件查询示例,是对当前模型的数据进行按需查找。可以筛选楼层,在指定楼层进行查找;可对某类构件进行查找;也可针对某个构件名称进行模糊查询。用户可以将完整代码直接下载下来后,将模型id和用户个人账户devcode替换上去,即可展示自有模型。示例效果展示实现步骤第一步 搜索区的创建:在界面左侧创建搜索区域// 创建...
2019-09-19 14:49:58 371
原创 如何用ThreeJS绘制线段?
用THREE.JS绘制线段本篇教程介绍如何使用threejs来绘制线段。首先我们需要创建好渲染器renderer,场景scene,和摄像机camera。var renderer = new THREE.WebGLRenderer();renderer.setSize( window.innerWidth, window.innerHeight );document.body.append...
2019-09-17 14:43:32 4123 8
原创 在ThreeJS下如何做产品信息介绍?
产品信息介绍示例描述与操作指南示例效果展示实现步骤示例描述与操作指南产品信息介绍示例,将原有的产品手册转为三维可视化的产品信息展示界面,将产品数据、产品介绍与三维模型关联展示。示例效果展示实现步骤第一步 创建左侧区域// 创建左侧按钮操作区,点击不同的按钮会切换成不同的模型 const showxsjTool2 = () => { const toolB...
2019-09-11 17:28:55 619
原创 如何给建筑模型空间添加标签?
空间添加标签示例描述与操作指南示例效果展示实现步骤示例描述与操作指南空间添加标签示例,主要是用于将建筑空间模型的空间结构和它的空间意义关联在一起展示出来。通过调用获取模型空间树列表接口,将模型空间架构展示出来,后在对应结构位置添加相关信息标签。用户将完整代码下载下来后,将模型 id 和用户个人账户 devcode 替换上去,即可展示自有模型。示例效果展示实现步骤第一步 获取并创建树结构...
2019-09-11 17:21:28 587
原创 如何对三维模型做产品安装指南?
产品安装指南示例描述与操作指南示例效果展示实现步骤示例描述与操作指南产品安装指南示例,将安装转椅的安装指南模拟至三维界面中,按步骤对用户进行指导安装。示例效果展示实现步骤第一步 零件对照对现有所有零件进行展示对照/** * @description: 零件对照函数 * 点击零件对照时的动画,将每一个构件从当前位置移动到对应的位置 * 同时将钉子缓慢...
2019-09-11 17:18:02 235
原创 如何在三维空间中实现构件移动
如何在三维空间中实现构件移动示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例为展示构件移动效果的示例。通过简单代码,使得构件沿着某一构件坐标系往复运动。示例效果展示实现方式嵌入JavaScript中将下面一段代码写入JavaScript中,使得在模型加载完成后构件进入沿x轴往复运动的效果展示// 定义构件每次刷新移动的步长let step = 0.001;// ...
2019-09-11 16:55:39 562
原创 如何在三维空间中添加面板标签?
如何在三维空间中添加面板标签?示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在三维构件上端添加面板标签。示例效果展示实现方式在构件选定位置处添加面板标签// 在构件选定位置处添加面板标签const addMark = (componentId) => { const cardBord = $("这是一把人体工程学座椅") mark = n...
2019-09-11 16:53:18 355
原创 在三维空间中实现模型旋转
在三维空间中实现模型旋转示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例为展示构件自旋转效果的示例。通过简单代码,使得构件围绕当前构件的构件坐标的某一坐标轴进行旋转。示例效果展示实现方式嵌入JavaScript中将下面一段代码写入JavaScript中,使得在模型加载完成后构件进入自旋转的效果展示// 动画函数const animate = () => {...
2019-09-11 16:51:41 1604
原创 基于ThreeJS在三维空间中实现模型的移动与旋转
基于ThreeJS在三维空间中实现模型的移动与旋转示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例为展示构件移动与旋转效果的示例。通过简单代码,使得构件在移动的过程中自旋转。示例效果展示实现方式嵌入JavaScript中将下面一段代码写入JavaScript中,使得在模型加载完成后构件沿着某一路径移动并随之旋转// 添加模型构件移动动画,依赖tweenjs做动画,项...
2019-09-11 16:49:45 4247
原创 基于ThreeJS实现箭头移动与消失
基于ThreeJS实现箭头移动与消失示例描述与操作指南示例效果展示实现步骤示例描述与操作指南当前示例用于展示在三维界面中如何设置箭头沿某一特定方向移动后消失。示例效果展示实现步骤第一步 添加三维线段和图片/** * 该方法用来添加三维线段面板和图片 * @params: componentid {string} * @params: callback {functio...
2019-09-11 16:47:29 2877
原创 基于ThreeJS实现3D模型上的室内灯光效果模拟
基于ThreeJS实现3D模型上的室内灯光效果模拟示例描述与操作指南示例效果展示实现步骤示例描述与操作指南当前示例用于展示室内灯光的多角度光影效果。示例效果展示实现步骤第一步 创建聚光灯/** * @description: 添加spotlight聚光灯,模拟室内光。spotlight可以理解成一个聚光灯。 * 一般使聚光灯产生阴影效果分为以下几步...
2019-09-11 11:26:44 6179 1
原创 如何在3D模型中增加天空盒?
如何在3D模型中增加天空盒?示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在模型空间中将图片作为天空盒加载,让模型看上去更生动,真实。示例效果展示实现方式加载天空盒:在当前示例中,我们展示了如何将图片作为天空盒加载// 添加天空盒背景图片const addBackgroundImage = () =>{ // 创建一个three的正方体材质加...
2019-09-11 11:25:38 841
原创 基于ThreeJS修改模型材质
基于ThreeJS修改模型材质示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在模型上改变构件的材质。材质和几何体构成网格,决定几何体是否像金属,透明与否,是否展示线框。常见材质包括:1、基础材质 MeshBasicMaterial : 对光照无感,给几何体一种简单的颜色或显示线框。2、兰伯特材质 MeshLambertMaterial :这种材质对光照有反应...
2019-09-11 11:24:47 11046
原创 在3D模型空间中加入三维标签字体
在3D模型空间中加入三维标签字体示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在三维构件某一位置上添加三维字体。示例效果展示实现方式在构件选定位置处添加三维字体// 添加三维字体const addText = (content, componentId) => { /** * 该方法用来通过给出内容加载出来3d字体,暂不支持中文 ...
2019-09-11 11:22:45 471
原创 如何在IFC模型上添加三维球状标签?
如何在IFC模型上添加三维球状标签?示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在三维构件上端添加球状标签。示例效果展示实现方式// 添加三维圆形标签const addBallMarker = (componentId) =>{ /** * 该方法用来添加三维圆形标签 * @params: componentid {string...
2019-09-11 11:21:35 229
原创 基于ThreeJS实现箭头单向移动
基于ThreeJS实现箭头单向移动示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示在三维界面中如何设置箭头沿某一特定方向移动。示例效果展示实现方式箭头沿y轴移动// 箭头移动函数const moveArrows = () => { let posSrc = {pos: 0}; // 初始化一个动画需要更新的值,tweenjs使用 // 每次更新...
2019-09-11 11:20:28 3187
原创 基于ThreeJS如何让太阳光影发生变化?
太阳光影变化示例描述与操作指南示例效果展示 [^1]:实现步骤示例描述与操作指南太阳光影变化示例,是利用 Threejs 开源接口模拟在不同地区、不同时间的太阳光照下阴影的形成。当前示例用于展示在不同经纬度、不同时间下、建筑受到不同光照强度而生成的不同阴影效果。用户将完整代码下载下来后,替换用户模型 id 和用户个人账户 devcode,即可展示自有模型。示例效果展示 1:实...
2019-09-11 11:08:44 3151 5
原创 在IFC标准模型如何实现室内灯光管控?
室内灯光管控示例描述与操作指南示例效果展示实现步骤示例描述与操作指南室内光照管控示例,是利用 Threejs 开源接口模拟室内光影与智能家居控制。用户可以将完整代码直接下载下来后,将模型 id 和用户个人账户 devcode 替换上去,即可展示自有模型。示例效果展示实现步骤第一步 创建 SpotLight// 创建 spotLight const createSpotLigh...
2019-09-11 11:07:19 320 2
原创 在三维模型如何实现空间区域导览?
空间区域导览示例描述与操作指南示例效果展示应用场景实现步骤相关案例示例描述与操作指南空间区域导览,是以医院场景为例,利用模型空间树,将医院分层展示。同时利用IFC模型中的IfcSpace构件,进行科室区域高亮展示,使模型中对应的区域位置更加清晰直观。将配以详细的信息介绍与科室进行挂钩,使得用户在了解医院模型整体空间区域位置的同时,又能轻松掌握单个科室区域的详细信息。示例效果展示应用场景...
2019-09-11 10:59:01 733
原创 基于ThreeJS在BIM如何实现室内展厅导航?
室内导航示例示例描述与操作指南示例效果展示应用场景实现步骤相关示例示例描述与操作指南室内导航示例,以医院场景为例,基于建筑模型的空间路网所实现。主要包括智能挂号与医院导航两个功能。智能挂号,用户可以选择科室进行挂号,生成挂号单,并显示挂号信息。点击前往所选科室,当前示例会在挂号处与所选科室之间生成最短路径。用户可以通过全局视角及沉浸式视角两种方式进行路径预览。医院导航,是指用户可以任意选择...
2019-09-11 10:54:53 5068 4
原创 如何实现BIM模型免费可视化?
BIM模型二次开发代码盈嘉互联小红砖快速上手获取开发密钥获取文件key创建本地界面三维操作数据展示盈嘉互联小红砖小红砖开放平台,是盈嘉互联旗下的大数据服务平台, 旨在从BIM模型中挖掘数据价值,帮助更多用户进行建筑信息模型上的二次开发。 网站为每个用户提供如下服务:丰富的API接口免费调用,多元化的可视化与数据示例启示开发, 海量的BIM数据直接下载,开源免费示例代码。小红砖帮助你零门槛零成本...
2019-09-11 09:40:32 2242
原创 获取模型所有构件基本信息
获取模型所有构件基本信息请求(Request)响应(Response)GET https://api.bos.xyz/models/{fileKey}/components获取模型所有构件基本信息请求(Request)Headerkeyvalue——Path Parameter字段类型必填描述示例fileKeyString...
2019-09-11 09:30:45 939
PasteEx.exe
2020-05-08
SweetHome3D-6.2-macosx.dmg
2020-05-08
HiPC_3.4.10.062.exe
2020-05-08
CADReaderPc_5.9.3.59.exe
2020-04-30
ScreenToGif-v2.14.1.rar
2020-04-30
圣诞节元素EPS文件.zip
2019-12-19
小红砖搬砖精灵windows-v1.1.0.rar
2019-08-20
小红砖搬砖精灵MacOS-v1.1.0.rar
2019-08-20
小红砖搬砖精灵linux-v1.1.0.rar
2019-08-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人