×

只需一步,快速开始

扫描二维码登录本站

标签: sketchup
本帖最后由 YOUKU3D 于 2019-1-8 20:12 编辑

今天,我想向您介绍一种用于实时渲染的新软件,称为Shapespark。这是一个非常方便的程序,与SketchUp非常兼容,为我们提供了出色的3D图像等等。使用Shapespark,我们可以浏览整个房间并看到整个设计就像我们在房间里一样,我们还可以使用材料和灯光上传整个模型,并通过简单的链接将其发送到任何地方!要查看该链接,您只需要浏览器,Chrome,Motzilla,Explorer等。
此外,它还支持VR和WebVR(Oculus Rift,HTC Vive,Google Cardboard和Daydream)虚拟现实功能,其最大的优势在于整个模型具有逼真的功能,可以嵌入到网站的页面上!
准确的照明是使虚拟场景感觉真实的关键因素。Shapespark采用全球照明技术,模拟现实世界中所有类型光源(太阳,天空或灯具)的光线行为。这些技术与渲染引擎用于生成照片般逼真的图像的技术相同。
除了Sketchup与官方插件完美配合外,我们还可以从其他3D程序中导出Shapespark的模型,格式如FBX,COLLADA或OBJ。
shapespark1.jpg
为了在Shapespark上进行一些测试,我选择了一个室内设计项目,有2个基本空间,一个卧室和一个起居室。两个空间都有足够的光线和自然光线,阳光透过窗帘。我选择的对象有很多多边形,所以一般来说,这是一个很重的Sketchup文件。
在开始之前,您必须访问Shapespark www.shapespark.com并创建一个帐户,然后通过安装将Shapespark程序本地下载到您的计算机。完成安装后,插件将下载到Sketchup。打开它后,您将在Sketchup主屏幕上看到该插件。
在设计了Sketchup模型后,我准备从Shapespark插件导出文件。
shapespark2.jpg
该插件有2个图标,通过按右侧显示一个灯,我们可以将光源导入Sketchup文件并在Shapespark中处理它们。
shapespark3.jpg
左侧图标导出您的文件。选择它会询问我们是否要创建一个新场景,如果我们想要命名它并且我们想要将Sketchup Sun放在Shapespark中
shapespark4.jpg
然后该文件已导出,通过从我们的计算机打开Shapespark,我们看到一个带有我们文件名称的场景。按编辑进行处理。
shapespark5.jpg
现在我们在Shapespark中看到我们的模型。右边是带有所有程序设置的垂直条,用鼠标我们可以在空间内移动。我们来看看设置栏中的基本按钮。首先是Bake选项,我们会在那里找到渲染按钮和我们想要的质量选择。
shapespark6.jpg
在第二个标签中,我们找到了Lights。我们在这里选择与人工照明设置有关的一切。
shapespark7.jpg
在第三个选项卡中,我们可以找到Light Probes选项,如上图所示,它是一个圆形光传感器,可捕获周围环境的360°全景图,用于生成反射
shapespark8.jpg
在Material选项卡中,我们找到了我们在Sketchup中添加到文件中的所有材料。Shapespark没有自己的材质,它使用现有的Sketchup,为它们提供所需的所有纹理和阴影。我们只能通过Shapespark更改照片来替换某些素材。
shapespark9.jpg
“天空”选项卡允许使用围绕场景的天空纹理替换默认程序天空。
shapespark10.jpg
“对象”选项卡允许我们控制模型中所有对象的几何。我们的基本选择是我们可以隐藏一个我们不希望在场景中看到的对象。
shapespark11.jpg
使用“相机”选项卡,我们可以控制与模型相机,曝光,Gamma,视野等有关的任何操作。
shapespark12.jpg
在最后一个选项卡中,我们添加了场景。这些场景作为模型内的按钮,用户可以通过点击场景来导航场景。
shapespark13.jpg
在看到Shapespark给出的命令后,让我们看看我们将如何渲染!在Bake Tab中,我们在底部看到两个按钮,Preview和Bake。如果单击“预览”,将打开一个小窗口,向我们显示一个静态图像,显示模型的照明功能。预览帮助我们在进入最终渲染(即烘焙按钮)之前进行所需的测试。在下图中,我们看到照明是如何非常低的。
shapespark14.jpg
要按照您想要的方式获取照明,请转到“灯光”选项卡,增加值并再次按“预览”。
shapespark15.jpg
一旦我们确定了我们想要给我们的模型的结果,我们然后点击Bake并等待该过程完成。在下面的图片中,我们看到了两个基本空间,卧室和起居室,以及它们如何通过Shapespark看。
shapespark16.jpg
shapespark17.jpg
看到Shapespark中的模型,我注意到我在Sketchup的设计中出现了一些缺陷。正如我在Sketchup中多次说过的那样,我们总是要在前表面上设计(白色)。由于我刚刚提到的问题,下图中的椅子没有合适的材料,所以我们应该进入Sketchup并通过在必要时选择反面进行一些更改。
shapespark18.jpg
由于我回到Sketchup进行更改,我决定用更好的一个替换客厅桌子。
shapespark19.jpg
我们再次按导出到Shapespark按钮,这次我们选择导出类型来更新现有场景。
shapespark20.jpg
这将我们带回到我们的帐户。我们选择我们的文件然后再次编辑它。
shapespark21.jpg
如您所见,所有更改都已完成。剩下的就是按下Bake按钮。
shapespark22.jpg
完成Bake后,我们的场景再次出现在我们之前提供的照明中。
shapespark22-1.jpg
我们现在去处理这些材料。按“材质”选项卡,然后选择要编辑的曲面。赋予不同颜色,光泽,纹理或渗透性的基本值如下所示。我们通常将RGB值放在其他选项中,值介于0和1之间。
shapespark23.jpg
下图显示了我根据上面提到的价格选择处理的材料。
shapespark24.jpg
在这里,我们看到了结果。我必须强调材料的变化是实时的!
shapespark25.jpg
然后我将转到“查看器”选项卡并创建我想要的场景并为其命名。
shapespark26.jpg
最后,我转到Lights Tab来编辑光源的类型和强度。在下图中,我们看到了红色天花板斑点的强度和颜色。
shapespark27.jpg
更改值并单击“预览”将向我们显示音量和颜色的变化情况。
shapespark28.jpg
Shapespark的一个非常好的功能是顶视图,让我们看到一个三维平面图。
shapespark29.jpg
为此,我们必须转到“对象”选项卡,然后选择仅在“顶视图”场景中隐藏屋顶。
shapespark30-1.jpg
我在材料和照明方面做出的改变后的模型已经准备就绪。我们可以浏览场景并使用键盘,如果我们点击问号,它将带我们所有的快捷方式。
shapespark31.jpg
最后一步是管理我们的帐户并上传模型。完成后,它将为我们提供链接,以通过任何浏览器查看和浏览模型。
shapespark33.jpg
Shapespark是一个了不起的计划。它快速且非常灵活,具有出色的渲染效果。此外,Shapespark的软件看起来非常轻巧且没有错误。但最重要的是初学者可以在很短的时间内获得非常好的渲染效果,Sketchup也是如此!

