WikInsituEn - User contributions [en]

Optimising lighting

2024-08-08T15:52:14Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Optimising lighting</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=bVlvsI0WnSc&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=3
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

'''<big>Dialog box for lighting the scene in Realtime photorealistic perspective mode</big>'''

In '''Realtime photorealistic perspective''' mode, the changes made in this dialog box immediately take effect in the view, enabling you to achieve your desired lighting very quickly. These settings also apply to the final photorealism.

Changes linked to the lighting can be found in the '''Scene''' drop down menu under '''Lighting''' or via the icon [[Image:Lampe.JPG|link=]]

'''<big>Default settings in the dialog box</big>'''

The lighting window is divided into 3 tabs

'''Tab 1: Natural light'''
Allows you to adjust natural lighting settings.

<div align="center">
<p class="cadreimg">
[[Image:Lumières_ENG.png|link=]]
</p></div>

'''Tab 2: Artificial light'''
Allows you to adjust the artificial light settings.

<div align="center">
<p class="cadreimg">
[[Image:Lumières2_ENG.png|link=]]
</p></div>

'''Tab 3: Light sources'''
Allows you to manage the lighting that you added yourself to the scene settings

<div align="center">
<p class="cadreimg">
[[Image:Lumières3_ENG.png|link=]]
</p></div>

In our example, 4 spots have been placed towards the bottom (these spots are available in the @Base forms catalogue, in the Light sources chapter). They are therefore adjustable in the dialog box.

The '''A. Column''' refers to whether the light sources are lit. You can manage each element individually and light (or not) the ones that you wish to light. The box is ticked by default and means that the selected light source is lit.

The '''Sel. column''' allows you to select the object. Therefore, in a scene in which you placed several light sources of the same type, you can easily identify the light source affected by the settings.

The '''Colour column''' allows you to choose the colour of the diffused light.

The '''IES column''' gives you the option of changing the style of light projected (the curve of the beam). You have the choice of 20 different options.

<div align="center">
<p class="cadreimg">
[[Image:Lumières4_FR.png|link=]]
</p></div>

Finally, you can choose the intensity of the light sources, either for each individual light source or for the entirety of light sources in a scene thanks to the intensity slider.
If you only wish to adjust one light source, select it before moving the Intensity slider.
To manage the intensity of all the light sources or a particular selection of them, tick the Sel. box to select the relevant light sources.

