How do I edit the draco compressed glb in the editor?

goinix_project · December 19, 2022, 12:08pm

Thank you, it’s a good new from the twitter.

goinix_project · December 19, 2022, 12:12pm

Thanks steven,

Where did you capture this picture? Is it the editor interface?
Why is it different with mine? I don’t know how to get the above menus in my editor.

yaustar · December 19, 2022, 12:15pm

That is part of my dev tools that I use to debug runtime issues: yaustar.github.io/playcanvas-devtools at master · yaustar/yaustar.github.io · GitHub

goinix_project · December 19, 2022, 12:43pm

1、Should we use your dev tools to do?
2、I have found the following project, it used the js to load the model and use js to contral the exchaging of the material. The only difference is the model in it is json file no glb. Please have a look if the function of the js is similar?
https://playcanvas.com/project/1020966/overview/carconfiguratorbmw1

yaustar · December 19, 2022, 12:48pm

Completely optional. I use them because it makes my life easier when dealing with runtime issues.

It depends because some parts would be similar and some parts would be different. Without you being more specific, I can’t answer.

I recommend starting from the project I linked and just trying to change the material of the heart at runtime.

goinix_project · December 19, 2022, 1:04pm

Yes, I’m study that project these days, and I found your uber tools and have a problem posted here:

BTW, I’m not programmer, just do first round reserch, and pass the job to our coder

goinix_project · December 19, 2022, 2:18pm

One more question，if we import a draco glb with fully textured models with material settings, how could we to compress(basis) the textures in the glb? Does them need to be compress basis?

yaustar · December 19, 2022, 2:21pm

Assuming you would be using the project I linked to above, you would have to compress the textures in the GLB before importing them into PlayCanvas.

You would also have to import the Basis library into the PlayCanvas project.

goinix_project · December 19, 2022, 2:27pm

You mean we could compress(basis) the textures outside the playcanvas? How can we do this? any tool?

yaustar · December 19, 2022, 2:30pm

I don’t know any tools offhand but you would be looking for something that would do KTX2 texture compression

github.com

KhronosGroup/3D-Formats-Guidelines/blob/main/KTXArtistGuide.md

# KTX Artist Guide

![KTX logo](figures/KTX_100px_Sep20.jpg)

How artists and content creators can compress glTF textures with [Basis Universal texture compression](https://github.com/KhronosGroup/KTX-Software) and the glTF extension [KHR_texture_basisu](https://github.com/KhronosGroup/glTF/blob/master/extensions/2.0/Khronos/KHR_texture_basisu/).

## Why use KTX?

Textures in a glTF file can be compressed into .ktx2 GPU textures using Basis Universal compression, which offers faster GPU upload and less GPU memory consumption than PNG or JPEG textures. PNGs and JPEGs are fully uncompressed when loaded in GPU memory, but KTX stays compressed on the GPU.

![A lamp model, before and after compression](figures/lamp-whole-before-after.jpg)

Authoring compressed GPU textures often requires more careful tuning to maintain image quality, but this extra effort is worthwhile for applications that need to maintain a smooth framerate while uploading images, or where GPU memory is limited. In certain cases they may also have smaller file sizes than PNG or JPEG textures, but this is not guaranteed. If performance is important, the benefits of compressed GPU textures may outweigh an increase in file size.

There are two Basis Universal compression methods: ETC1S and UASTC.

ETC1S offers greater compression and works better with large areas of solid colors or mostly monochromatic values; it doesn’t produce quality results on complex textures, or textures with areas of saturated color next to each other. ETC1S is useful when texture variation is not that important. It's especially good with non-PBR textures, for example with toon rendering or with interface assets.

UASTC offers higher visual quality for high-contrast high-detail color textures. It works better with "packed" textures that have very different values in RGB channels, including Occlusion/Roughness/Metalness (ORM), Normal, and textures used by [glTF Extensions](https://github.com/KhronosGroup/glTF/tree/master/extensions) like KHR_materials_clearcoat which uses the Red channel for clearcoatTexture and the Green channel for clearcoatRoughnessTexture.

This file has been truncated. show original

mvaligursky · December 19, 2022, 2:52pm

gltf transform can be used from command line and can apply mesh / texture compressions

goinix_project · December 19, 2022, 3:04pm

Thanks, We will try it.

goinix_project · December 19, 2022, 3:07pm

Thank you Steven,
Please read the question at the post:

To visulize the imported glb in the editor is very important to us

yaustar · December 19, 2022, 3:11pm

It was already answered this (UK) morning

goinix_project · December 19, 2022, 3:14pm

Many thanks, I got it! Just missed it

leooooooo · December 21, 2022, 7:34am

How to change materials of heart at runtime?

With the model loaded by this script, I can get the material using the following method, but I can’t change it at present

Is there any good method or case for reference？

yaustar · December 21, 2022, 9:44am

What you have done is correct, you will just need to change the material on the meshInstance via https://developer.playcanvas.com/api/pc.MeshInstance.html#material

leooooooo · December 21, 2022, 10:24am

Is my writing wrong? I get the color of the material but can’t change it

yaustar · December 21, 2022, 10:34am

Can you possible a project that shows the issue please?

leooooooo · December 21, 2022, 10:45am

https://playcanvas.com/project/1021630/overview/loading-draco-compressed-glbs