Skip to content

A JS utility where you can choose an image, and it inserts it into a GLTF/glb formatted file, and lets you download it as image.glb

Notifications You must be signed in to change notification settings

cesswairimu/png-to-glb-utility

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Png to GLB Utility

A JS utility where you can choose an image(jpg or png), it creates a GLTF asset and inserts the image as the surface (base texture) of the asset, and lets you download it as .glb file. You have an option add a roughness texture and a normal texture as images to the asset to manipulate the surface. You can also choose how many repeats horizontally and vertically you would like the texture to tile by.

Demo at https://cesswairimu.github.io/png-to-glb-utility

Example of a tiled textured surface created with the utility and the resulting scene as viewed in Mozilla Hubs.

Reuse

  • Install from npm
  • Call createGLFTAsset method which expects at least a base Image texture

Accepted formats are HTML Image Element (PNG/JPG), HTML Canvas Element, ArrayBuffer (PNG) and Data URL (PNG)

  • Add a roughness and a normal texture with the above accepted formats.
  • Specify if you want the texture to repeat/tile on the surface. Tiles by height 1 and width 1 by default. Expects an number array input like so [widthTile, HeightTile].
  • Specify if you want to download the asset as a glb or gltf it downloads a .glb file by default

Example

const assetProperties = {
 baseTexture: "baseImage",
 roughnessTexture: "",
 normalTexture: "",
 tile: [7, 4],
 type: "gltf"
}
createGLFTAsset(assetProperties)

dependecies

This package uses GLTFUtils library to create the GLTF asset

About

A JS utility where you can choose an image, and it inserts it into a GLTF/glb formatted file, and lets you download it as image.glb

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published