'''<big>Adjusting the tone</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Lumières5_ENG.png|link=]]
</p></div>

The settings window for tone is only available for the '''Realtime photorealistic perspective''' and '''Final photorealistic perspective''' views. It appears automatically at the end of the calculation of the final photorealism. However, you can access it at any time through the '''View''' drop down menu, and then '''Tone mapping'''.

'''<big>The luminous halo</big>'''

This lets you play around with the rendering of the lightings.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal6_ENG.png|link=]]
<br/><br/>
[[Image:Vuephotoreelfinal7_ENG.png|link=]]
</p></div>

'''<big>Light source</big>'''

CThis feature allows you to adjust the light source in the Realistic drawing perspective view:
<br/>- intensity
<br/>- contrast
<br/>- horizontal and vertical angles of light propagation in realistic drawing perspective.
<div align="center">
<p class="cadreimg">
[[Image:Lumières6_ENG.png|link=]]
</p></div>

The default values are:
<br/>Light = 80
<br/>Contrast = 30
<br/>Horizontal angle = 70
<br/>Vertical angle = - 45.

[[Image:LogoInfo.png|link=]] The decorative luminaires can also help light the scene. To activate its lighting, you must open a luminaire like you would open a door, via the feature in '''Selection | Open'''.



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Top view|Next step]]</span>

Positioning the observer

2024-08-08T15:50:15Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Positioning the observer</h1>

'''<big>Observer view</big>'''

The Observer view lets you manually adjust the field of view, in the 3D view, by the project altitude and tilt.

The altitude refers to the height of the view and the tilt allows you to have bird's eye views, for example.

To access it, go to InSitu's '''View''' drop down menu, and then click on '''Observer'''.

<div align="center">
<p class="cadreimg">
[[Image:Observateur_ENG.png|link=]]
</p></div>

'''<big>Initial Observer view</big>'''

The '''Initial Observer''' view lets you reposition the starting point of the visual field in 3D view.<br/>
To activate it, go to '''View | Initial Observer'''. This feature if very useful when you have adjusted the settings but you want to cancel these changes.

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Optimising lighting|Next step]]</span>


</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

Positioning the observer

2024-08-08T15:49:49Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Positioning the observer</h1>

'''<big>Positioning the observer</big>'''

The Observer view lets you manually adjust the field of view, in the 3D view, by the project altitude and tilt.

The altitude refers to the height of the view and the tilt allows you to have bird's eye views, for example.

To access it, go to InSitu's '''View''' drop down menu, and then click on '''Observer'''.

<div align="center">
<p class="cadreimg">
[[Image:Observateur_ENG.png|link=]]
</p></div>

'''<big>Initial Observer view</big>'''

The '''Initial Observer''' view lets you reposition the starting point of the visual field in 3D view.<br/>
To activate it, go to '''View | Initial Observer'''. This feature if very useful when you have adjusted the settings but you want to cancel these changes.

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Optimising lighting|Next step]]</span>


</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

Positioning the observer

2024-08-08T15:49:25Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Top view</h1>

'''<big>Positioning the observer</big>'''

The Observer view lets you manually adjust the field of view, in the 3D view, by the project altitude and tilt.

The altitude refers to the height of the view and the tilt allows you to have bird's eye views, for example.

To access it, go to InSitu's '''View''' drop down menu, and then click on '''Observer'''.

<div align="center">
<p class="cadreimg">
[[Image:Observateur_ENG.png|link=]]
</p></div>

'''<big>Initial Observer view</big>'''

The '''Initial Observer''' view lets you reposition the starting point of the visual field in 3D view.<br/>
To activate it, go to '''View | Initial Observer'''. This feature if very useful when you have adjusted the settings but you want to cancel these changes.

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Optimising lighting|Next step]]</span>


</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

Placing a visual field

2024-08-08T15:10:33Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Placing a visual field</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=AwE5R8hKZsk&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw
</youtube>
<br>Voir le tutoriel vidéo
</p></div>
Visual fields allow you to orient yourself according to the desired direction, angle of vision on a part of your project.

To do so:

- Go to '''View''' | '''Visual field'''

- Position the eye icon in the direction of your desired visual field. The illustration below explains the order that you want to "trace" with the mouse to place the visual field.
<div align="center">
<p class="cadreimg">
[[Image:Champdevision_FR.png|link=]]
</p></div>

<div align="center">
<p class="cadreimg">
[[Image:Champvision_FR.gif|link=]]
</p>
<br/>
</div>

- Go to '''View''' | '''Real time photorealistic perspective''' to see the project via the visual field that you like.

- To delete a visual field, in the '''View''' drop down menu, click on '''Observation point''' | '''Initial'''

- To save your visual fields, go to '''View''' | '''Observation point''' | '''save observer'''

<br/><br/>
<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Positioning the observer|Next step]]</span>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

Using the secondary window

2024-08-08T12:19:21Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Using the secondary window</h1>

As well as the main window, InSitu can open a second window which always contains a perspective view of teh current scene.

To open it, go to '''View | Secondary window'''

You can then work in top view or elevation view, all while seeing the scene get built in perspective.

<div align="center">
<p class="cadreimg img-full">
[[Image:Fenetresecondaire_FR.png|link=]]
</p>
<br/>
</div>

If you have two screens connected to your graphics card, you can display the main window on one screen and the secondary window on the other screen.

The screen displaying the secondary window (always the perspective) can also be shown to clients. You can then make changes that they won't see.

</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Placing a visual field|Next step]]</span>

Walk through mode

2024-08-08T12:12:51Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Walk through mode</h1>

'''<big>Walk through view</big>'''

This view lets you walk through the finished scene in full screen. Real time movement mode within the scene.

Movement in the room can be done thanks to

- the arrows on the keyboard<br/>
- the right mouse button (keep it pressed down + move the mouse),<br/>
- the following keys on the keyboard:<br/>

<div class="commentaires">
ESCAPE or CTRL + Page up = go up,
<br/>X or CTRL + Page down = go down,
<br/>S or CTRL + left arrow = move to the left,
<br/>D or CTRL + right arrow = move to the right.
</div>

Clicking on the + button allows you to move faster when in visit mode, while clicking on - allows you to move slower.

'''<big>Saved walkthrough view</big>'''

- You can save your walkthrough all while moving in real time in the scene. This is saved as a text file (.TXT) and is only useable in InSitu.

- This walkthrough can also be saved as video (.AVI), which is then easy to show in Windows Media Player or VLC. To save a walk through, choose the drop down menu "Scene", then "Saved walk though" and "New".

<br/><br/>
<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Using the secondary window|Next step]]</span>


</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

360 Panorama

2024-08-08T12:09:08Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">


<tr>
<td width="80%">

<h1 class="title_page">360 Panorama</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=oFgwA_9FwNo&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=5
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

The 360° panorama is fantastic tool for helping with both sales and communication. It generates a 360° 3D panorama of your room.
This panorama can be displayed on a computer, a tablet or a mobile phone and can be very easily sent by email to the final customer.

<strong>[http://www.myinsitu.com/Pano.htm?panoDir=/KDPanos/pano_0_org Voir un exemple de panorama 360]</strong>

<strong>[https://panoramas.b-cdn.net/Viewer1/pano.htm?panoDir=/panoramas/895790705-1668070656 Voir un exemple de Panorama 360° multi vues]</strong>

As you can see, it allows you to visualise the entirety of the project while being able to change the point of view thanks to the dots.

When you have finished your project, make sure that you save your [[Placing a visual field|visual frields]].

You can also generate 360° panoramas without visual fields. In that case, the panroama is generated from the middle of the room or the view at the time.

Go to the "file" drop down menu and then choose "Post 360° Panorama".

<div align="center">
<p class="cadreimg">
[[Image:Panorama360_ENG.png]]
</p></div>

Two different resolutions are available:
Medium resolution (1024 pixels)
High resolution (2048 pixels)

Careful, the high resolution will take longer to generate. Also be aware that the calculations use your computer's processing power, which means it's an important factor to take into account...

Once you have chosen the resolution you want, you can choose the number of points of view from which you want the panorama to be generated.
Once again, the more points of view chosen, the longer the panorama will take to generate. These points of views, in other words, the visual fields that were saved previously, will then become the dots that let you change your point of view.

<div align="center">
<p class="cadreimg">
[[Image:Panorama360B_ENG.png]]
</p></div>

You can also choose the real time photorealistic quality to generate a 360 much quicker but of lower quality.

When it has finished, the software will open the panorama on an Internet page.
You can copy and paste the link and then send it to your client via email.

<p style="border:solid 1px #ea560d;border-radius:5px;background-color:#f6f6f6;padding:10px"> To easily find your links, we suggest creating an excel or similar file and pasting the various links you have generated. It will be much easier to sort through them. </p>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Walk through mode|Next step]]</span>

Virtual reality view

2024-08-08T12:08:00Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Virtual reality view</h1>

With an Oculus Rift® or HTC Vive® headset, then InSitu VR allows your client to visualise the entire project in virtual reality. The user can move freely throughout the space, moving forward, backwards, turning 360°, crouching down and looking up. Their movements are automatically detected by the headset.

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=YcXAQZGuvp0&feature=youtu.be
</youtube>
<br>Watch the video tutorial
</p></div>
<br/>

'''<big>How it works</big>'''

Once the headset is connected and set-up, launch the view created for VR by clicking on View > Virtual reality or via the icon [[Image:IconeVR.JPG|link=]]

<div align="center">
<p class="cadreimg">
[[Image:RealitéVirtuelle_ENG.png|link=]]
</p></div>

The 3D view is then transferred to the headset, allowing its user free to virtually stroll through the development project.

La réalité virtuelle est interactive, il est possible d’ouvrir les portes et les tiroirs quand on se promène dans le projet (non disponible pour l’ensemble des catalogues - en cours de déploiement). The virtual reality is interactive, meaning that it is possible to open doors and drawers while walking through the project (not available for the entirety of the catalogues - still in the process of being rolled out)

<div align="center">
<p class="cadreimg img-full">
[[Image:RealitéVirtuelle2_FR.png|link=]]
</p>
<br/>
</div>

<div align="center">
<p class="cadreimg img-full">
[[Image:RealitéVirtuelle3_FR.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[360 Panorama|Next step]]</span>

Virtual reality view

2024-08-08T12:07:03Z

Jérémie:

Virtual reality view

2024-08-08T12:06:03Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Virtual reality view/h1>

With an Oculus Rift® or HTC Vive® headset, then InSitu VR allows your client to visualise the entire project in virtual reality. The user can move freely throughout the space, moving forward, backwards, turning 360°, crouching down and looking up. Their movements are automatically detected by the headset.

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=YcXAQZGuvp0&feature=youtu.be
</youtube>
<br>Watch the video tutorial
</p></div>
<br/>

'''<big>How it works</big>'''

Once the headset is connected and set-up, launch the view created for VR by clicking on View > Virtual reality or via the icon [[Image:IconeVR.JPG|link=]]

<div align="center">
<p class="cadreimg">
[[Image:RealitéVirtuelle_ENG.png|link=]]
</p></div>

The 3D view is then transferred to the headset, allowing its user free to virtually stroll through the development project.

La réalité virtuelle est interactive, il est possible d’ouvrir les portes et les tiroirs quand on se promène dans le projet (non disponible pour l’ensemble des catalogues - en cours de déploiement). The virtual reality is interactive, meaning that it is possible to open doors and drawers while walking through the project (not available for the entirety of the catalogues - still in the process of being rolled out)

<div align="center">
<p class="cadreimg img-full">
[[Image:RealitéVirtuelle2_FR.png|link=]]
</p>
<br/>
</div>

<div align="center">
<p class="cadreimg img-full">
[[Image:RealitéVirtuelle3_FR.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[360 Panorama|Next step]]</span>

Final photorealistic perspective

2024-08-08T12:03:43Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Top view</h1>

[[Image:LogoInfo.png|link=]] <strong>Important</strong>
<br/>
Visualisation problems? If you wish to hide a bothersome wall or, do the opposite and disable this option, go to the <strong>[[Setting up graphic options|Setting up graphic options]]</strong>

The Final photorealistic perspective is a "high quality" view. The materials stand out and their specificities become clear (the reliefs, the shine, the reflection, ...)

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuephotoreelfinal_FR.png|link=]]
</p>
<br/>
</div>

Pick '''View''' | '''Final photorealistic perspective'''

The image is produced after successive calculations of iterations that converge towards the optimal quality.
By default, the calculation stops after its sixteenth iteration. Then, a dialog box will appear, allowing you to play with the sliders and alter the intensity, the contrast, the colour, the temperature and the luminous halo.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal2_ENG.png|link=]]
</p></div>

If you no longer want this dialog box to appear, simply go to '''View''' | '''Tone mapping''' and tick the '''Do not show this dialog box after each image'''.

To come back on the calculation of an iteration, all you need to do is press on the F2 key. The software will then perform calculations for an infinite number of iterations. You will need to end these calculations by pressing on the ESCAPE key.

It is worth noting that you can change the default number of iterations via the '''Scene''' drop down menu, then '''Photorealism'''. In the '''Final photorealism''' tab, the number of iterations will be displayed, which you can change. If you want this change to apply every time, remember to press the '''By default''' button.

[[Fichier:LogoInfo.png|link=]] If you wish to change the number of iterations, go to '''Scene | Photorealism''' and then to the '''Final photorealism''' tab and change the number of iterations from 16 to whatever you prefer.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal3_ENG.png|link=]]
</p></div>

'''<big>The temperature</big>'''

This allows you to set the scene's colour ambiance.
The further the slider is to the left, the more cold, blue-dominated tones the scene will have.
The further the slider is to the right, the more warm, yellow-dominated tones the scene will have.

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuephotoreelfinal4_ENG.png|link=]]
<br/>
[[Image:Vuephotoreelfinal5_ENG.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Virtual reality view|Next step]]</span>

Real time photorealistic perspective

2024-08-08T09:03:00Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Real time photorealistic perspective</h1>

[[Image:LogoInfo.png|link=]] <strong>Important</strong>
<br/>
Visualisation problems? If you wish to hide a bothersome wall or, do the opposite and disable this option, go to the <strong>[[Setting up graphic options|Setting up graphic options]]</strong>

This view is almost equivalent to a "photo" type quality all while allowing you to move in the scene in real time. This view provides an overview of the textures displayed on screen. You will therefore be able to distinguish the different materials used in the room.

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuephotoreel_FR.png|link=]]
</p>
<br/>
</div>

To access it, simply click on the icon [[Image:Vuephotoreel2_FR.png|link=]] or via the '''View''' drop down menu in InSitu.

This view is based on the DirectX11 technology and is offered by default in InSitu.

Real-time photorealistic performance in the DirectX11 mode depends on your hardware set-up(graphics card).

'''<big>Changing the default technology by going from DirectX9 to DirectX11</big>'''

Drop down menu '''Setup''' | '''Graphic''' | '''Options''' ...

<div align="center">
<p class="cadreimg">
[[Image:Directx_ENG.png|link=]]
</p></div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Final photorealistic perspective|Next step]]</span>

Realistic drawing perspective

2024-08-07T14:09:56Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Realistic drawing perspective</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=LF2xbWoM6Gw&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=7
</youtube>
<br>Voir le tutoriel vidéo
</p></div>
InSitu allows you to produce images that resemble handmade drawings.

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuerendudessin_FR.png|link=]]
</p>
<br/>
</div>

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuerendudessin2_FR.png|link=]]
</p>
<br/>
</div>

'''<big>Displaying the rendering of the hand-drawn view in the real-time photorealistic perspective</big>'''

Go to '''Scene | Photorealism''' and then to '''Realtime photorealism''' and tick the '''Edges''' box. You can use the '''contraste''' slider to highlight lines to the extent that you wish and you can play with the '''jag''' slider to give your lines a more 'sketched' look.

If you would like a black and white rendering, tick the '''Monochrome''' box.

Once you are happy with how you've set everything up, launch the '''Realtime photorealistic perspective'''.

<div align="center">
<p class="cadreimg">
[[Image:Vuerendudessin3_ENG.png|link=]]
</p></div>

'''<big>Displaying the rendering of the hand-drawn view in the final photorealistic perspective </big>'''

First, go to '''Scene | Photorealism''', then '''Final photorealism'''. Once again, tick the '''Edges''' and '''Monochrome''' boxes depending on how you would like the final rendering to look.

Finally, launch the '''Final photorealistic perspective'''

<div align="center">
<p class="cadreimg">
[[Image:Vuerendudessin4_ENG.png|link=]]
</p></div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Real time photorealistic perspective|Next step]]</span>

Realistic drawing perspective

2024-08-07T14:06:46Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Realistic drawing perspective</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=LF2xbWoM6Gw&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=7
</youtube>
<br>Voir le tutoriel vidéo
</p></div>
InSitu permet de produire des images qui ressemblent à des dessins faits à la main.

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuerendudessin_FR.png|link=]]
</p>
<br/>
</div>

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuerendudessin2_FR.png|link=]]
</p>
<br/>
</div>

'''<big>Displaying the rendering of the hand-drawn view in the real-time photorealistic perspective</big>'''

Go to '''Scene | Photorealism''' and then to '''Realtime photorealism''' and tick the '''Edges''' box. You can use the '''contraste''' slider to highlight lines to the extent that you wish and you can play with the '''jag''' slider to give your lines a more 'sketched' look.

If you would like a black and white rendering, tick the '''Monochrome''' box.

Once you are happy with how you've set everything up, launch the '''Realtime photorealistic perspective'''.

<div align="center">
<p class="cadreimg">
[[Image:Vuerendudessin3_ENG.png|link=]]
</p></div>

'''<big>Displaying the rendering of the hand-drawn view in the final photorealistic perspective </big>'''

First, go to '''Scene | Photorealism''', then '''Final photorealism'''. Once again, tick the '''Edges''' and '''Monochrome''' boxes depending on how you would like the final rendering to look.

Finally, launch the '''Final photorealistic perspective'''

<div align="center">
<p class="cadreimg">
[[Image:Vuerendudessin4_ENG.png|link=]]
</p></div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Real time photorealistic perspective|Next step]]</span>

Perspective views

2024-08-07T13:25:38Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Perspective views</h1>

[[Image:LogoInfo.png|link=]] <strong>Important</strong>
<br/>
Visualisation problems? If you wish to hide a bothersome wall or, do the opposite and disable this option, go to the <strong>[[Setting up graphic options|Setting up graphic options]]</strong>

'''<big>Wireframe drawing perspective</big>'''

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuepersepective_FR.png|link=]]
</p>
<br/>
</div>

The wireframe drawing perspective is a 3D view that allows you to visualise the outlines and the fronts of the elements placed in the scene.

'''<big>Hidden faces drawing perspective</big>'''

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuepersepective2_FR.png|link=]]
</p>
<br/>
</div>

The hidden faces drawing perspective is a 3D view that shows the outline of each element without being transparent. Therefore, you can see the outside of the elements and their fronts but not the inner fittings.

'''<big>Realistic drawing perspective</big>'''

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuepersepective3_FR.png|link=]]
</p>
<br/>
</div>

The realistic drawing perspective is a 3D view with defined colours in teh finishes of teh walls, the furniture... It gives you a 3D overview of the final result.

[[Image:LogoInfo.png|link=]] When you place an object from the "Virtual reality" perspective, look on the mark on the ground to place the element in the right position.

'''<big>How to change the point of view? </big>'''

The point of the view of the perspective can be changed with the help of the scrollbars located to the right and to the bottom of the drawing. The horizontal scrollbar at the bottom of the drawing allows you to turn around the scene. (Fig.6g) The vertical scrollbar located to the right of the drawing allow you to access bird's eye views. (Fig.6h)

<div align="center">
<p class="cadreimg">
[[Image:Barredefilement.jpg|link=]]
</p></div>

[[Image:LogoInfo.png|link=]] There is a second vertical scrollbar located above the previously mentioned one. Like with a camera, it adjusts the focal length of the perceived object. Unless you know how to use it, it's better to not use that scrollbar.

'''<big>To slightly rotate the point of view</big>'''

Click on one of the two arrows at the ends of the scrollbar.

'''<big>To considerably rotate the point of view</big>'''

Click in the empty areas between the scrollbar's arrows and the slider.

'''<big>To dynamically adjust the point of view</big>'''

1 - Bring to mouse cursor to the scrollbar.

2 - Left click on the mouse and keep it pressed down.

3 - Gently slide the slider along the scrollbar and see how the point of view changes.

4 - Release the left mouse button when you are satisfied with the new point of view.

The perspective view instantly appears on screen.



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Realistic drawing perspective|Next step]]</span>

Perspective views

2024-08-07T13:21:12Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Perspective views</h1>

[[Image:LogoInfo.png|link=]] <strong>Important</strong>
<br/>
Visualisation problems? If you wish to hide a bothersome wall or, do the opposite and disable this option, go to the <strong>[[Configurer les options graphiques|Setting up graphic options]]</strong>

'''<big>Wireframe drawing perspective</big>'''

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuepersepective_FR.png|link=]]
</p>
<br/>
</div>

The wireframe drawing perspective is a 3D view that allows you to visualise the outlines and the fronts of the elements placed in the scene.

'''<big>Hidden faces drawing perspective</big>'''

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuepersepective2_FR.png|link=]]
</p>
<br/>
</div>

The hidden faces drawing perspective is a 3D view that shows the outline of each element without being transparent. Therefore, you can see the outside of the elements and their fronts but not the inner fittings.

'''<big>Realistic drawing perspective</big>'''

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuepersepective3_FR.png|link=]]
</p>
<br/>
</div>

The realistic drawing perspective is a 3D view with defined colours in teh finishes of teh walls, the furniture... It gives you a 3D overview of the final result.

[[Image:LogoInfo.png|link=]] When you place an object from the "Virtual reality" perspective, look on the mark on the ground to place the element in the right position.

'''<big>How to change the point of view? </big>'''

The point of the view of the perspective can be changed with the help of the scrollbars located to the right and to the bottom of the drawing. The horizontal scrollbar at the bottom of the drawing allows you to turn around the scene. (Fig.6g) The vertical scrollbar located to the right of the drawing allow you to access bird's eye views. (Fig.6h)

<div align="center">
<p class="cadreimg">
[[Image:Barredefilement.jpg|link=]]
</p></div>

[[Image:LogoInfo.png|link=]] There is a second vertical scrollbar located above the previously mentioned one. Like with a camera, it adjusts the focal length of the perceived object. Unless you know how to use it, it's better to not use that scrollbar.

'''<big>To slightly rotate the point of view</big>'''

Click on one of the two arrows at the ends of the scrollbar.

'''<big>To considerably rotate the point of view</big>'''

Click in the empty areas between the scrollbar's arrows and the slider.

'''<big>To dynamically adjust the point of view</big>'''

1 - Bring to mouse cursor to the scrollbar.

2 - Left click on the mouse and keep it pressed down.

3 - Gently slide the slider along the scrollbar and see how the point of view changes.

4 - Release the left mouse button when you are satisfied with the new point of view.

The perspective view instantly appears on screen.



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Realistic drawing perspective|Next step]]</span>

Elevation views

2024-08-07T13:17:19Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Elevation views</h1>

To enter an elevation perspective, no matter which one, you must <B>select the wall</b> affected by the elevation.
You may also enter an elevation perspective of a wall by double clicking
the desired wall.
Likewise, if you place an elevation symbol, double clicking on the symbol will enter you into the
elevation perspective.

'''<big>The wireframe Elevation view</big>'''

<div align="center">
<p class="cadreimg">

[[Image:Vueelevation_FR.png|link=]]
</p></div>

The '''wireframe elevation''' view allows you to see the elements as if they were transparent, with only their outlines drawn.
Therefore, you can see the inside of the pieces of furniture and their various fittings.

'''<big>Realistic Elevation perspective</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Vueelevation2_FR.png|link=]]
</p></div>

