Automating the creation of box UVW maps through programming

Question

Automating the creation of box UVW maps through programming

I'm looking for a way to automatically create box UVW maps in 3D models, similar to the functionality of UVW Map -> Box in programs like 3ds Max.

Here's an example with the default UV mapping

And here is an example with the desired box UV mapping that I want to achieve

I've experimented with javascript-based solutions, like the ones found here and here, but the results vary depending on factors like merged meshes, existing UV maps, or different directional orientations.

When applying a box UV map in Blender or 3ds Max manually, it always produces accurate results.

Ideally, I would like a command line tool similar to gltf-pipeline that can be used as follows:

generate-box-map -i model.gltf -type box -size 50

I have come across tools such as PyMeshLab and Meshmatic, as well as attempts to achieve this via Python in Blender, but haven't found a satisfactory solution yet. Is there a simpler way to accomplish this?

javascript three.js 3d-modelling uv-mapping pymeshlab

Answer 1

Answer №1

I successfully solved this issue using Blender within a Docker container with the help of this image: https://github.com/linuxserver/docker-blender.

Here is an overview of the project structure:

app.js

The app.js file receives a request through express. The body of the request contains a link to a GLTF model hosted on "https://some-storage.com/model.gltf". It then initiates a Blender process using

child_process.exec(`blender -b --addons magic_uv -P /app/src/main.py --log-level -1 -- ${pathToDownloadedGLTFFile}`)

main.py

...

    argv = sys.argv
    argv = argv[argv.index("--") + 1:]  # get all args after "--"

    param_input_file = argv[0]

    bpy.ops.import_scene.gltf(filepath=param_input_file)
    for obj in bpy.data.objects:
        if obj.type == 'MESH':
            obj.select_set(True) 
            bpy.context.view_layer.objects.active = obj 
            bpy.ops.object.mode_set(mode='EDIT')

    bpy.ops.uv.muv_uvw_box_map(size=instructions['size'], rotation=(instructions['rotationX'], instructions['rotationY'], instructions['rotationZ']))

...

# export back to GLTF and write to /some/dir/model.gltf

In addressing the issue of varying UV directions, adjusting the value of rotation.x to 270 has proven to resolve it.

Answer 2

I successfully solved this issue using Blender within a Docker container with the help of this image: https://github.com/linuxserver/docker-blender.

Here is an overview of the project structure:

app.js

The app.js file receives a request through express. The body of the request contains a link to a GLTF model hosted on "https://some-storage.com/model.gltf". It then initiates a Blender process using

child_process.exec(`blender -b --addons magic_uv -P /app/src/main.py --log-level -1 -- ${pathToDownloadedGLTFFile}`)

main.py

...

    argv = sys.argv
    argv = argv[argv.index("--") + 1:]  # get all args after "--"

    param_input_file = argv[0]

    bpy.ops.import_scene.gltf(filepath=param_input_file)
    for obj in bpy.data.objects:
        if obj.type == 'MESH':
            obj.select_set(True) 
            bpy.context.view_layer.objects.active = obj 
            bpy.ops.object.mode_set(mode='EDIT')

    bpy.ops.uv.muv_uvw_box_map(size=instructions['size'], rotation=(instructions['rotationX'], instructions['rotationY'], instructions['rotationZ']))

...

# export back to GLTF and write to /some/dir/model.gltf

In addressing the issue of varying UV directions, adjusting the value of rotation.x to 270 has proven to resolve it.

Automating the creation of box UVW maps through programming

Answer №1

Similar questions

Establishing a link between numerous web browsers solely through client-side technology

The XML content fails to display after initiating an AJAX request

Tips for converting numbers in JavaScript and troubleshooting issues when trying to filter out non-numeric characters using Tel input commands

Is it possible to combine multiple filter examples together?

Having trouble unselecting the previous item when selecting a new item in Reactjs

What are some strategies for efficiently displaying a large amount of data on a screen using Javascript and HTML without sacrificing performance?

Locate the intersection point of an arc using three.js

Should I return X in async functions, or should I return "Promise.Resolve(X)"?

AngularJS nested menu functionality not functioning properly

Efficient Loading and Smooth Scrolling with Angular2 (version 7)

passing arguments during deferred resolve() and when() operations

Why am I getting the error in react-dom.development.js related to my index.js file?

Adjust the size of the embedded iframe to match the dimensions of the containing div

What is the best method for performing cross-domain queries utilizing ajax and jsonp?

What are the methods used in TypeScript to implement features that are not available in JavaScript, despite TypeScript ultimately being compiled to JavaScript?

performing a request to Axios API with the inclusion of ${item} within the URL

The error message "TypeError: res.response is undefined" is indicating

Guide to making a reusable AJAX function in JavaScript

Generate div elements dynamically for each object being populated in JSON using JavaScript

Creating a Component and Programmatically Returning a Value in Vue.js: A Step-by-Step Guide