1. Home
  2. obj2html
Convert 3D models of Wavefront obj to HTML using CSS3 transforms.
obj2html
Package: obj2html
Created by: ukatama
Last modified: Thu, 12 May 2022 00:42:44 GMT
Version: 1.0.1
License: MIT
Downloads: 16
Repository: https://github.com/ukatama/obj2html

Install

npm install obj2html
yarn add obj2html

obj2html






Convert 3D models of Wavefront obj to HTML using CSS3 transforms.

Install

$ npm install -g obj2html

Usage

CLI

$ obj2html -o model.html model.obj

API

JavaScript

 import { readFileSync, writeFileSync } from 'fs';
import obj2html from 'obj2html';

const obj = readFileSync('src.obj').toString('utf-8');

const dom = obj2html(obj, {
  classPrefix: 'obj',
  scale: 100,
  number: false,
  fontSize: 20,
});

writeFileSync('dst.html', `<!DOCTYPE html>\r\n${dom.window.document.documentElement.outerHTML}`);

TypeScript

 import { readFileSync, writeFileSync } from 'fs';
import obj2html from 'obj2html/ts';

const obj = readFileSync('src.obj').toString('utf-8');

const dom = obj2html(obj, {
  classPrefix: 'obj',
  scale: 100,
  number: false,
  fontSize: 20,
});

writeFileSync('dst.html', `<!DOCTYPE html>\r\n${dom.window.document.documentElement.outerHTML}`);

Webpack Loader

 // webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.obj$/,
        loader: 'obj2html/obj-loader',
        options: {
          classPrefix: 'obj2html',
          fontSize: 20,
          number: falce,
          scale: 100,
        },
      },
    ],
  },
};

 import { classPrefix, body, style } from 'path/to/model.obj';

console.log(classPrefix); // obj2html-XXXXXXXX
console.log(body); // <div class="obj2html-XXXXXXXX"><div class="...
console.log(style); // <style>...

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

© 2023 Tahuuchi All Rights Reserved