The '''realistic elevation''' view allows for the elevation of a wall while keeping the colours and textures of the elements that have already been placed. The furniture will keep the same front and you cannot see inside the furniture. This view is particularly used for vertical elements such as credenzas.

[[Image:LogoInfo.png|link=]] When you do not have a wall to use for an elevation, you must place a <b>[[Placing text, arrows, symbols|elevation symbol]]</b>.

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Perspective views|Next step]]</span>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

Top view

2024-08-07T13:12:40Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

<h1 class="title_page">Top view</h1>

The top view allows you to see the plan of the scene.

<div align="center">
<p class="cadreimg">
[[Image:Vuedessus.JPG|link=]]
</p></div>

Top view is one of the views that you will use the most. Building walls, placing constraints, positionning your furniture and decorations, adding your floors and ceilings, you will mostly perform these tasks in top view.

Each element placed in the scene will have a number on them. This number refers to the order that the elements were placed. They are also called marks. You have the option of changing some attributes by going to '''Scene | Mark...'''.

<div align="center">
<p class="cadreimg">
[[Image:Marquage_ENG.png|link=]]
</p></div>

[[Image:1orange.png|left|link=]] The type: no mark, the order numbers (by default), the catalogue references, the user references (can be changed in the attributes of the object).
<br/>
[[Image:2orange.png|left|link=]] The style: the size of the characters, the colour and the background colour.
<br/>
[[Image:3orange.png|left|link=]] The orientation: allows the text to always be horizontal, always vertical or to follow the orientation of the object (by default).

'''Drawing mode'''

After selecting an object, you have the option of modifying its '''Drawing mode'''. To do so:

1 - Select an object

2 - Click on the '''Selection''' drop down menu and then on '''Drawing mode'''. A dialog box will appear.

<div align="center">
<p class="cadreimg">
[[Image:Modedessin_ENG.png|link=]]
</p></div>

3 - Change, as needed, the various information contained in the dialog box:
<br>- the filling-in style
<br>- the style or thickness of the lines
<br>- the colour
<br>- the attenuation



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Elevation views|Next step]]</span>

Creating a palette of textures

2024-08-07T07:46:37Z

Jérémie:

<table width="100%">

<tr>
<td width="79%">

<h1 class="title_page">Creating a palette of textures</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=iljgSQeZflA&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=6
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

You can create your own texture palette. This table of textures allows you to define all the colours (with or without material effects). You can link coefficients and images to textures so that you can better control characteristics like the level of transparency, of reflection and more when in the "photorealism" mode.

To create your own texture palette, go to the '''Setup''' drop down menu and click on '''Graphic | Palette''' ..., (Fig.38a)

<div align="center">
<p class="cadreimg">
[[Image:Palette.jpg|link=]]
</p></div>

'''<big>Texture display principles</big>'''

The textures are displayed on a volume per paving, which means that the texture that you create will recreate itself as many times as possible in the available space (width, depth and height) like when tiles are placed.

<div align="center">
<p class="cadreimg">
[[Image:Pavage.jpg|link=]]
</p></div>

'''<big>Definition of the general information</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Palette1.jpg|link=]]
</p></div>

<strong>Code Section</strong>

Each texture needs a code. This code must be unique and cannot exceed eight characters. In the textures table, the code is not necessarily the same as the colour's commercial code.

<strong>Name Section</strong>

This refers to the material's name. For example: Matt white melamine

<strong>Colour Section</strong>

This is the colour that will appear in all the generic finishes, objects and attributes windows in InSitu. To set the colour, click twice on the cell. A Colour dialog box will appear on screen.

<strong>File Section (JPG ou BMP)</strong>

By double clicking this section, you will give access to the material's file. For example: Exoticwood1.Jpg.

<b><u>Important</u></b>: this jpg or bmp file must imperatively be placed beforehand in the "InSitu\Textures" folder.

<b>Width and Height section</b>

They correspond to the height in millimetres that the texture will be displayed in. For example, if your "Exoticwood1.Jpg" file represents a 600 mm wide and 1200 mm high sample of wood, those are the measurements you should enter.

<b>Tinted Section</b>

This box allows you to convert the jpg or bmp file into black and white, and you can then tint it to the colour of your choice.
<ul>
<li>For the InSitu palette: this allows you to change the colour of the texture on the object. Right click, Attributes and then change the colour.</li>
<li>For a Mobiscript catalogue: this allows you to manage several colours from just one jpg file. For example: with an Oak.jpg file, you have access to wood finishes lacquered oak lacquered green, red, blue, etc.</li>
</ul>

<b>Modulated Section</b>

When a .jpg or .bmp file is too light or dark, this can lead to a loss of detail in InSitu. By ticking the "Modulated" box, the engine that creates the computer-generated image will make calculations differently from the file and will find the detail that consists of adding or removing contrast (available for textures that are nearly black and white).

<b>Incorporated Section</b>

If you tick this box, the jpg or bmp file will be integrated directly to the catalogue or the palette. This will notably allow you to copy the catalogue and/or the palette without also needing to copy the textures that are associated to it (contained in the InSitu texture folder), since they are then already contained in the catalogue and/or palette.

'''<big>The Emission</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Emission1.jpg|link=]]
</p></div>

The Emission Section allows you to simulate an illuminating surface. It is only visible as a final computer-generated image.

Here is an example of an illumination image in final photorealism perspective with a coefficient of:

<div align="center">
<p class="cadreimg">
[[Image:Emission2.jpg|link=]]
</p></div>

The higher the coefficient is, the more illuminating the image will be.

If you add a colour via the Colour section, the emission will be coloured too.

<div align="center">
<p class="cadreimg">
[[Image:Emission3.jpg|link=]]
</p></div>

'''<big>The specular</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Speculaire1.jpg|link=]]
</p></div>

The sections to do with the Specular allow you to vary the impact of light on the created texture when light is being shone on it. Generally, the smoother the surface of an object is, the more you need to increase teh Specular value.

<b>Specular Texture Section</b>

Putting a jpg file in the Specular texture section will allow you to specify to the engine that generates images precise locations so that it can calculate reflection and brightness.

This file must be interpreted in black and white. Black will be less bright and/or less reflective. The white would be very reflective and/or very bright.

An example of a jpg file to use in the Specular texture section:

<div align="center">
<p class="cadreimg">
[[Image:Speculaire2.jpg|link=]]
</p></div>

<b><u>Important</u></b>: This jpg file must imperatively be placed beforehand in the "InSitu\Textures" folder.

<b>Width Section</b>

This is the measurement of the width in mm of the specular texture that will appear on the object in InSitu.

<b>Height Section</b>

This is the measurement of the height in mm of the specular texture that will appear on the object in InSitu.

<b>Specular Coefficient Section</b>

This is a coefficient that goes from 0,00 to 1,00 that allows you to change the impact of light on the material when the material is lit up.

For a matt lacquer, the coefficient will be between 0,10 and 0,20.

For a satin lacquer, it will be between 0,20 and 0,40.

For a glossy lacquer, it will be between 0,40 and 0,80.

An example of a final image with these settings:

<div align="center">
<p class="cadreimg">
[[Image:Speculaire3.jpg|link=]]
</p></div>

<b>The specular needs to be set up with regard to the brightness, reflection, metal coefficient and Fresnel coefficient settings.</b>

Brightness and reflection often work in conjunction of one another.

<div align="center">
<p class="cadreimg">
[[Image:Tableau.jpg|link=]]
</p></div>

<b>Metal coefficient Section</b>

It allows objects reflected in the created texture to inherit some of its colour.

The higher the metal coefficient is, the more the reflection will be tinted.

<div align="center">
<p class="cadreimg">
[[Image:Metal.jpg|link=]]
</p></div>

<b>Fresnel coefficient Section</b>

Some materials are more or less reflective, depending on the viewing angle and the angle of the light.

For example, the surface of the water with a grazing light will reflect the sky if we look at it from afar. However, the same water will reflect the sky a lot less if we look at it with our feet in the water.

<u>With a 1,00 Fresnel coefficient</u>: the object will reflect light in every direction. The coefficient needs to be applied for: Mirror, Chrome....

<u>With a Fresnel coefficient approaching 0</u>: the object will only reflect light under certain conditions such as the viewing angle, the angle of the light impacting the object. For example, water and glass have a coefficient of 0,05. Metals have a coefficient between 0,3 and 0,5.

'''<big>Transparency</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Transparence.jpg|link=]]
</p></div>

<b>Transparency Texture Section</b>

Putting a jpg file in the Transparency Texture section will allow you to vary the opaqueness of the transparency.

This file must be a certain level of grey as in this file, black would be transparent, white would be opaque and grey would be more or less semi-opaque (varies if it's light or dark).

Example of a jpg file to use in the Transparency Texture section:

<div align="center">
<p class="cadreimg">
[[Image:Speculaire2.jpg|link=]]
</p></div>

<b><u>Important</u></b>: this jpg file must imperatively be placed beforehand in the "InSitu\Textures" folder.

Example of a final image with this transparency file. As mentioned above, black is transparent, white is opaque and grey is more or less semi-opaque.

<div align="center">
<p class="cadreimg">
[[Image:Transparence2.jpg|link=]]
</p></div>

<b>Width Section</b>

This is the measurement of the width in mms in which the transparency texture will be displayed on the object in InSitu.

<b>Height Section</b>

This is the measurement of the height in mms in which the transparency texture will be displayed on the object in InSitu.

<b>Transparency Section</b>

This is a coefficient between 0,00 and 1,00 that alters the transparency.

The higher the coefficient is, the more transparenct it will become.

<div align="center">
<p class="cadreimg">
[[Image:Transparence3.jpg|link=]]
</p></div>

<b>Transparency Blur section</b>

This is a coefficient ranging from 0,00 to 1,00 that alters how clear objects behind a transparent texture appear.

In this example, a black cube was placed behind an object with a transparency texture with a transparency coefficient of 0,50.

<div align="center">
<p class="cadreimg">
[[Image:Transparence4.jpg|link=]]
</p></div>

<b><u>Important</u></b>: the higher the transparency coefficient is, the smaller the impact of the transparency blur coefficient will be on the texture.

<b>Refraction Section</b>

Every transparent material deviated the view of objects, as shown in the photo below. A spoon dipped in a glass will be deviated by the refraction of the water and of the glass.

<div align="center">
<p class="cadreimg">
[[Image:Verre.jpg|link=]]
</p></div>

The refraction index can be set between 1,00 and 3,00.

Index set at 1,00 = minimum refraction.

Index set at 3,00 = maximum refraction

For example, here is a table of the index for a few materials:

<div align="center">
<p class="cadreimg">
[[Image:Tableau2.jpg|link=]]
</p></div>

'''<big>Le bump</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Bump1.jpg|link=]]
</p></div>

<b>Bump Texture Section</b>

Putting in a jpg file into the Bump Texture section will allow you to alter the relief of the texture. This jpg file must be interpreted in black and white.

Example of a file used for the bump:

<div align="center">
<p class="cadreimg">
[[Image:Bump2.jpg|link=]]
</p></div>

<b><u>Important</u></b>: this jpg file must imperatively be placed beforehand into the "InSitu\Textures" folder.

<b>Width Section</b>

This is the measurement of the width in mms in which the bump texture will be displayed on the object in InSitu.

<b>Height Section</b>

This is the measurement of the height in mms in which the bump texture will be displayed on the object in InSitu.

<b>Bump Section</b>

The bump coefficient can range from 0,00 to 1,00. The higher it is, the more pronounced the relief will be.

Result with a 1,00 bump coefficient:

<div align="center">
<p class="cadreimg">
[[Image:Bump3.jpg|link=]]
</p></div>

'''<big>Check boxes</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Cases1.jpg|link=]]
</p></div>

<b>Random Box</b>

This box allows to offset the paving grid from the texture.

This can be useful when a motif always repeats itself in the same place (on the faces of kitchen furniture or on tiles for example).

<div align="center">
<p class="cadreimg">
[[Image:Cases2.jpg|link=]]
</p></div>

<b>Rot90 (=90 rotation) Box</b>

This box allows you to rotate the jpg or bmp file 90° from the texture integrated in the File section. Therefore, from only one wood type texture file, you can generate a version with a horizontal wire and another with a vertical wire. All you need to do is copy the created texture and tick the Rot90 box for one of the two.

<b>Gamma Box</b>

When this box is ticked, it allows the texture to be impacted by the gamma correction of the engine of the computer-generated images of InSitu.

The gamma correction allows for more realistic results. It corresponds to the definition of the shadows and lights on the surfaces as well as the brightness and the contrast on 3D volumes.

<div align="center">
<p class="cadreimg">
[[Image:Gamma.jpg|link=]]
</p></div>



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Placing a background panorama|Next step]]</span>

Placing tiling on the floor

