Converts legacy JSON models (created by the three.js Blender exporter, for THREE.JSONLoader) to glTF 2.0. When original .blend files are available, prefer direct export from Blender 2.80+.
NOTE: JSON files created with
.toJSON()use a newer JSON format, which isn't deprecated, and these are still supported by THREE.ObjectLoader. This converter does not support that newer type of JSON file.
Installation:
npm install canvas vblob three
| engine | max influences / vertex |
|---|---|
| BabylonJS | 8 |
| Cesium | 4 |
| Godot | 8 |
| Love3D | 4 |
| three.js | 4 |
| UE4 | 8 |
| Unity | 1, 2, 4, or Unlimited |
| Windows MR | 4 |
Example script showing how to use glTF-Transform (https://gltf-transform.donmccurdy.com/) to divide a glTF asset — along an axis — into two GLBs, each occupying half the original bounding box. This is just a rough illustration, and has only been tested against a point cloud containing a single mesh. A production implementation would want to do more than this:
For input with significant outliers (e.g. noisy point clouds), dividing by the center of the bounding box may give unexpected results.
The NodeJS live-server package runs a temporary server displaying any HTML/CSS/JS resources in the current folder. It automatically reloads the page in your browser when any of these files change.
which npm in a terminal, it is. If not, follow the instructions at nodejs.org to install.npm install -g live-servercd <path-to-content>live-server .
| import { Document, NodeIO, Primitive } from '@gltf-transform/core'; | |
| const document = new Document(); | |
| const buffer = document.createBuffer(); | |
| const position = document.createAccessor() | |
| .setType('VEC3') | |
| .setBuffer(buffer) | |
| .setArray(new Float32Array([ | |
| 0, 0, 0, // ax,ay,az |
| /** | |
| * Various methods of estimating a vertex count. For some background on why | |
| * multiple definitions of a vertex count should exist, see [_Vertex Count | |
| * Higher in Engine than in 3D Software_](https://shahriyarshahrabi.medium.com/vertex-count-higher-in-engine-than-in-3d-software-badc348ada66). | |
| * | |
| * NOTICE: Many rendering features, such as volumetric transmission, may lead | |
| * to additional passes over some or all vertices. Such tradeoffs are | |
| * implementation-dependent, and not considered here. | |
| */ | |
| export enum VertexCountMethod { |
| import {readFile} from 'node:fs/promises'; | |
| import {join} from 'node:path'; | |
| import glob from 'glob'; | |
| import builtinModules from 'builtin-modules'; | |
| const IMPORT_IDENTIFIER_REGEX = /(?:\A|\r|\n|\r\n)import[^'"]*['"]([\@\.\/\w_-]+)['"]/g; | |
| const BUILTIN_MODULES = new Set<string>(builtinModules); | |
| const pkgPaths = glob.sync(join('modules', '*', 'package.json')); |
| <html> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8"> | |
| <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,user-scalable=no,maximum-scale=1"> | |
| <title>Examples • Slow Mouse</title> | |
| <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> | |
| <script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v3.3.0/dist/aframe-extras.min.js"></script> | |
| <script> | |
| AFRAME.registerComponent('slowmouse-controls', { |
| /** | |
| * Creates a RegExp from the given string, converting asterisks to .* expressions, | |
| * and escaping all other characters. | |
| */ | |
| function wildcardToRegExp (s) { | |
| return new RegExp('^' + s.split(/\*+/).map(regExpEscape).join('.*') + '$'); | |
| } | |
| /** | |
| * RegExp-escapes all characters in the given string. |
| #!/usr/bin/env bash | |
| OCIO="/Applications/Blender 4.0.app/Contents/Resources/4.0/datafiles/colormanagement/config.ocio" | |
| OCIO_LOOK="AgX - Base Contrast" | |
| # Source: https://github.com/sobotka/Testing_Imagery | |
| declare -a arr=( | |
| "blue_bar_709" | |
| "Matas_Alexa_Mini_sample_BT709" | |
| "mery_lightSaber_lin_srgb" |