P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Three 160, importmap only towards CDN, no more Sparc imports for Three components, kicke outdated outliner, replaced by custom simpler highliter

Browse Source
This commit is contained in:
STEINNI
2025-11-17 17:19:35 +00:00
parent 640d565d57
commit aa5b77f65b
13 changed files with 135 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/editors/KeyframeView.html
+11 -1
View File
@@ -122,7 +122,17 @@
<article eiccard class="kfArena">
<section>
<canvas data-output="kfArenaCanvas"></canvas>
<bz-slidepane side="bottom" data-output="console"></bz-slidepane>
<bz-slidepane side="bottom" data-output="console">
<div class="inner-console">
<div class="results">
JS 3D Console. for help, type "help"
</div>
<div class="cols-2 commandline">
<textarea type="text" data-output="commands"></textarea>
<button class="icon-play" data-trigger="execCommand"></button>
</div>
</div>
</bz-slidepane>
</section>
</article>
<article eiccard class="agent-properties">
app/views/editors/KeyframeView.js
+18 -14
View File
@@ -63,17 +63,22 @@ class KeyframeView extends WindozDomContent {
this.outputs.btnSaveKF.disabled = true
this.outputs.kfName.addEventListener('keyup', this.updateKfButtons.bind(this))
this.currentlySelectedAid = null
this.output('console',`
<div class="inner-console">
<div class="results">
JS 3D Console. for help, type "help"
</div>
<div class="cols-2 commandline">
<textarea type="text" style=""></textarea>
<button class="icon-play" data-trigger="execCommand"></button>
</div>
</div>
`)
// this.output('console',`
// <div class="inner-console">
// <div class="results">
// JS 3D Console. for help, type "help"
// </div>
// <div class="cols-2 commandline">
// <textarea type="text" style="" data-output="commands"></textarea>
// <button class="icon-play" data-trigger="execCommand"></button>
// </div>
// </div>
// `)
}
async execCommand(event){
console.log('cmd:', this.ouputs.caommands)
}
async onChangeAgent(event){
@@ -86,7 +91,6 @@ class KeyframeView extends WindozDomContent {
this.currentAgentType = await this.models.agents.getProperties(this.outputs.agentsSelector.value)
this.fillAgentProperties('', this.currentAgentType.atp_props)
// Deselect any on-scene selection
this.kfArena.highlighted3DObjects.length = 0
this.currentlySelectedAid = null
}
}
@@ -105,13 +109,13 @@ class KeyframeView extends WindozDomContent {
onclickAgent(obj3D){
const aid = obj3D.name
this.kfArena.highlighted3DObjects.length = 0 //truncate but keep the ref !
if(this.currentlySelectedAid == aid){ // Deselect
this.kfArena.clearHighlight3DObj(obj3D, this.kfArena.scene)
this.currentlySelectedAid = null
} else { // Select
this.currentlySelectedAid = aid
if(this.kfArena.agents[aid]) {
this.kfArena.highlighted3DObjects.push(obj3D)
this.kfArena.highlight3DObj(obj3D, this.kfArena.scene)
this.fillAgentProperties(aid, this.kfArena.agents[aid].props, this.kfArena.agents[aid].values)
this.notUserChange = true
this.outputs.agentsSelector.value = this.kfArena.agents[aid].type
app/views/editors/modules/agentPreview.module.js
+1 -1
View File
@@ -1,4 +1,4 @@
import * as THREE from '/app/thirdparty/Three/three.module.js'
import * as THREE from 'three' //'/app/thirdparty/Three/three.module.js'
export class AgentPreview{
app/views/editors/modules/kfArena.module.js
+12 -15
View File
@@ -1,6 +1,6 @@
import * as THREE from '/app/thirdparty/Three/three.module.js'
import { OrbitControls } from '/app/thirdparty/Three/OrbitControls.module.js'
import * as TWEEN from '/app/thirdparty/Three/tween.module.js'
import * as THREE from 'three' // '/app/thirdparty/Three/three.module.js'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' // '/app/thirdparty/Three/OrbitControls.module.js'
import * as TWEEN from 'three/examples/jsm/libs/tween.module.js' //'/app/thirdparty/Three/tween.module.js'
export class kfArena{
@@ -56,15 +56,13 @@ export class kfArena{
this.axes.layers.set(2)
this.scene.add(this.axes)
this.renderer = new THREE.WebGLRenderer({ antialias: true, canvas: this.canvasEl })
this.init3DHighlighter({
edgeStrength: 3,
visibleEdgeColor: 0xffff00,
edgeGlow: 1,
edgeThickness: 4,
pulsePeriod: 2,
})
this.canvasEl.addEventListener('click', this.onSceneClick.bind(this))
this.renderer = new THREE.WebGLRenderer({ antialias: true, canvas: this.canvasEl, stencil: true })
// this.renderer.physicallyCorrectLights = true
// this.renderer.outputColorSpace = THREE.SRGBColorSpace
// this.renderer.toneMapping = THREE.ACESFilmicToneMapping
// this.renderer.toneMappingExposure = 1
this.canvasEl.addEventListener('click', this.onSceneClick.bind(this))
}
startRendering(){
@@ -74,9 +72,8 @@ export class kfArena{
render() {
TWEEN.update()
this.resizeRendererToDisplaySize()
if(this.composer) this.composer.render()
else this.renderer.render(this.scene, this.camera)
const resized = this.resizeRendererToDisplaySize()
this.renderer.render(this.scene, this.camera)
requestAnimationFrame(this.render.bind(this))
}