2024-08-07T07:37:36Z

Jérémie:

<table width="100%">

<tr>
<td width="79%">

<h1 class="title_page">Placing tiling on the floor</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=mbBIjAQ-0PA&list=PL7MrU2icgiqFa5_zPfdNVclL0x8F69hgP&index=9
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

To place tiling on the floor and be in control of the height of the tiles, the colour of the joints or the positioning of the tiling, we recommend the following method.

Firstly, draw the shape of the room that you want to tile: To do so, select a wall and right click on it, then press Shape. If you don't want to tile the whole room, draw the shape manually.

Next, choose the tiling that you want via the @non priced tiling catalogue. If the tiles are "To colour", then you can choose the colour that you like later on. You can also mody teh dimensions of the tiles before placing them.

Then, slide the tiles onto the drawn shape. Careful, wherever you drop the tiles will be the starting point for the tile placement, meaning that the other tiles will be placed around that spot. For a diagonal placement, rotate the first tile with a right mouse click before dropping.

To change the joints' and tiles' colour, simply select a tile, right click on it and click on Attributes...

<div align="center">
<p class="cadreimg">
[[Image:Posecarrelage_ENG.png|link=]]
</p></div>

In the "style" section, the first colour corresponds to the joint and the second to the tile. Before confirming, don't forget to paste the style to "All" so that your choices for that tiles apply to all the other tiles in the scene.



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Placing wall tiling|Next step]]</span>

Placing a background panorama

2024-08-06T13:06:04Z

Jérémie:

<table width="100%">
<tr>
<td width="79%" valign="top">

<h1 class="title_page">Placing a background panorama</h1>

This new feature, available with version 9 of InSitu, is accessible through the '''Scene''' drop down menu. It allows you to import a
panorama that is displayed 360° behind the openings of the scene in 3D view. All you'll have left to do is managing the adding of images behind each window.

<div align="center">
<p class="cadreimg">
[[Image:Panorama_FR.png|link=]]
</p>
<br/>
</div>

1.To use the feature, you must save your image (in the jpeg format) beforehand, on a hard drive folder, on C :INSITU/TEXTURES/'''BACKGROUND'''

2.Then, click on the '''Scenes''' menu and then on '''Background panorama'''

<div align="center">
<p class="cadreimg">
[[Image:Panorama2_ENG.png|link=]]
</p>
<br/>
</div>

3.A new window will appear, click on the icon that looks ike a yellow folder, then select the image you want to insert in your background panorama.

<div align="center">
<p class="cadreimg">
[[Image:Panorama3_ENG.png|link=]]
</p>
<br/>
</div>

Now let's go through the different settings you have at your disposal (these must be set up in 3D view).

[[Image:Panorama4_ENG.png|left|link=]]

'''1''' - This slider allows you to manage the intensity of the image. This is very useful for when the saved image is too bright or not bright enough.

'''2''' - This slider allows you to manage the horizontal positioning of the image depending on the openings of the room.

'''3''' - This slider allows you to manage the vertical positioning of the image depending on the openings of the room.

'''4''' - This slider allows you to manage the distance from the image.



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[3D Object Creation Wizard (Applicat)|Next step]]</span>

Placing tiling on the floor

2024-08-06T12:43:55Z

Jérémie:

Creating a palette of textures

2024-08-06T12:41:40Z

Jérémie:

<table width="100%">

<tr>
<td width="79%">

<h1 class="title_page">Creating a palette of textures</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=iljgSQeZflA&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=6
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

You can create your own texture palette. This table of textures allows you to define all the colours (with or without material effects). You can link coefficients and images to textures so that you can better control characteristics like the level of transparency, of reflection and more when in the "photorealism" mode.

To create your own texture palette, go to the '''Setup''' drop down menu and click on '''Graphic | Palette''' ..., (Fig.38a)

<div align="center">
<p class="cadreimg">
[[Image:Palette.jpg|link=]]
</p></div>

'''<big>Texture display principles</big>'''

The textures are displayed on a volume per paving, which means that the texture that you create will recreate itself as many times as possible in the available space (width, depth and height) like when tiles are placed.

<div align="center">
<p class="cadreimg">
[[Image:Pavage.jpg|link=]]
</p></div>

'''<big>Definition of the general information</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Palette1.jpg|link=]]
</p></div>

<strong>Code Section</strong>

Each texture needs a code. This code must be unique and cannot exceed eight characters. In the textures table, the code is not necessarily the same as the colour's commercial code.

<strong>Name Section</strong>

This refers to the material's name. For example: Matt white melamine

<strong>Colour Section</strong>

This is the colour that will appear in all the generic finishes, objects and attributes windows in InSitu. To set the colour, click twice on the cell. A Colour dialog box will appear on screen.

<strong>File Section (JPG ou BMP)</strong>

By double clicking this section, you will give access to the material's file. For example: Exoticwood1.Jpg.

<b><u>Important</u></b>: this jpg or bmp file must imperatively be placed beforehand in the "InSitu\Textures" folder.

<b>Width and Height section</b>

They correspond to the height in millimetres that the texture will be displayed in. For example, if your "Exoticwood1.Jpg" file represents a 600 mm wide and 1200 mm high sample of wood, those are the measurements you should enter.

<b>Tinted Section</b>

This box allows you to convert the jpg or bmp file into black and white, and you can then tint it to the colour of your choice.
<ul>
<li>For the InSitu palette: this allows you to change the colour of the texture on the object. Right click, Attributes and then change the colour.</li>
<li>For a Mobiscript catalogue: this allows you to manage several colours from just one jpg file. For example: with an Oak.jpg file, you have access to wood finishes lacquered oak lacquered green, red, blue, etc.</li>
</ul>

<b>Modulated Section</b>

When a .jpg or .bmp file is too light or dark, this can lead to a loss of detail in InSitu. By ticking the "Modulated" box, the engine that creates the computer-generated image will make calculations differently from the file and will find the detail that consists of adding or removing contrast (available for textures that are nearly black and white).

<b>Incorporated Section</b>

If you tick this box, the jpg or bmp file will be integrated directly to the catalogue or the palette. This will notably allow you to copy the catalogue and/or the palette without also needing to copy the textures that are associated to it (contained in the InSitu texture folder), since they are then already contained in the catalogue and/or palette.

'''<big>The Emission</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Emission1.jpg|link=]]
</p></div>

The Emission Section allows you to simulate an illuminating surface. It is only visible as a final computer-generated image.

Here is an example of an illumination image in final photorealism perspective with a coefficient of:

<div align="center">
<p class="cadreimg">
[[Image:Emission2.jpg|link=]]
</p></div>

The higher the coefficient is, the more illuminating the image will be.

If you add a colour via the Colour section, the emission will be coloured too.

<div align="center">
<p class="cadreimg">
[[Image:Emission3.jpg|link=]]
</p></div>

'''<big>The specular</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Speculaire1.jpg|link=]]
</p></div>

The sections to do with the Specular allow you to vary the impact of light on the created texture when light is being shone on it. Generally, the smoother the surface of an object is, the more you need to increase teh Specular value.

<b>Specular Texture Section</b>

Putting a jpg file in the Specular texture section will allow you to specify to the engine that generates images precise locations so that it can calculate reflection and brightness.

This file must be interpreted in black and white. Black will be less bright and/or less reflective. The white would be very reflective and/or very bright.

An example of a jpg file to use in the Specular texture section:

<div align="center">
<p class="cadreimg">
[[Image:Speculaire2.jpg|link=]]
</p></div>

<b><u>Important</u></b>: This jpg file must imperatively be placed beforehand in the "InSitu\Textures" folder.

<b>Width Section</b>

This is the measurement of the width in mm of the specular texture that will appear on the object in InSitu.

<b>Height Section</b>

This is the measurement of the height in mm of the specular texture that will appear on the object in InSitu.

<b>Specular Coefficient Section</b>

This is a coefficient that goes from 0,00 to 1,00 that allows you to change the impact of light on the material when the material is lit up.

For a matt lacquer, the coefficient will be between 0,10 and 0,20.

For a satin lacquer, it will be between 0,20 and 0,40.

For a glossy lacquer, it will be between 0,40 and 0,80.

An example of a final image with these settings:

<div align="center">
<p class="cadreimg">
[[Image:Speculaire3.jpg|link=]]
</p></div>

<b>The specular needs to be set up with regard to the brightness, reflection, metal coefficient and Fresnel coefficient settings.</b>

Brightness and reflection often work in conjunction of one another.

<div align="center">
<p class="cadreimg">
[[Image:Tableau.jpg|link=]]
</p></div>

<b>Metal coefficient Section</b>

It allows objects reflected in the created texture to inherit some of its colour.

The higher the metal coefficient is, the more the reflection will be tinted.

<div align="center">
<p class="cadreimg">
[[Image:Metal.jpg|link=]]
</p></div>

<b>Fresnel coefficient Section</b>

Some materials are more or less reflective, depending on the viewing angle and the angle of the light.

For example, the surface of the water with a grazing light will reflect the sky if we look at it from afar. However, the same water will reflect the sky a lot less if we look at it with our feet in the water.

<u>With a 1,00 Fresnel coefficient</u>: the object will reflect light in every direction. The coefficient needs to be applied for: Mirror, Chrome....

<u>With a Fresnel coefficient approaching 0</u>: the object will only reflect light under certain conditions such as the viewing angle, the angle of the light impacting the object. For example, water and glass have a coefficient of 0,05. Metals have a coefficient between 0,3 and 0,5.

'''<big>Transparency</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Transparence.jpg|link=]]
</p></div>

<b>Transparency Texture Section</b>

Putting a jpg file in the Transparency Texture section will allow you to vary the opaqueness of the transparency.

This file must be a certain level of grey as in this file, black would be transparent, white would be opaque and grey would be more or less semi-opaque (varies if it's light or dark).

Example of a jpg file to use in the Transparency Texture section:

<div align="center">
<p class="cadreimg">
[[Image:Speculaire2.jpg|link=]]
</p></div>

<b><u>Important</u></b>: this jpg file must imperatively be placed beforehand in the "InSitu\Textures" folder.

Example of a final image with this transparency file. As mentioned above, black is transparent, white is opaque and grey is more or less semi-opaque.

<div align="center">
<p class="cadreimg">
[[Image:Transparence2.jpg|link=]]
</p></div>

<b>Width Section</b>

This is the measurement of the width in mms in which the transparency texture will be displayed on the object in InSitu.

<b>Height Section</b>

This is the measurement of the height in mms in which the transparency texture will be displayed on the object in InSitu.

<b>Transparency Section</b>

This is a coefficient between 0,00 and 1,00 that alters the transparency.

The higher the coefficient is, the more transparenct it will become.

<div align="center">
<p class="cadreimg">
[[Image:Transparence3.jpg|link=]]
</p></div>

<b>Transparency Blur section</b>

This is a coefficient ranging from 0,00 to 1,00 that alters how clear objects behind a transparent texture appear.

In this example, a black cube was placed behind an object with a transparency texture with a transparency coefficient of 0,50.

<div align="center">
<p class="cadreimg">
[[Image:Transparence4.jpg|link=]]
</p></div>

<b><u>Important</u></b>: the higher the transparency coefficient is, the smaller the impact of the transparency blur coefficient will be on the texture.

<b>Refraction Section</b>

Every transparent material deviated the view of objects, as shown in the photo below. A spoon dipped in a glass will be deviated by the refraction of the water and of the glass.

<div align="center">
<p class="cadreimg">
[[Image:Verre.jpg|link=]]
</p></div>

The refraction index can be set between 1,00 and 3,00.

Index set at 1,00 = minimum refraction.

Index set at 3,00 = maximum refraction

For example, here is a table of the index for a few materials:

<div align="center">
<p class="cadreimg">
[[Image:Tableau2.jpg|link=]]
</p></div>

'''<big>Le bump</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Bump1.jpg|link=]]
</p></div>

<b>Bump Texture Section</b>

Putting in a jpg file into the Bump Texture section will allow you to alter the relief of the texture. This jpg file must be interpreted in black and white.

Example of a file used for the bump:

<div align="center">
<p class="cadreimg">
[[Image:Bump2.jpg|link=]]
</p></div>

<b><u>Important</u></b>: this jpg file must imperatively be placed beforehand into the "InSitu\Textures" folder.

<b>Width Section</b>

This is the measurement of the width in mms in which the bump texture will be displayed on the object in InSitu.

<b>Height Section</b>

This is the measurement of the height in mms in which the bump texture will be displayed on the object in InSitu.

<b>Bump Section</b>

The bump coefficient can range from 0,00 to 1,00. The higher it is, the more pronounced the relief will be.

Result with a 1,00 bump coefficient:

<div align="center">
<p class="cadreimg">
[[Image:Bump3.jpg|link=]]
</p></div>

'''<big>Les cases à cocher</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Cases1.jpg|link=]]
</p></div>

<b>Random Box</b>

This box allows to offset the paving grid from the texture.

This can be useful when a motif always repeats itself in the same place (on the faces of kitchen furniture or on tiles for example).

