Scene customisation in Blender

šŸŒµ Needle Engine
1

Another newbie question here Iā€™m afraid!
I was trying to work out how to make manual customizations to the three.js scene exported through Needle.

Typically, I would have looked at the html project folder structure, looked for a JS file somewhere and reverse engineered what I wanted to change/editā€¦

For instance, one thing I wanted to try was to reduce the blur on the HDRI skybox - (changing this blur value in the blend file doesnā€™t seem to be picked up in the needle scene export)

Thatā€™s just one example - it would be good to know how to hack about in the project files more generally.

I think this is probably very well explained for Unity in the Scripting section of the Documents, though for someone with my experience (or lack of it!) itā€™s a bit tricky to know where or how to start or how to reinterpret for Blenderā€¦

If anyone has come across some simple end to end examples that explain in very basic terms how to get started Iā€™d be very grateful! :pray:t2:

Original Post on Discord

by user 826487481092145192

2

Hi there,
you can reduce the blur in the blender viewport settings if the world toggle is disabled or in the world settings (if the world toggle is enabled). Or if you have an camera component (via Add Component) on your camera iin blender it also has a slider for the blur :slightly_smiling_face:

In general if you add components to your scene in Blender they will be loaded with the GLB and created, thatā€™s why you dont see code for them in the web project folder. The Unity and Blender scripting do match 1:1 (so everything in regards to scripting for Needle Engine in Unity applies the same way in Blender)

I think I can help more if you have more examples of what youā€™re trying to archieve or want to change / hack

3

What you also can do experiment quickly is using Needle-engine - Vite Template (forked) - StackBlitz which has a little bit of code in the main.ts file to gain access to the threejs scene and all content

4

Thanks as usual @marcel :cactus: - do you mean this World toggle?

Thanks also for the pointer to the ts file - Iā€™ll see if I can understand a bit better after looking through this ā€¦
image.png

by user 826487481092145192

5

Yes, - but you can leave it as is.
By reducing blur you mean the environment reflections or skybox blur in the background?

6

I want to be able to see the background more clearly in the online scene. I want to ā€˜fakeā€™ AR with custom HDRI which is not blurred#

by user 826487481092145192

7

Can you check your camera if you have a Needle Engine ā€œCameraā€ component on it (in the object properties)

8

I had no camera at all - probably explains a lot

by user 826487481092145192

9

Ah ok then we create a default camera. Currently thatā€™s a limitation we have since the ā€œcamera componentā€ has the background blur info - so if you dont have a camera at all weā€™re not able to export that information. Weā€™ll change that in future versions. Thatā€™s why the ā€œBlurā€ in the skybox in Blender did have no effect.

10

Sorry about that :slightly_smiling_face:

11

Makes sense - now I just need to work out how to give the Camera orbit control etc rather than be a fixed POV

by user 826487481092145192

12

DOne - thanks

by user 826487481092145192

13

:slightly_smiling_face: