lzy
/
threepipe
Слідкувати 1
В обрані 0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Переглянути джерело

Update uiconfig-tweakpane, add tweakpane-ui-plugin example

master
Palash Bansal 2 роки тому
джерело
4766d64ca8
коміт
fbd83713f5
Аккаунт користувача з таким Email не знайдено
5 змінених файлів з 82 додано та 20 видалено
Розділений перегляд Показати статистику Diff
  1. 36
    0
      examples/tweakpane-ui-plugin/index.html
  2. 25
    0
      examples/tweakpane-ui-plugin/script.ts
  3. 17
    17
      plugins/tweakpane/package-lock.json
  4. 3
    3
      plugins/tweakpane/package.json
  5. 1
    0
      plugins/tweakpane/src/tpImageInputGenerator.ts

+ 36
- 0
examples/tweakpane-ui-plugin/index.html Переглянути файл

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tweakpane Ui Plugin</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Import maps polyfill -->
<!-- Remove this when import maps will be widely supported -->
<script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>

<script type="importmap">
{
"imports": {
"threepipe": "./../../dist/index.mjs",
"@threepipe/plugin-tweakpane": "./../../plugins/tweakpane/dist/index.mjs"
}
}

</script>
<style id="example-style">
html, body, #canvas-container, #mcanvas {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
}
</style>
<script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
<script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
</head>
<body>
<div id="canvas-container">
<canvas id="mcanvas"></canvas>
</div>

</body>

+ 25
- 0
examples/tweakpane-ui-plugin/script.ts Переглянути файл

@@ -0,0 +1,25 @@
import {_testFinish, IObject3D, ThreeViewer, TonemapPlugin} from 'threepipe'
import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

async function init() {

const viewer = new ThreeViewer({
canvas: document.getElementById('mcanvas') as HTMLCanvasElement,
msaa: true,
})

const ui = viewer.addPluginSync(new TweakpaneUiPlugin(true))
ui.appendChild(viewer.uiConfig)
ui.setupPluginUi(TonemapPlugin)

await viewer.setEnvironmentMap('https://threejs.org/examples/textures/equirectangular/venice_sunset_1k.hdr')
const result = await viewer.load<IObject3D>('https://threejs.org/examples/models/gltf/DamagedHelmet/glTF/DamagedHelmet.gltf', {
autoCenter: true,
autoScale: true,
})
const mesh = result?.getObjectByName('node_damagedHelmet_-6514')
ui.appendChild(mesh?.uiConfig)

}

init().then(_testFinish)

+ 17
- 17
plugins/tweakpane/package-lock.json Переглянути файл