<div align="center">
<p class="cadreimg">
[[Image:Cases2.jpg|link=]]
</p></div>

<b>Rot90 (=90 rotation) Box</b>

This box allows you to rotate the jpg or bmp file 90° from the texture integrated in the File section. Therefore, from only one wood type texture file, you can generate a version with a horizontal wire and another with a vertical wire. All you need to do is copy the created texture and tick the Rot90 box for one of the two.

<b>Gamma Box</b>

When this box is ticked, it allows the texture to be impacted by the gamma correction of the engine of the computer-generated images of InSitu.

The gamma correction allows for more realistic results. It corresponds to the definition of the shadows and lights on the surfaces as well as the brightness and the contrast on 3D volumes.

<div align="center">
<p class="cadreimg">
[[Image:Gamma.jpg|link=]]
</p></div>



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Placing a background panorama|Next step]]</span>

Importing 2D and 3D files

2024-08-06T12:40:17Z

Jérémie:

<table width="100%">

<tr>
<td width="79%">

<h1 class="title_page">Importing 2D and 3D files</h1>

You can import different types of file formats to InSitu, namely .BMP, JPG, PNG, TIF, WMF, DXF, 3DS and ALK.
<br/>The WMF, BMP, JPG, PNG and TIF formats are for imagery.
<br/>The DFX format is in 2D or 3D.
<br/>The 3DS and ALK formats are in 3D.

'''<big>Importing Images (.JPG, .BMP, .PNG, .TIF)</big>'''

1 - Go to the '''File''' drop down menu, then click on '''Import | Image (.JPG, .BMP, .PNG, .TIF)''' (Fig.33a)

2 - In the dialog box, choose the file that you wish to import,

3 - Click on '''Open'''

4 - Another dialog box will open allowing you to choose and/or modify the width, the height, the placement height, the geometry, the options and the style, (Fig.33b)

5 - Click on the '''OK''' button.

<div align="center">
<p class="cadreimg">
[[Image:Importfichier_ENG.png|link=]]
</p></div>

<div align="center">
<p class="cadreimg">
[[Image:Importfichier2_ENG.png|link=]]
</p></div>

''Width''': width of the image.

''Height''': height of the image.

''Placement height''': the height position of the bottom of the image.

''Geometry On shape''': fills the shape with the image.

''Vertical Geometry''': the image will be in a vertical position.

''Horizontal Geometry''': the image will be in a horizontal position.

''Inclined Geometry''': you can define the image's angle.

''Width symmetry options''': the image will be turned on its width.

''Height symmetry options''': the image will be turned on its height.

''Drawn in top view''': the image will be visible in top view.

''Drawn in perspective''': the image will be visible in perspective.

''Double side''': the image is visible from both sides.

''Swivel''' : the image will always be visible from the obserer's position.

''Decor towards the top''': the image will be visible from above.

''Decor towards the bottom''': the image will be visible from below.

'''<big>Importing DXF 2D (.DXF)</big>'''

1 - In the '''File''' drop down menu, click on '''Import | DXF 2D (.DXF)'''...

2 - In the dialog box, choose the file that you want to import,

3 - Click on '''Open'''.

The file will only be visible in 2D. You can use it as a backdrop as you draw the shape above it to elevate the walls. To do so, click on the strategic points of the DFX plan without needing to measure anything (as long as the DFX is on the right scale).

'''<big>Importing 3D files (.DXF, .3DS, .ALK)</big>'''

1 - In the '''File''' drop down menu, click on '''Import | 3D file (.DXF, .3DS, .ALK)…'''

2 - In the dialog box, choose the file that you want to import

3 - Click on '''Open'''.

These files will be stuck in their original colour.
Make sure that these files are not too heavy in terms of number of faces.

ALK files are a bridge between InSitu and Obvie.



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Creating a palette of textures|Next step]]</span>

Modifying the floor's texture

2024-08-06T12:37:50Z

Jérémie:

<table width="100%">

<tr>
<td width="79%">

<h1 class="title_page">Modifying the floor's texture</h1>

You have <b>[[Placing the floor and ceiling|placed your floor]]</b> but you want to modify it so that you can add a parquet floor texture for example.
<br/>To do so, select your floor and right click, and then choose Attributes:

<div align="center">
<p class="cadreimg">
[[Image:Texturesol_ENG.png|link=]]
</p></div>

Next, click on the Modify button that can be found next to the floor's current colour.

<div align="center">
<p class="cadreimg">
[[Image:Texturesol2_ENG.png|link=]]
</p></div>

The following window will appear:

<div align="center">
<p class="cadreimg">
[[Image:Texturesol3_ENG.png|link=]]
</p></div>

Use the drop down menu below Textures to select the texture you wish to give the floor. You have the choice of parquets, carpets, tiling...
<br/>
Click on OK to confirm.

[[Image:LogoInfo.png|link=]] To add your own floor textures, you must use <b>[[Creating a palette of textures|the palette]]</b>.



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Importing 2D and 3D files|Next step]]</span>

Modifying attributes and finishes

2024-08-06T12:08:10Z

Jérémie:

<div id="top"></div>
<table width="100%">

<tr>
<td width="80%">

<h1 class="title_page">Modifying attributes and finishes</h1>

The features described below are also available with a right click of the mouse button having selected an object.

<div align="center">
<p class="cadreimg">
[[Image:Attributs_ENG.png|link=]]
</p></div>

'''<big>Modifying an object's attributes</big>'''

An object's attributes depend on the type of object. Therefore, an Attributes dialog box for a wall will be different from a dialog box for a piece of furniture or a side.
Here are the meanings of attributes which require some explanation:

1 - Select an object (inner edge),

2 - Choose "Objects | Attributes", and the "Attributes" window will appear on screen. If several objects have been selected, the window will contain the attributes of the last selected object, which is to say the reference object (the object that's flashing).

<div align="center">
<p class="cadreimg">
[[Image:Attributs2_ENG.png|link=]]
</p></div>

'''<big>Presentation of a piece of furniture's attributes</big>'''

o '''Description''' : detailed description of the object that can be modified if the authorisation has been given in the '''Setup | Pricing | Options''' dialog box.

o '''Section''' : pricing table to which the object belongs.

o '''Marked''' : specifies whether the object must have a label with a number or a reference (in top view or in elevation)

o '''Billed''' : if you untick this box, the object will not be counted in the pricing of the scene even if it has a price. This allows you tu use un object from a catalogue with priced objects simply for decoration.

o '''Details''' : specifies if the graphic details of the object must be represented in the scene; for example, the feet for furniture.

o '''To order''' : if you untick this box, the object will be included in the pricing but not in any supplier purchase orders when those are created. This can be useful if you have the object in stock.

Thanks to the attributes window, you can modify the width, the depth, the height of an object as well the sill of a '''Window''' by changing the value in millimetres in the '''Placement height, over or under''' box.

'''<big>Presentation of a wall's attributes</big>'''

o '''Start height''': height at the original end of a wall.

o '''End height''': height at the finishing end of a wall that is different from the previous height if it's a "sloping" wall.

'''<big>Changing the colour of all the walls</big>'''

The colour of a wall in persepective is an attribute. Let's see how you can modify the colour of a reference object and apply it to all the other objects.

<div align="center">
<p class="cadreimg">
[[Image:Attributs3_ENG.png|link=]]
</p></div>

Validate the '''Colour''' dialog box,

If you would like the new colour to be the default colour for all the next walls, then click on the '''By default''' located in the '''Style''' section.

Choose '''All''' in the '''Paste style''' option box to apply the new colour to all the walls in the implantation.

<div align="center">
<p class="cadreimg">
[[Image:Attributs4_ENG.png|link=]]
</p></div>

[[Image:LogoInfo.png|link=]] If you only want to change a the colour of a few walls, you first need to select them, change the wall of the last selected wall (reference object) as shown below, then choose "Selection" in the options box and "Paste style" before confirming in the '''Attributes''' dialog box.

[[Image:LogoInfo.png|link=]] Just like for the style, you can "paste thickness" of one wall to a selection of walls, to the identical walls or to all the scene's walls.

<div align="center">
<p class="cadreimg">
[[Image:Attributs5_ENG.png|link=]]
</p></div>

'''<big>Changing the texture</big>'''

By going through the attributes of an object, you can also modify the colour of an object. Click on modify to open the colour tool box.

You can also apply one of the many, many textures offered in the drop down list. The textures with a * can be coloured.

The Coeff box allows you to access the coefficients of the texture:

Emission: makes it possible for the object to emit a light source

Specular : allows you to manage how the light is reflected by the object

Brightness: allows you to manage the object's brightness level (the coefficient will be higher for lacquered elements for example)

Reflection: allows you to manage the object's level of reflection (the coefficient will be high for a mirror for example)

Fresnel: allows you to manage how an object reflects on its environment

Transparency: allows you to manage the obejct's level of transparency (the coefficient will be high for glass for example)

Transparency blur: allows you to manage the object's level of transparency blur (curtains, glass, ... will have a transparency blur coefficient

Bump: allows you to manage the object's level of bump, which is to say the relief of the object

Please note: The Rotate by 90° box allows you to rotate a texture 90°

<div align="center">
<p class="cadreimg img-full">
[[Image:Attributs6_ENG.png|link=]]
</p></div>

'''<big>Modify the finishes of an object</big>'''

So as to give your scene a realistic feel, you can change the colours of the elements. This feature is named '''Finishes''' in InSitu.
Select the element (for example a window, a chair...) and the in the '''Objects''' menu, choose the '''Components''' feature and click on '''Finishes'''. Finishes are equally accessible via '''Components | Finishes''' by right clicking with the mouse.

The following window will pop up, giving you access to the finishes and the colour of the finishes.

<div align="center">
<p class="cadreimg">
[[Image:Attributs7_ENG.png|link=]]
</p></div>

[[Image:1orange.png|left|link=]] Click on the finish you want to modify.
<br/>
[[Image:2orange.png|left|link=]] Click on the chosen colour.
<br/>
[[Image:3orange.png|left|link=]] Choose whether you want to "Paste finish" to your selection of objects, to identical objects or to all objects.



</td>

<td valign="top" width="20%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Modifying the floor's texture|Next step]]</span>

Importing 3D Warehouse objects

2024-08-06T12:04:07Z

Jérémie:

<div id="top"></div>
<table width="100%">

<tr>
<td width="80%">

<h1 class="title_page">Importing 3D Warehouse objects</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=m6RdWv_punE&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=3
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

The "3D Warehouse" is a library of 3D objects that are freely accessible through the Internet. A search engine allows you to find the desired object amongs the thousands of objects the library contains. The "3D Warehouse" contains both everyday items and architecture elements.

All you need to do is search for the desired object and click on the download button for it to automatically appear in the current scene.

Before appearing, a dialog box will allow you to input the measurements of the object, to give it various attributes (reference, description, price, etc.) and to change its colours by default.

To use the "3D Warehouse", go to '''Place''' drop down menu and then click on '''3DWarehouse object'''.

<div align="center">
<p class="cadreimg img-full">
[[Image:3Dwarehouse_ENG.png|link=]]
</p></div>

A window will then pop up allowing you to search for whatever object you like in the search bar. Enter your key word and then click on the maginifying glass.

<div align="center">
<p class="cadreimg img-full">
[[Image:3Dwarehouse2_ENG.png|link=]]
</p></div>

You then have 2 option for importing the object into InSitu:

- either by directly performing a drag and drop of the object from the 3D Warehouse window towards
InSitu in your project.

- or by clicking on the image to open it, seeing the information about the object, and then clicking the
"Download" button

<div align="center">
<p class="cadreimg img-full">
[[Image:3Dwarehouse3_ENG.png|link=]]
</p></div>

You can also download the object from your Internet browser to import it into
through the following technique:

STEP 1 - DOWNLOADING THE OBJECT

1 - Launch your web browser: Chrome, Edge or Firefox (the 3D Warehouse website no longer works
with Internet Explorer).

2 - Enter this url https://3dwarehouse.sketchup.com/ in your browser.

3 - Search for the object in the database as you usually would.

4 - Click on the blue Download arrow and choose the 2022 format. Careful, the 3D warehouse website
now requires you to be signed up. Create an account if you haven't already.

<div align="center">
<p class="cadreimg img-full">
[[Image:3Dwarehouse4_FR.png|link=]]
</p></div>

STEP 2 - IMPORTING TO INSITU

1 - In your InSitu project, click on File | Import | 3D file and search for the object
in the folder that you saved it in.

2 - Select the object and click on Open.

3 - The object will be downloaded and appear in the scene.



</td>

<td valign="top" width="20%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Modifying attributes and finishes|Next step]]</span>

Placing wall tiling

2024-08-06T12:02:17Z

Jérémie:

<div id="top"></div>
<table width="100%">

<tr>
<td width="80%" align="left">

<h1 class="title_page">Placing wall tiling</h1>

Tiling can be placed in two different ways: either with the help of shapes or automatically (in credenza)
You have the choice between a priced and non-priced version of the "@TILING" catalogue.

'''<big>Placing tiling with shapes (shape feature)</big>'''

You need to trace the edges of the entirely of the tiles, wall by wall or to the floor.

<div align="center">
<p class="cadreimg">
[[Image:Fig.23a.jpg|link=]]
</p></div>

Choose one of the two "@TILING" catalogues, priced or non-priced, and then click on "Place". Here, we chose "Joined earthernware - very light brown"

<div align="center">
<p class="cadreimg">
[[Image:Fig.23b.jpg|link=]]
</p></div>

'''<big>Placing tiling in credenza (Scene drop down menu feature | Automatic tiling)</big>'''

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=nitymzlAqec&list=PL7MrU2icgiqFNRac8DBS4xYfBdCpr-tN9&index=7
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

Having created your scene on InSitu, you will need to take a reading of the following sides.

a) Side A, above the work plan

