three engine mit spider nutzen
Verfasst: 27.06.2022 20:33
hallo,
vorangestellt, ich habe absolut null plan von js
darum würd ich ja gern spider nutzen
habe dieses einfache programm in der html
es benutzt die three engine, welche sich im ordner "js" bei der htm befindet
funktioniert auch wunderbar
nun versuche ich dieses in spider einzubinden
leider funktioniert absolut garnichts
kann mir wer starthilfe geben?
wie lege ich den renderer auf den sb-fullscreen?
wenn ich einmal gerafft hab, wie es geht, kann ich mir
den rest der funktionen selber ins spider wrappen
vorangestellt, ich habe absolut null plan von js
darum würd ich ja gern spider nutzen
habe dieses einfache programm in der html
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My first three.js app</title>
<style>
body { margin: 0; }
</style>
</head>
<body>
<script src="js/three.js"></script>
<script>
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 55, window.innerWidth / window.innerHeight, 0.1, 1000 );
const renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
const geometry = new THREE.TorusKnotGeometry( 9, 3, 44, 8 );
const material = new THREE.MeshBasicMaterial( { color: 0xf0f0a0 } );
const torusKnot = new THREE.Mesh( geometry, material );
scene.add( torusKnot );
camera.position.z = 35;
function animate() {
requestAnimationFrame( animate );
torusKnot.rotation.x += 0.01;
torusKnot.rotation.y += 0.05;
renderer.render( scene, camera );
};
animate();
</script>
</body>
</html>
funktioniert auch wunderbar
nun versuche ich dieses in spider einzubinden
Code: Alles auswählen
; three webgl
; ------------------------------------------------------------
EnableExplicit
Global myscene,myrenderer,mycamera,torus
Debug "vars init"
Procedure CreateRenderer()
! var threerenderer = new THREE.WebGLRenderer();
! threerenderer.setSize( window.innerWidth, window.innerHeight );
! document.body.appendChild( threerenderer.domElement );
! return threerenderer;
EndProcedure
Procedure CreateScene()
! var threescene = new THREE.Scene();
! return threescene;
EndProcedure
Procedure CreateCamera()
! var threecamera = new THREE.PerspectiveCamera( 55, window.innerWidth / window.innerHeight, 0.1, 1000 );
! return threecamera;
EndProcedure
Procedure render(renderer, scene, camera)
;! requestAnimationFrame( animate );
! v_renderer.render( v_scene, v_camera );
EndProcedure
Procedure CreateTorusKnot()
! var geometry = new THREE.TorusKnotGeometry( 9, 3, 44, 8 );
! var material = new THREE.MeshBasicMaterial( { color: 0xf0f0a0 } );
! var torusKnot = new THREE.Mesh( geometry, material );
! scene.add( torusKnot );
! return torusKnot;
EndProcedure
Procedure Main(URL$, Success)
Debug "Script URL: " + URL$
Debug "Loading status: " + Success
myrenderer = CreateRenderer()
myscene = CreateScene()
mycamera = CreateCamera()
torus= CreateTorusKnot()
render(myrenderer,myscene,mycamera)
EndProcedure
LoadScript("js/three.js", @Main())
kann mir wer starthilfe geben?
wie lege ich den renderer auf den sb-fullscreen?
wenn ich einmal gerafft hab, wie es geht, kann ich mir
den rest der funktionen selber ins spider wrappen