@@ -1,19 +1,19 @@
{
"name": "@threepipe/plugin-tweakpane",
"version": "0.1.4",
"version": "0.1.5",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@threepipe/plugin-tweakpane",
"version": "0.1.4",
"version": "0.1.5",
"license": "Apache-2.0",
"dependencies": {
"threepipe": "file:./../../src/"
},
"devDependencies": {
"tweakpane-image-plugin": "https://github.com/repalash/tweakpane-image-plugin/releases/download/v1.1.404/package.tgz",
"uiconfig-tweakpane": "^0.0.7"
"uiconfig-tweakpane": "^0.0.8"
}
},
"../../src": {},
@@ -81,19 +81,19 @@
}
},
"node_modules/uiconfig-tweakpane": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/uiconfig-tweakpane/-/uiconfig-tweakpane-0.0.7.tgz",
"integrity": "sha512-ookHYIlS7VvFQnsGRUNipi2xJNaT7oxA7Qg2GxV3UlWK4eEOnbxWrc1hUrQ55J3B7EJgfx1LpRybKbyOnzs9Uw==",
"version": "0.0.8",
"resolved": "https://registry.npmjs.org/uiconfig-tweakpane/-/uiconfig-tweakpane-0.0.8.tgz",
"integrity": "sha512-BZE/+6pW7qlywu4nhMjvzJ47IUORWn8rJsPpmcGqJgAz8G6MZjMXEW3Ey8EL41cVsDf5QSb0E/eTK8OWwuRfbA==",
"dev": true,
"dependencies": {
"@types/three": "^0.152.1",
"uiconfig.js": "^0.0.7"
"uiconfig.js": "^0.0.8"
}
},
"node_modules/uiconfig.js": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/uiconfig.js/-/uiconfig.js-0.0.7.tgz",
"integrity": "sha512-PNZkeNd52ETa5UQRu5XLXqJZhAUoUSzCiBfYVbl+7GdRIt65XTmPgNIjqeZXL59g6zhaGrkWTLa0AVyeZzVJZQ==",
"version": "0.0.8",
"resolved": "https://registry.npmjs.org/uiconfig.js/-/uiconfig.js-0.0.8.tgz",
"integrity": "sha512-0H1OO4CNHP5O0LBy82YWWFCzDK+Yf/GtXnR3i968FkMkf0+3/JsW7MC8ea2CcPtsi8ni4TA1FrMOC+KrYmMnCQ==",
"dev": true
}
},
@@ -159,19 +159,19 @@
}
},
"uiconfig-tweakpane": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/uiconfig-tweakpane/-/uiconfig-tweakpane-0.0.7.tgz",
"integrity": "sha512-ookHYIlS7VvFQnsGRUNipi2xJNaT7oxA7Qg2GxV3UlWK4eEOnbxWrc1hUrQ55J3B7EJgfx1LpRybKbyOnzs9Uw==",
"version": "0.0.8",
"resolved": "https://registry.npmjs.org/uiconfig-tweakpane/-/uiconfig-tweakpane-0.0.8.tgz",
"integrity": "sha512-BZE/+6pW7qlywu4nhMjvzJ47IUORWn8rJsPpmcGqJgAz8G6MZjMXEW3Ey8EL41cVsDf5QSb0E/eTK8OWwuRfbA==",
"dev": true,
"requires": {
"@types/three": "^0.152.1",
"uiconfig.js": "^0.0.7"
"uiconfig.js": "^0.0.8"
}
},
"uiconfig.js": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/uiconfig.js/-/uiconfig.js-0.0.7.tgz",
"integrity": "sha512-PNZkeNd52ETa5UQRu5XLXqJZhAUoUSzCiBfYVbl+7GdRIt65XTmPgNIjqeZXL59g6zhaGrkWTLa0AVyeZzVJZQ==",
"version": "0.0.8",
"resolved": "https://registry.npmjs.org/uiconfig.js/-/uiconfig.js-0.0.8.tgz",
"integrity": "sha512-0H1OO4CNHP5O0LBy82YWWFCzDK+Yf/GtXnR3i968FkMkf0+3/JsW7MC8ea2CcPtsi8ni4TA1FrMOC+KrYmMnCQ==",
"dev": true
}
}

+ 3
- 3
plugins/tweakpane/package.json Переглянути файл

@@ -1,10 +1,10 @@
{
"name": "@threepipe/plugin-tweakpane",
"description": "Tweakpane UI Plugin for ThreePipe",
"version": "0.1.4",
"version": "0.1.5",
"devDependencies": {
"tweakpane-image-plugin": "https://github.com/repalash/tweakpane-image-plugin/releases/download/v1.1.404/package.tgz",
"uiconfig-tweakpane": "^0.0.7"
"uiconfig-tweakpane": "^0.0.8"
},
"dependencies": {
"threepipe": "file:./../../src/"
@@ -60,7 +60,7 @@
"//": {
"dependencies": {
"tweakpane-image-plugin": "https://github.com/repalash/tweakpane-image-plugin/releases/download/v1.1.404/package.tgz",
"uiconfig-tweakpane": "^0.0.7"
"uiconfig-tweakpane": "^0.0.8"
},
"local_dependencies": {
"tweakpane-image-plugin": "file:./../tweakpane-image-plugin",

+ 1
- 0
plugins/tweakpane/src/tpImageInputGenerator.ts Переглянути файл

@@ -228,6 +228,7 @@ function downloadImage(config: UiObjectConfig, _: TweakpaneUiPlugin, viewer: Thr
console.error('Only Float and HalfFloat Data texture export is supported', vcv, tex, config)
return
}
// todo: use viewer.export directly (check threepipe Readme)
const buffer = new EXRExporter2().parse(undefined as any, tex as DataTexture&ITexture)
const val: Blob|undefined = new Blob([buffer], {type: 'image/x-exr'})
if (!val) {

Писати Попередній перегляд
Завантаження…
Відмінити
Зберегти