b) Side B, the top of the work plan beneath the high furniture (credenzas)

<div align="center">
<p class="cadreimg">
[[Image:Fig.23c.jpg|link=]]
</p></div>

Then, you need to determine between which two points of the shape you wish to place your tiles.

c) Place the shape in top view, in a clockwork manner (you can go in front of a window or a door).

<div align="center">
<p class="cadreimg">
[[Image:Fig.23d.jpg|link=]]
</p></div>

Next, make the dialog box appear by clicking on Scene | Automatic tiling

a) Click on "Add above" then select a tiling (Earthenware) in the @TILING catalogue

b) Drag and drop the tiles (you can change their dimensions) from the place window to the yellow box (like for a piece of furniture)

c) Fill in the "Low" box, which corresponds to the height of the floor above the work surface (here: 940).

d) Fill in the "Height" box which corresponds to the height of the credenza (here 510).

e) Finish by clicking on "Place".

<div align="center">
<p class="cadreimg img-full">
[[Image:Posecarrelage6_ENG.png|link=]]
</p></div>

Here is the final result in the 3D photorealistic perspective :
<div align="center">
<p class="cadreimg">
[[Image:Fig.23f.jpg|link=]]
</p></div>

Here are some points to remember:

a) You can place different levels of tiles

b) Le gabarit doit être retiré après la pose du carrelage The shape must be withdrawn after the tiling has been placed

c) You can change different tiles: listel, decorative, etc.

Here is an example of several levels of tiling with the "automatic tiling" dialog box.
Keep in mind that the final height must be entered in the last row of the tiling.

<div align="center">
<p class="cadreimg img-full">
[[Image:Posecarrelage8_ENG.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Importing 3D Warehouse objects|Next step]]</span>

Placing wall tiling

2024-08-06T12:01:25Z

Jérémie:

<div id="top"></div>
<table width="100%">

<tr>
<td width="80%" align="left">

<h1 class="title_page">Placing tiling on the floor</h1>

Tiling can be placed in two different ways: either with the help of shapes or automatically (in credenza)
You have the choice between a priced and non-priced version of the "@TILING" catalogue.

'''<big>Placing tiling with shapes (shape feature)</big>'''

You need to trace the edges of the entirely of the tiles, wall by wall or to the floor.

<div align="center">
<p class="cadreimg">
[[Image:Fig.23a.jpg|link=]]
</p></div>

Choose one of the two "@TILING" catalogues, priced or non-priced, and then click on "Place". Here, we chose "Joined earthernware - very light brown"

<div align="center">
<p class="cadreimg">
[[Image:Fig.23b.jpg|link=]]
</p></div>

'''<big>Placing tiling in credenza (Scene drop down menu feature | Automatic tiling)</big>'''

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=nitymzlAqec&list=PL7MrU2icgiqFNRac8DBS4xYfBdCpr-tN9&index=7
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

Having created your scene on InSitu, you will need to take a reading of the following sides.

a) Side A, above the work plan

b) Side B, the top of the work plan beneath the high furniture (credenzas)

<div align="center">
<p class="cadreimg">
[[Image:Fig.23c.jpg|link=]]
</p></div>

Then, you need to determine between which two points of the shape you wish to place your tiles.

c) Place the shape in top view, in a clockwork manner (you can go in front of a window or a door).

<div align="center">
<p class="cadreimg">
[[Image:Fig.23d.jpg|link=]]
</p></div>

Next, make the dialog box appear by clicking on Scene | Automatic tiling

a) Click on "Add above" then select a tiling (Earthenware) in the @TILING catalogue

b) Drag and drop the tiles (you can change their dimensions) from the place window to the yellow box (like for a piece of furniture)

c) Fill in the "Low" box, which corresponds to the height of the floor above the work surface (here: 940).

d) Fill in the "Height" box which corresponds to the height of the credenza (here 510).

e) Finish by clicking on "Place".

<div align="center">
<p class="cadreimg img-full">
[[Image:Posecarrelage6_ENG.png|link=]]
</p></div>

Here is the final result in the 3D photorealistic perspective :
<div align="center">
<p class="cadreimg">
[[Image:Fig.23f.jpg|link=]]
</p></div>

Here are some points to remember:

a) You can place different levels of tiles

b) Le gabarit doit être retiré après la pose du carrelage The shape must be withdrawn after the tiling has been placed

c) You can change different tiles: listel, decorative, etc.

Here is an example of several levels of tiling with the "automatic tiling" dialog box.
Keep in mind that the final height must be entered in the last row of the tiling.

<div align="center">
<p class="cadreimg img-full">
[[Image:Posecarrelage8_ENG.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Placing wall tiling|Next step]]</span>

Placing tiling on the floor

2024-08-06T10:32:25Z

Jérémie:

Placing tiling on the floor

2024-08-06T10:31:35Z

Jérémie:

Placing decoration

2024-08-06T10:28:37Z

Jérémie:

<div id="top"></div>
<table width="100%">
<tr>
<td width="80%" align="left">

<h1 class="title_page">Placing decoration</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=yCi3_K9Rhqw&list=PL7MrU2icgiqFa5_zPfdNVclL0x8F69hgP&index=10
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

Decorating the scene consists of placing objects that haven't been priced and that only serve an aesthetic purpose, such as a floor covering, a credenza covering, and various objects such as hobs, sinks, tables, chairs, plants, kitchen utensils, decorative objects, lighting, etc.

[[Image:LogoInfo.png|link=]] Decorative objects are placed at quite a considerable height (1600 mm or 2300 mm) for an easier placement. They automatically go down to the top of the object that you placed them over in top view.
Also for an easier placement, the spots underneath furniture (less than 1000 mm) go up to place themselves below the object on top of which you have place the decorative object in top view.

It's therefore easier to place decorative objects in top view. Also, access top view by choosing it in View | Top view or click on the shortcut button in your toolbar.

<div align="center">
<p class="cadreimg img-full">
[[Image:Posedeco_ENG.png|link=]]
</p>
<br/>
</div>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Placing walls|Next step]]</span>


</td>

<td valign="top" width="20%">

{{:En_Décorer}}

</td>
</tr>
</table>

Creating a new project

2024-08-06T10:28:04Z

Jérémie:

<table width="100%">

<tr>
<td width="80%">

<h1 class="title_page">Creating a new project</h1>
<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=ZqBG_mJpJy8&list=PL7MrU2icgiqFa5_zPfdNVclL0x8F69hgP
</youtube>
<br>
</p></div>
A new scene is created through different successive steps corresponding to the order of the different tutorials making up the "Design" path.

1- '''Entering client information'''

In the '''File''' drop down menu, choose '''New scene'''. A new window entitled '''Business information''' will appear on your screen.

<span class="chiffre">1</span> In here, you can find the current state of the folder (pending, agreement, refusal) with all the information concerning the delivery and installation date. Thanks to the schedule button, you can set up a schedule.

<span class="chiffre">2</span> About client information. Only the boxes "Name" and "Company" are mandatory in order to start. The rest of the information is optional and can be filled in at a later time by going to '''Scene | Information'''.

<span class="chiffre">3</span> Here, you will find all the pricing information and you can choose the VAT rate applied to the project (Normal, reduced, or other) as well as the currency.
At any time, you can change all this information by going to the '''Scene''' drop down menu and choosing '''Information'''.

<div align="center">
<p class="cadreimg">
[[Image:InfoComm_ENG.png|link=]]
</p>
<br/>
</div>

For example, enter Thompson into the "'''Name'''" box.

Click on the "'''OK'''" button or press '''ENTER''' on your keyboard. A new window, named '''Generic finishes (Fig.11b)''' then appears onscreen. It lets you choose the model and the finishes of the furniture that will be placed afterward.

2- '''Choosing your generic finishes'''

<div align="center">
<p class="cadreimg">
[[Image:choixfinition_ENG.png|link=]]
</p></div>

<span class="chiffre">1</span> Choose the manufacturer catalogue that you want to design your project with</p>

<span class="chiffre">2</span> Via the drop down menu, choose one of the available models.

[[Image:LogoInfo.png]]Careful, if the models exist as models without handles, then they have been duplicated. You will find the list of models without handles below the models with handles.

<span class="chiffre">3</span> Fill in the finishes and the options

<span class="chiffre">4</span> For each finish or option chosen in <span class="chiffre">3</span>, then new choices will be offered. The system only offers choices that exist in the catalogue.

<span class="chiffre">5</span> It is possible to directly enter the catalogue reference so as to find your colours and choice of options.

<span class="chiffre">6</span> As you go along and confirm your choices, visuals will allow you to check if you're happy with them.

<span class="chiffre">7</span> In some ways, harmonies are your favourites. You can save your generic finishes so that you can reuse them for other projects.

3- '''The dimensions of the scene, placing walls'''

Click on the "'''OK'''" button or press '''ENTER''' on your keyboard. A new dialog box will pop up on your screen, named '''New scene'''. It allows you to:

<span class="chiffre">1</span> specify the base dimensions of your implantation (overall interior of the room) and the height of the walls

<span class="chiffre">2</span> choose, if needed, a type of ground

<span class="chiffre">3</span> if the wall set up is simple (linear implantation, parralel, "L" or "U") tick some of the four boxes located around the white triangle in area of the group "Walls" so that they represent your wall set up

<div align="center">
<p class="cadreimg">
[[Image:Nouvscène_ENG.png|link=]]
</p></div>

[[Image:LogoInfo.png|link=]] If the way your walls are set up is more complicated and can't be specified by ticking the boxes described above, don't tick any box; the walls will then need to be drawn with the help of a '''shape'''.

Click on the " '''OK''' " button, or press on '''ENTER''' on your keyboard.



</td>

<td valign="top" width="20%">

{{:En_Concevoir}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Placing tiling on the floor|Next step]]</span>

Placing decoration

2024-08-06T10:25:26Z

Jérémie:

<div id="top"></div>
<table width="100%">
<tr>
<td width="80%" align="left">

<h1 class="title_page">Placing decoration</h1>

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=yCi3_K9Rhqw&list=PL7MrU2icgiqFa5_zPfdNVclL0x8F69hgP&index=10
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

Decorating the scene consists of placing objects that haven't been priced and that only serve an aesthetic purpose, such as a floor covering, a credenza covering, and various objects such as hobs, sinks, tables, chairs, plants, kitchen utensils, decorative objects, lighting, etc.

[[Image:LogoInfo.png|link=]] Decorative objects are placed at quite a considerable height (1600 mm or 2300 mm) for an easier placement. They automatically go down to the top of the object that you placed them over in top view.
Also for an easier placement, the spots underneath furniture (less than 1000 mm) go up to place themselves below the object on top of which you have place the decorative object in top view.

It's therefore easier to place decorative objects in top view. Also, access top view by choosing it in View | Top view or click on the shortcut button in your toolbar.

<div align="center">
<p class="cadreimg img-full">
[[Image:Posedeco_ENG.png|link=]]
</p>
<br/>
</div>

<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Poser du carrelage au sol|Etape suivante]]</span>


</td>

<td valign="top" width="20%">

{{:En_Décorer}}

</td>
</tr>
</table>

Placing decoration

2024-08-06T10:24:22Z

Jérémie:

<div id="top"></div>
<table width="100%">
<tr>
<td width="80%" align="left">


<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=yCi3_K9Rhqw&list=PL7MrU2icgiqFa5_zPfdNVclL0x8F69hgP&index=10
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

Decorating the scene consists of placing objects that haven't been priced and that only serve an aesthetic purpose, such as a floor covering, a credenza covering, and various objects such as hobs, sinks, tables, chairs, plants, kitchen utensils, decorative objects, lighting, etc.

[[Image:LogoInfo.png|link=]] Decorative objects are placed at quite a considerable height (1600 mm or 2300 mm) for an easier placement. They automatically go down to the top of the object that you placed them over in top view.
Also for an easier placement, the spots underneath furniture (less than 1000 mm) go up to place themselves below the object on top of which you have place the decorative object in top view.

It's therefore easier to place decorative objects in top view. Also, access top view by choosing it in View | Top view or click on the shortcut button in your toolbar.

<div align="center">
<p class="cadreimg img-full">
[[Image:Posedeco_ENG.png|link=]]
</p>
<br/>
</div>