YOUKU3D

写了 2755 篇文章,拥有财富 0,被 10 人关注

www.XinBIM.com
转播转播 分享淘帖 踩!踩!
回复

使用道具

评论

使用高级模式,上传图片!
您需要登录后才可以回帖 登录 | 立即注册
B Color Link Quote Code Smilies
YOUKU3D 发表于 2019-1-8 19:49:10
ShapeSpark虚拟现实工具简介
http://www.xinbim.com/thread-310822-1-1.html
回复 支持 反对

使用道具 举报

YOUKU3D 发表于 2019-1-8 19:52:24
本帖最后由 YOUKU3D 于 2019-1-8 19:53 编辑

回复 支持 反对

使用道具 举报

YOUKU3D 发表于 2019-1-8 19:57:05
YOUKU3D 发表于 2019-1-8 19:52
本帖最后由 YOUKU3D 于 2019-1-8 19:53 编辑

Today, I want to introduce you a new software for real-time rendering, called Shapespark. This is a very handy program that works very well with Sketchup, giving us great 3D images and more. With Shapespark we can browse through the room and see the whole design as if we are in the room, we also have the ability to upload the entire model with the materials and lighting and send it anywhere with a simple link! To see the link, you only need a browser, Chrome, Motzilla, Explorer etc.
In addition, it supports VR and WebVR (Oculus Rift, HTC Vive, Google Cardboard and Daydream) virtual reality functionality, and its biggest advantage is that the entire model, with its photorealistic features, can be embedded on a page of a website!
Accurate lighting is the key ingredient in making a virtual scene feel real. Shapespark uses global illumination techniques which simulate the behavior of light in the real world for all types of light sources, be the sun, sky or lamps. These are the same techniques that rendering engines use to generate photo-realistic images.
In addition to Sketchup working perfectly with an official plug-in, we can also import models from Shapespark from other 3D programs in a format such as FBX, COLLADA or OBJ.
shapespark1.jpg
In order to perform some tests on Shapespark, I chose an interior design project with 2 basic spaces, a bedroom and a living room. Both spaces have enough light and natural light, with the sun coming through the curtains. The objects I have selected have many polygons, so generally, this is a heavy Sketchup file.
Before you get started, you must go to Shapespark www.shapespark.com and create an account and then download the Shapespark program locally to your computer by installing it. Upon completion of the installation, the plugin will be downloaded to Sketchup. Once you open it, you will see the plugin on your Sketchup home screen.
After having designed the Sketchup model I’m ready to export the file from the Shapespark plugin.
shapespark2.jpg
The plug-in has 2 icons, by pressing the right one that shows a lamp we can import light sources into the Sketchup file and process them in Shapespark.
shapespark3.jpg
The left icon exports your file. Choosing it will ask us if we want to create a new scene if we want to name it and if we want to place the Sketchup Sun inside the Shapespark
shapespark4.jpg
Then the file has been exported and by opening Shapespark from our computer we see a scene with the name of our file. Press Edit to process it.
shapespark5.jpg
Now we see our model inside Shapespark. On the right is the vertical bar with all the program settings, and with the mouse we can move inside the space. Let’s take a look at the basic buttons in the setup bar. First is the Bake option, there we will find the buttons for the render and the quality choices we want to give.
shapespark6.jpg
In the second tab, we find the Lights. Everything that has to do with artificial lighting settings we choose from here.
shapespark7.jpg
In the third tab, we can find the Light Probes options, as you can see in the image above it is a circular light sensor which captures 360° panoramas of its surroundings that is used to generate reflections
shapespark8.jpg
At the Material Tab, we find all the materials we’ve added to our file in Sketchup. Shapespark does not have its own materials to place, it uses the existing Sketchup by giving them all the textures and shades needed. We can only replace some material by changing a photo through Shapespark.
shapespark9.jpg
The Sky tab allows to replace the default procedural sky with a sky texture that surrounds the scene.
shapespark10.jpg
The Objects tab allows us to control the geometry of all objects in our model. A basic choice we have is that we can hide an object that we do not want to be seen in our scenes.
shapespark11.jpg
With the Camera Tab, we control anything that has to do with model cameras, Exposure, Gamma, Field of view, and more.
shapespark12.jpg
And in the last Tab that is the Viewer, we add scenes. These scenes come as buttons inside the model and the user has the ability to navigate the scene by tapping on the scenes.
shapespark13.jpg
After seeing the commands given by Shapespark, let’s see how we’re going to render! In Bake Tab, we see two buttons at the bottom, Preview and Bake. If you click Preview, a small window will open that will show us a static image of how our model will look like with its lighting features. Preview helps us to do the tests we need before we come to the final render that is the Bake button. In the figure below we see how the lighting is quite low.
shapespark14.jpg
To get the lighting the way you want, go to Lights Tab, increase the values and press Preview again.
shapespark15.jpg
Once we are sure of the result we want to give to our model, we then hit Bake and wait for the process to finish. In the following pictures, we see our two basic spaces, bedroom and living room and how they look through Shapespark.
shapespark16.jpg
shapespark17.jpg
Seeing the model in Shapespark I notice some flaws that arose from my design at Sketchup. As I have said many times in Sketchup we always have to design on the front surface (white). In the picture below the chair has not got the right materials due to the problem I just mentioned, so we should go into Sketchup and make some changes by selecting reverse faces where necessary.
shapespark18.jpg
Since I am back in Sketchup making my changes I decided to replace the living room table with a better one.
shapespark19.jpg
We press the export to Shapespark button again and this time we select the export type to update the existing scene.
shapespark20.jpg
This takes us back to our account. We select our file and then we edit it again.
shapespark21.jpg
As you can see all the changes have been made. The only thing left is to press the Bake button.
shapespark22.jpg
Upon completion of Bake, our scene appears again with the lighting we had given it earlier.
shapespark22-1.jpg
Let’s go now to process the materials. Press Material Tab and select the surface that you want to edit. The basic values in order to give a different color, gloss, texture or permeability are those shown below. We put RGB value while in the other options usually, the values are between 0 and 1.
shapespark23.jpg
The following figure shows the materials I chose to process based on the prices I mentioned above.
shapespark24.jpg
And here we see the result. I must emphasize that material changes are made in real-time!
shapespark25.jpg
Then I’ll go to the Viewer Tab and create the scenes I want and give them names.
shapespark26.jpg
Finally, I go to Lights Tab to edit the type and intensity of the light sources. In the figure below we see the intensity and color of the ceiling spots in red.
shapespark27.jpg
Changing the values and clicking Preview will show us how the volume and color have changed.
shapespark28.jpg
A very nice feature of Shapespark is Top View that lets us see a three-dimensional floor plan.
shapespark29.jpg
To do this we have to go to the Objects Tab and choose to hide the roof exclusively on the Top View scene.
shapespark30-1.jpg
The model after the changes I made to it in materials and lighting is ready. We can browse the scene and with the keyboard, if we click on the question mark it will take us all the shortcuts.
shapespark31.jpg
Last step is to go into managing our account and upload the model. Once completed, it will give us a Link to see and browse the model through any browser.
shapespark33.jpg
Shapespark is an amazing program. It is fast and very flexible with an excellent render effect. Also, Shapespark’s software looks very light and bug-free. But the most important thing is that a beginner can get a very good render effect in very little time, the same is true for Sketchup!

回复 支持 反对

使用道具 举报

返回顶部