<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Poser du carrelage au sol|Etape suivante]]</span>


</td>

<td valign="top" width="20%">

{{:En_Décorer}}

</td>
</tr>
</table>

Walk through mode

2023-12-04T14:51:24Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">


'''<big>La vue Visite</big>'''

This view lets you walk through the finished scene in full screen. Real time movement mode within the scene.

Movement in the room can be done thanks to

- the arrows on the keyboard<br/>
- the right mouse button (keep it pressed down + move the mouse),<br/>
- the following keys on the keyboard:<br/>

<div class="commentaires">
ESCAPE or CTRL + Page up = go up,
<br/>X or CTRL + Page down = go down,
<br/>S or CTRL + left arrow = move to the left,
<br/>D or CTRL + right arrow = move to the right.
</div>

Clicking on the + button allows you to move faster when in visit mode, while clicking on - allows you to move slower.

'''<big>Saved walkthrough view</big>'''

- You can save your walkthrough all while moving in real time in the scene. This is saved as a text file (.TXT) and is only useable in InSitu.

- This walkthrough can also be saved as video (.AVI), which is then easy to show in Windows Media Player or VLC. To save a walk through, choose the drop down menu "Scene", then "Saved walk though" and "New".

<br/><br/>
<span class="btnretour">[[#top|Back to top of page]]</span>  <span class="btnhome">[[Utiliser la fenêtre secondaire|Next step]]</span>


</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

360 Panorama

2023-12-04T14:49:52Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">


<tr>
<td width="80%">

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=oFgwA_9FwNo&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=5
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

The 360° panorama is fantastic tool for helping with both sales and communication. It generates a 360° 3D panorama of your room.
This panorama can be displayed on a computer, a tablet or a mobile phone and can be very easily sent by email to the final customer.

<strong>[http://www.myinsitu.com/Pano.htm?panoDir=/KDPanos/pano_0_org Voir un exemple de panorama 360]</strong>

<strong>[https://panoramas.b-cdn.net/Viewer1/pano.htm?panoDir=/panoramas/895790705-1668070656 Voir un exemple de Panorama 360° multi vues]</strong>

As you can see, it allows you to visualise the entirety of the project while being able to change the point of view thanks to the dots.

When you have finished your project, make sure that you save your [[Placing a visual field|visual frields]].

You can also generate 360° panoramas without visual fields. In that case, the panroama is generated from the middle of the room or the view at the time.

Go to the "file" drop down menu and then choose "Post 360° Panorama".

<div align="center">
<p class="cadreimg">
[[Image:Panorama360_ENG.png]]
</p></div>

Two different resolutions are available:
Medium resolution (1024 pixels)
High resolution (2048 pixels)

Careful, the high resolution will take longer to generate. Also be aware that the calculations use your computer's processing power, which means it's an important factor to take into account...

Once you have chosen the resolution you want, you can choose the number of points of view from which you want the panorama to be generated.
Once again, the more points of view chosen, the longer the panorama will take to generate. These points of views, in other words, the visual fields that were saved previously, will then become the dots that let you change your point of view.

<div align="center">
<p class="cadreimg">
[[Image:Panorama360B_ENG.png]]
</p></div>

You can also choose the real time photorealistic quality to generate a 360 much quicker but of lower quality.

When it has finished, the software will open the panorama on an Internet page.
You can copy and paste the link and then send it to your client via email.

<p style="border:solid 1px #ea560d;border-radius:5px;background-color:#f6f6f6;padding:10px"> To easily find your links, we suggest creating an excel or similar file and pasting the various links you have generated. It will be much easier to sort through them. </p>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Le WebShare|Etape suivante]]</span>

Placing wall tiling

2023-10-24T07:47:04Z

Jérémie:

<div id="top"></div>
<table width="100%">

<tr>
<td width="80%" align="left">

Tiling can be placed in two different ways: either with the help of shapes or automatically (in credenza)
You have the choice between a priced and non-priced version of the "@TILING" catalogue.

'''<big>Placing tiling with shapes (shape feature)</big>'''

You need to trace the edges of the entirely of the tiles, wall by wall or to the floor.

<div align="center">
<p class="cadreimg">
[[Image:Fig.23a.jpg|link=]]
</p></div>

Choose one of the two "@TILING" catalogues, priced or non-priced, and then click on "Place". Here, we chose "Joined earthernware - very light brown"

<div align="center">
<p class="cadreimg">
[[Image:Fig.23b.jpg|link=]]
</p></div>

'''<big>Placing tiling in credenza (Scene drop down menu feature | Automatic tiling)</big>'''

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=nitymzlAqec&list=PL7MrU2icgiqFNRac8DBS4xYfBdCpr-tN9&index=7
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

Having created your scene on InSitu, you will need to take a reading of the following sides.

a) Side A, above the work plan

b) Side B, the top of the work plan beneath the high furniture (credenzas)

<div align="center">
<p class="cadreimg">
[[Image:Fig.23c.jpg|link=]]
</p></div>

Then, you need to determine between which two points of the shape you wish to place your tiles.

c) Place the shape in top view, in a clockwork manner (you can go in front of a window or a door).

<div align="center">
<p class="cadreimg">
[[Image:Fig.23d.jpg|link=]]
</p></div>

Next, make the dialog box appear by clicking on Scene | Automatic tiling

a) Click on "Add above" then select a tiling (Earthenware) in the @TILING catalogue

b) Drag and drop the tiles (you can change their dimensions) from the place window to the yellow box (like for a piece of furniture)

c) Fill in the "Low" box, which corresponds to the height of the floor above the work surface (here: 940).

d) Fill in the "Height" box which corresponds to the height of the credenza (here 510).

e) Finish by clicking on "Place".

<div align="center">
<p class="cadreimg img-full">
[[Image:Posecarrelage6_ENG.png|link=]]
</p></div>

Here is the final result in the 3D photorealistic perspective :
<div align="center">
<p class="cadreimg">
[[Image:Fig.23f.jpg|link=]]
</p></div>

Here are some points to remember:

a) You can place different levels of tiles

b) Le gabarit doit être retiré après la pose du carrelage The shape must be withdrawn after the tiling has been placed

c) You can change different tiles: listel, decorative, etc.

Here is an example of several levels of tiling with the "automatic tiling" dialog box.
Keep in mind that the final height must be entered in the last row of the tiling.

<div align="center">
<p class="cadreimg img-full">
[[Image:Posecarrelage8_ENG.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Importer des objets 3D Warehouse|Etape suivante]]</span>

Saving and printing the project

2023-08-09T12:32:22Z

Jérémie:

<table width="100%">

<tr>
<td width="80%">

There are a few different ways to save your design, by clicking on the '''File''' drop down menu:

1. '''File | Save''' : Saves the scene under the title of '''Company''' and '''Business''' or '''Surname''' and '''Name''' that you entered when creating the scene in the '''Business Information''' window.

2. '''File | Save as''' : Saves the scene under the title of '''Company''' and '''Business''' or '''Surname''' and '''Name''' that you can change in the '''Business Information''' window that pops up.

3. '''File | Save version''' : Saves the scene under the title of '''Company''' and '''Business''' or '''Surname''' and '''Name''' that you entered when creating the scene in the '''Business Information''' window by increasing the version. You can save several different versions of the same project.

<div align="center">
<p class="cadreimg">
[[Image:SauvegardeProjet1_EN.png|link=]]
</p>
<br/>
</div>

InSitu prints the current view as it is displayed on the screen.The dimensions of the scene entered at the beginning (green frame) are important for the printing as well as the 3D display.
Before printing, make sure that the printer is suitably set up and well adapted to the view (size and orientation of the paper, etc.)

If you want to make sure that the view fits well in the frame, click on '''Zoom | Adjusted'''. To start printing, click on '''File | Print'''.

If you want to print a top or elevation view, a dialog box entitled '''Printing format''' will appear, asking you to choose the scale which you want the view printed in.

<div align="center">
<p class="cadreimg">
[[Image:ImpressionProjet1_EN.png|link=]]
</p></div>

The default scale is the most appropriate considering the dimensions of the area you want to print as well as the format and orientation of the paper. If you want to, you can choose a different scale, or choose '''adjusted''' if you would like InSitu to make the scene best fit the paper, without worrying about a standardised scale. Then, press on "OK" or click on the ENTER key to keep printing, or choose "Cancel" to cancel it.

If you're printing a virtual reality or photorealistic perspective view, the '''Image resolution''' dialog box will appear, asking you to choose the resolution, which is to say at which fineness the view will be printed in (number of dots in width and in height compared to your screen resolution).

<div align="center">
<p class="cadreimg">
[[Image:ImpressionProjet2_EN.png|link=]]
</p></div>

The "x1" screen resolution is useful as the printing will start very quickly, the image calculation having already been done on screen. However, if you want your printings to have a higher resolution than what is displayed on screen, choose "x 1,5", "x 2" or "x3". These choices will lead to a new image calculation and this calculation will take slightly more time than the screen image. Indeed, the "x 3" choice will, for example, result in an image with 9 times more pixels than what is displayed on screen.

When in realist perspective, you have the option of choosing an output resolution towards the printer, with vector mode being very slow with processing languages like PCL5 or PCL6.
Some printers can be very slow to print scenes in perspective view. To solve this issue, it is recommended to select the vector printing mode.

[[Image:LogoInfo.png|link=]] If you want the software to remember your printing choices, all you need to do is click the by default button and your choices will be saved.



</td>

<td valign="top" width="20%">

{{:En_Concevoir}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Back top of page]]</span>  <span class="btnhome">[[Updating an old project with a recent rate|Next step]]</span>

Modifying the floor's texture

2023-07-06T10:08:25Z

Jérémie:

<table width="100%">

<tr>
<td width="79%">

You have <b>[[Placing the floor and ceiling|placed your floor]]</b> but you want to modify it so that you can add a parquet floor texture for example.
<br/>To do so, select your floor and right click, and then choose Attributes:

<div align="center">
<p class="cadreimg">
[[Image:Texturesol_ENG.png|link=]]
</p></div>

Next, click on the Modify button that can be found next to the floor's current colour.

<div align="center">
<p class="cadreimg">
[[Image:Texturesol2_ENG.png|link=]]
</p></div>

The following window will appear:

<div align="center">
<p class="cadreimg">
[[Image:Texturesol3_ENG.png|link=]]
</p></div>

Use the drop down menu below Textures to select the texture you wish to give the floor. You have the choice of parquets, carpets, tiling...
<br/>
Click on OK to confirm.

[[Image:LogoInfo.png|link=]] To add your own floor textures, you must use <b>[[Creating a palette of textures|the palette]]</b>.



</td>

<td valign="top" width="21%">

{{:En_Décorer}}

</td>
</tr>
</table>

<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Importer des fichiers 2D et 3D|Etape suivante]]</span>

Optimising lighting

2023-07-05T08:49:38Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">


<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=bVlvsI0WnSc&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=3
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

'''<big>Dialog box for lighting the scene in Realtime photorealistic perspective mode</big>'''

In '''Realtime photorealistic perspective''' mode, the changes made in this dialog box immediately take effect in the view, enabling you to achieve your desired lighting very quickly. These settings also apply to the final photorealism.

Changes linked to the lighting can be found in the '''Scene''' drop down menu under '''Lighting''' or via the icon [[Image:Lampe.JPG|link=]]

'''<big>Default settings in the dialog box</big>'''

The lighting window is divided into 3 tabs

'''Tab 1: Natural light'''
Allows you to adjust natural lighting settings.

<div align="center">
<p class="cadreimg">
[[Image:Lumières_ENG.png|link=]]
</p></div>

'''Tab 2: Artificial light'''
Allows you to adjust the artificial light settings.

<div align="center">
<p class="cadreimg">
[[Image:Lumières2_ENG.png|link=]]
</p></div>

'''Tab 3: Light sources'''
Allows you to manage the lighting that you added yourself to the scene settings

<div align="center">
<p class="cadreimg">
[[Image:Lumières3_ENG.png|link=]]
</p></div>

In our example, 4 spots have been placed towards the bottom (these spots are available in the @Base forms catalogue, in the Light sources chapter). They are therefore adjustable in the dialog box.

The '''A. Column''' refers to whether the light sources are lit. You can manage each element individually and light (or not) the ones that you wish to light. The box is ticked by default and means that the selected light source is lit.

The '''Sel. column''' allows you to select the object. Therefore, in a scene in which you placed several light sources of the same type, you can easily identify the light source affected by the settings.

The '''Colour column''' allows you to choose the colour of the diffused light.

The '''IES column''' gives you the option of changing the style of light projected (the curve of the beam). You have the choice of 20 different options.

<div align="center">
<p class="cadreimg">
[[Image:Lumières4_FR.png|link=]]
</p></div>

Finally, you can choose the intensity of the light sources, either for each individual light source or for the entirety of light sources in a scene thanks to the intensity slider.
If you only wish to adjust one light source, select it before moving the Intensity slider.
To manage the intensity of all the light sources or a particular selection of them, tick the Sel. box to select the relevant light sources.

'''<big>Adjusting the tone</big>'''

<div align="center">
<p class="cadreimg">
[[Image:Lumières5_ENG.png|link=]]
</p></div>

The settings window for tone is only available for the '''Realtime photorealistic perspective''' and '''Final photorealistic perspective''' views. It appears automatically at the end of the calculation of the final photorealism. However, you can access it at any time through the '''View''' drop down menu, and then '''Tone mapping'''.

'''<big>The luminous halo</big>'''

This lets you play around with the rendering of the lightings.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal6_ENG.png|link=]]
<br/><br/>
[[Image:Vuephotoreelfinal7_ENG.png|link=]]
</p></div>

'''<big>Light source</big>'''

CThis feature allows you to adjust the light source in the Realistic drawing perspective view:
<br/>- intensity
<br/>- contrast
<br/>- horizontal and vertical angles of light propagation in realistic drawing perspective.
<div align="center">
<p class="cadreimg">
[[Image:Lumières6_ENG.png|link=]]
</p></div>

The default values are:
<br/>Light = 80
<br/>Contrast = 30
<br/>Horizontal angle = 70
<br/>Vertical angle = - 45.

[[Image:LogoInfo.png|link=]] The decorative luminaires can also help light the scene. To activate its lighting, you must open a luminaire like you would open a door, via the feature in '''Selection | Open'''.



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Prérequis|Aller au parcours suivant]]</span>

Final photorealistic perspective

2023-07-05T08:31:05Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

[[Image:LogoInfo.png|link=]] <strong>Important</strong>
<br/>
Visualisation problems? If you wish to hide a bothersome wall or, do the opposite and disable this option, go to the <strong>[[Configurer les options graphiques|Setting up graphic options]]</strong>

The Final photorealistic perspective is a "high quality" view. The materials stand out and their specificities become clear (the reliefs, the shine, the reflection, ...)

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuephotoreelfinal_FR.png|link=]]
</p>
<br/>
</div>

Pick '''View''' | '''Final photorealistic perspective'''

The image is produced after successive calculations of iterations that converge towards the optimal quality.
By default, the calculation stops after its sixteenth iteration. Then, a dialog box will appear, allowing you to play with the sliders and alter the intensity, the contrast, the colour, the temperature and the luminous halo.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal2_ENG.png|link=]]
</p></div>

If you no longer want this dialog box to appear, simply go to '''View''' | '''Tone mapping''' and tick the '''Do not show this dialog box after each image'''.

To come back on the calculation of an iteration, all you need to do is press on the F2 key. The software will then perform calculations for an infinite number of iterations. You will need to end these calculations by pressing on the ESCAPE key.

It is worth noting that you can change the default number of iterations via the '''Scene''' drop down menu, then '''Photorealism'''. In the '''Final photorealism''' tab, the number of iterations will be displayed, which you can change. If you want this change to apply every time, remember to press the '''By default''' button.

[[Fichier:LogoInfo.png|link=]] If you wish to change the number of iterations, go to '''Scene | Photorealism''' and then to the '''Final photorealism''' tab and change the number of iterations from 16 to whatever you prefer.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal3_ENG.png|link=]]
</p></div>

'''<big>The temperature</big>'''

This allows you to set the scene's colour ambiance.
The further the slider is to the left, the more cold, blue-dominated tones the scene will have.
The further the slider is to the right, the more warm, yellow-dominated tones the scene will have.

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuephotoreelfinal4_ENG.png|link=]]
<br/>
[[Image:Vuephotoreelfinal5_ENG.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Le panorama 360|Etape suivante]]</span>

Positioning the observer

2023-07-05T08:27:16Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">


'''<big>Observer view</big>'''

The Observer view lets you manually adjust the field of view, in the 3D view, by the project altitude and tilt.

The altitude refers to the height of the view and the tilt allows you to have bird's eye views, for example.

To access it, go to InSitu's '''View''' drop down menu, and then click on '''Observer'''.

<div align="center">
<p class="cadreimg">
[[Image:Observateur_ENG.png|link=]]
</p></div>

'''<big>Initial Observer view</big>'''

The '''Initial Observer''' view lets you reposition the starting point of the visual field in 3D view.<br/>
To activate it, go to '''View | Initial Observer'''. This feature if very useful when you have adjusted the settings but you want to cancel these changes.

<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Optimiser l'éclairage|Etape suivante]]</span>


</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

Placing a visual field

2023-07-05T07:55:12Z

Jérémie:

Using the secondary window

2023-07-05T07:52:29Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

As well as the main window, InSitu can open a second window which always contains a perspective view of teh current scene.

To open it, go to '''View | Secondary window'''

You can then work in top view or elevation view, all while seeing the scene get built in perspective.

<div align="center">
<p class="cadreimg img-full">
[[Image:Fenetresecondaire_FR.png|link=]]
</p>
<br/>
</div>

If you have two screens connected to your graphics card, you can display the main window on one screen and the secondary window on the other screen.

The screen displaying the secondary window (always the perspective) can also be shown to clients. You can then make changes that they won't see.

</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Placer le champ de vision|Etape suivante]]</span>

360 Panorama

2023-07-05T07:51:33Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">


<tr>
<td width="80%">

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=oFgwA_9FwNo&list=PL7MrU2icgiqEJC2D74UzlTJ25Z_3IARfw&index=5
</youtube>
<br>Voir le tutoriel vidéo
</p></div>

The 360° panorama is fantastic tool for helping with both sales and communication. It generates a 360° 3D panorama of your room.
This panorama can be displayed on a computer, a tablet or a mobile phone and can be very easily sent by email to the final customer.

<strong>[http://www.myinsitu.com/Pano.htm?panoDir=/KDPanos/pano_0_org Voir un exemple de panorama 360]</strong>

<strong>[https://pano-1add6.kxcdn.com/Viewer1/pano.htm?panoDir=/panoramas/895790705-25969109 Voir un exemple de Panorama 360° multi vues]</strong>

As you can see, it allows you to visualise the entirety of the project while being able to change the point of view thanks to the dots.

When you have finished your project, make sure that you save your [[Placing a visual field|visual frields]].

You can also generate 360° panoramas without visual fields. In that case, the panroama is generated from the middle of the room or the view at the time.

Go to the "file" drop down menu and then choose "Post 360° Panorama".

<div align="center">
<p class="cadreimg">
[[Image:Panorama360_ENG.png]]
</p></div>

Two different resolutions are available:
Medium resolution (1024 pixels)
High resolution (2048 pixels)

Careful, the high resolution will take longer to generate. Also be aware that the calculations use your computer's processing power, which means it's an important factor to take into account...

Once you have chosen the resolution you want, you can choose the number of points of view from which you want the panorama to be generated.
Once again, the more points of view chosen, the longer the panorama will take to generate. These points of views, in other words, the visual fields that were saved previously, will then become the dots that let you change your point of view.

<div align="center">
<p class="cadreimg">
[[Image:Panorama360B_ENG.png]]
</p></div>

You can also choose the real time photorealistic quality to generate a 360 much quicker but of lower quality.

When it has finished, the software will open the panorama on an Internet page.
You can copy and paste the link and then send it to your client via email.

<p style="border:solid 1px #ea560d;border-radius:5px;background-color:#f6f6f6;padding:10px"> To easily find your links, we suggest creating an excel or similar file and pasting the various links you have generated. It will be much easier to sort through them. </p>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Le WebShare|Etape suivante]]</span>

En Visualiser

2023-07-05T07:43:27Z

Jérémie:

<table width="100%" class="barre_menu">
<tr>
<td style="border: 1px solid #aaaaaa;">
<div class="entetehome5">[[Image:Visualisation.png|center|link=]]</div>
<div class="titrehome">Visualising</div>
<div style="padding: 10px;">
<p><span style="font-weight: bold; color: #5a5959;">Détail du parcours</span></p>
<hr width="95%">
<p>[[Image:Logo_fleche_menu.png|link=]] [[Top view]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Elevation views]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Perspective views]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Realistic drawing perspective]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Real time photorealistic perspective]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Final photorealistic perspective]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Virtual reality view]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[360 Panorama]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Walk through mode]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Using the secondary window]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Placing a visual field]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Positioning the observer]]</p>
<p>[[Image:Logo_fleche_menu.png|link=]] [[Optimising lighting]]</p>
<hr width="95%" style="margin-top: 15px; margin-bottom: 15px;">

<p>[[Image:Logo_wiki_menu.gif|link=]] <strong>[https://en.wiki.insitu.education/index.php?title=Main_Page Accueil WikInSitu]</strong>
</p>
</div>
</td>
</tr>
</table>

Virtual reality view

2023-07-05T07:42:58Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

With an Oculus Rift® or HTC Vive® headset, then InSitu VR allows your client to visualise the entire project in virtual reality. The user can move freely throughout the space, moving forward, backwards, turning 360°, crouching down and looking up. Their movements are automatically detected by the headset.

<div align="center">
<p class="cadrevideo">
<youtube width="500" height="300">
https://www.youtube.com/watch?v=YcXAQZGuvp0&feature=youtu.be
</youtube>
<br>Watch the video tutorial
</p></div>
<br/>

'''<big>How it works</big>'''

Once the headset is connected and set-up, launch the view created for VR by clicking on View > Virtual reality or via the icon [[Image:IconeVR.JPG|link=]]

<div align="center">
<p class="cadreimg">
[[Image:RealitéVirtuelle_ENG.png|link=]]
</p></div>

The 3D view is then transferred to the headset, allowing its user free to virtually stroll through the development project.

La réalité virtuelle est interactive, il est possible d’ouvrir les portes et les tiroirs quand on se promène dans le projet (non disponible pour l’ensemble des catalogues - en cours de déploiement). The virtual reality is interactive, meaning that it is possible to open doors and drawers while walking through the project (not available for the entirety of the catalogues - still in the process of being rolled out)

<div align="center">
<p class="cadreimg img-full">
[[Image:RealitéVirtuelle2_FR.png|link=]]
</p>
<br/>
</div>

<div align="center">
<p class="cadreimg img-full">
[[Image:RealitéVirtuelle3_FR.png|link=]]
</p>
<br/>
</div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>

<span class="btnretour">[[#top|Back to top of page]]</span>  <span class="btnhome">[[Les vues en élévation|Next step]]</span>

Final photorealistic perspective

2023-07-05T07:37:17Z

Jérémie:

<table width="100%">
<tr>
<td width="80%" valign="top">

[[Image:LogoInfo.png|link=]] <strong>Important</strong>
<br/>
Visualisation problems? If you wish to hide a bothersome wall or, do the opposite and disable this option, go to the <strong>[[Configurer les options graphiques|Setting up graphic options]]</strong>

The Final photorealistic perspective is a "high quality" view. The materials stand out and their specificities become clear (the reliefs, the shine, the reflection, ...)

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuephotoreelfinal_FR.png|link=]]
</p>
<br/>
</div>

Pick '''View''' | '''Final photorealistic perspective'''

The image is produced after successive calculations of iterations that converge towards the optimal quality.
By default, the calculation stops after its sixteenth iteration. Then, a dialog box will appear, allowing you to play with the sliders and alter the intensity, the contrast, the colour, the temperature and the luminous halo.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal2_ENG.png|link=]]
</p></div>

If you no longer want this dialog box to appear, simply go to '''View''' | '''Tone mapping''' and tick the '''Do not show this dialog box after each image'''.

To come back on the calculation of an iteration, all you need to do is press on the F2 key. The software will then perform calculations for an infinite number of iterations. You will need to end these calculations by pressing on the ESCAPE key.

It is worth noting that you can change the default number of iterations via the '''Scene''' drop down menu, then '''Photorealism'''. In the '''Final photorealism''' tab, the number of iterations will be displayed, which you can change. If you want this change to apply every time, remember to press the '''By default''' button.

[[Fichier:LogoInfo.png|link=]] If you wish to change the number of iterations, go to '''Scene | Photorealism''' and then to the '''Final photorealism''' tab and change the number of iterations from 16 to whatever you prefer.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal3_ENG.png|link=]]
</p></div>

'''<big>The temperature</big>'''

This allows you to set the scene's colour ambiance.
The further the slider is to the left, the more cold, blue-dominated tones the scene will have.
The further the slider is to the right, the more warm, yellow-dominated tones the scene will have.

<div align="center">
<p class="cadreimg img-full">
[[Image:Vuephotoreelfinal4_ENG.png|link=]]
<br/>
[[Image:Vuephotoreelfinal5_ENG.png|link=]]
</p>
<br/>
</div>

'''<big>The luminous halo</big>'''

Il permet de jouer sur le rendu des éclairages.

<div align="center">
<p class="cadreimg">
[[Image:Vuephotoreelfinal6_ENG.png|link=]]
<br/>
[[Image:Vuephotoreelfinal7_ENG.png|link=]]
</p></div>



</td>

<td valign="top" width="20%">

{{:En_Visualiser}}
</td>
</tr>
</table>
<span class="btnretour">[[#top|Retour haut de page]]</span>  <span class="btnhome">[[Le panorama 360|Etape suivante]]</span>