AlbertoBonn

Members
  • Content count

    33
  • Joined

  • Last visited

About AlbertoBonn

  • Rank
    Advanced Member
  1. Audio Syncro with babylon.js

    thanx I will try this!
  2. Audio Syncro with babylon.js

    Ok, thanx for the very fast answer! I have a song 4min long, with two important scenes, where the 3D animation should be in sync with the song. The scene before the important moments in the song, its ok when it doesnt play thru the full scene before the important moment come. Its ok when the animation jumps on this point to the important scene. Again: 10 scenes, scene 5 and 7 must be in sync but the scene 4 and 6 the animation can jump to the important scene when its not in sync. Thanx, Alberto
  3. Syncronize Audio with Scenes

    Hi Folks, iI try to syncronize my 3D Animation with a music track. How I can do it? Thanx
  4. Audio Syncro with babylon.js

    Hi Folks, how can I syncronize a babylon walkthru scene with an audio file? Or there a solution to check the current time of an audio file to syncronize the babylon cam/actor position? Thanx
  5. Camera position jump back after mouse release

    Thanx Wing, thats what Im looking for. Here my code: var wasd={l:0,r:0,f:0,b:0,s:0.03};function kDwn(evt){switch(evt.keyCode){case 65:wasd.l=1;break;case 68:wasd.r=1;break;case 87:wasd.f=1;break;case 83:wasd.b=1;break;}}function kUp(evt){switch(evt.keyCode){case 65:wasd.l=0;break;case 68:wasd.r=0;break;case 87:wasd.f=0;break;case 83:wasd.b=0;break;}}window.addEventListener("keyup", kUp, false);window.addEventListener("keydown", kDwn, false);if(BABYLON.Engine.isSupported()){ var canvas = document.getElementById("cnvs"); var engine = new BABYLON.Engine(canvas, true); BABYLON.SceneLoader.Load("","scene.babylon",engine,function(scn){ scn.executeWhenReady(function(){ scn.activeCamera.attachControl(canvas); var actC=scn.activeCamera; var cDir=actC.cameraDirection; var rstV=actC.rotation; //window.addEventListener("mouseup",function(){actC.rotation=new BABYLON.Vector3(rstV.x,rstV.y,rstV.z)}); engine.runRenderLoop(function(){ if(wasd.f==1)cDir.z+=wasd.s;if(wasd.b==1)cDir.z-=wasd.s;if(wasd.r==1)cDir.x+=wasd.s;if(wasd.l==1)cDir.x-=wasd.s; scn.render(); }); }); }, function(progress){ // To do: give progress feedback to user });} I hope you find a smaller solution! I need a WASD controll... maybe you can help me out. Thanx a lot
  6. Camera position jump back after mouse release

    thanx you iiceman for the direct awnser. Its right ,but it bend back and then... it scroll further in the mouse selected direction. How we can solve this?!
  7. Hi Folks, looking for a solution to set the camera position back after i release my mousebutton to view in a direction. thanx
  8. duplicated meshes dont got the position

    How can i reset the meshes. I reset the location with strg+a before i group the meshes. The reference mesh move but not the duplicate.
  9. Hello, how can i apend duplicated meshes to a parent mesh and animate it together. The duplicated meshes keep the position. I export it with blender. For example: a car with four wheels, the fist wheel follow the car but not the duplicated wheels. I think its a beginner problem. Thanx
  10. Hi Babylonier, need a animated gif as texture. the gif i see on the mesh, but only the first image. the gif start automaticly in the browser, but not on a babylon mesh. No i cant use ogv or mp4 for 3 or 4 images per sequence/file. thanks Alberto
  11. This base64 string will not work anymore?! particleSystem.particleTexture = new BABYLON.Texture('data:image/png;base64,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', scene); I start to solve it but no solution.?!.... : BABYLON.ParticleSystem.prototype.forceDepthWrite = false;Have somebody an awnser?! greetz Alberto
  12. The testscene simulate the situation, where the ball never stop!? I think we can solve it with the Brownian Motion in intensity and tween or easing type http://easings.net/en, http://www.greensock.com/gsap-js/ 3dDemo More infos: http://de.wikipedia.org/wiki/1/f%C2%B2-Rauschen http://en.wikipedia.org/wiki/Brownian_noise http://en.wikipedia.org/wiki/Brownian_motion Testscene: <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>BABYLON - physics</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <link rel="stylesheet" href="lib/css/babylon.css"> <script src="lib/js/babylon.1.9.0.js"></script> <script src="lib/js/hand.js"></script> <script src="lib/js/stats.js"></script> <script src="lib/js/cannon.js"></script> <script type="text/javascript">window.onload=function(){ this.canvas = document.getElementById("webgl"); if (!BABYLON.Engine.isSupported()){window.alert('Your browser do not support WebGL'); }else{ var engine = new BABYLON.Engine(canvas,true); scene = createScene(engine); scene.activeCamera.attachControl(canvas); engine.runRenderLoop(function(){ scene.render(); stats(scene,"stats"); // call the statistics }); this.addEventListener("resize", function () { engine.resize(); }); } };var createScene= function (engine){ var scene = new BABYLON.Scene(engine); var camera = new BABYLON.FreeCamera("Camera", new BABYLON.Vector3(0, 3, -40), scene); camera.position.y = -12; camera.checkCollisions = true; camera.applyGravity = true; var light = new BABYLON.DirectionalLight("dir02", new BABYLON.Vector3(0.2, -1, 0), scene); light.position = new BABYLON.Vector3(0, 80, 0); var materialAmiga = new BABYLON.StandardMaterial("amiga", scene); materialAmiga.diffuseTexture = new BABYLON.Texture("lib/media/amiga.jpg", scene); materialAmiga.emissiveColor = new BABYLON.Color3(0.5, 0.5, 0.5); materialAmiga.diffuseTexture.uScale = 5; materialAmiga.diffuseTexture.vScale = 5; var materialAmiga2 = new BABYLON.StandardMaterial("amiga", scene); materialAmiga2.diffuseTexture = new BABYLON.Texture("lib/media/ground.jpg", scene); materialAmiga2.emissiveColor = new BABYLON.Color3(0.5, 0.5, 0.5); var box = BABYLON.Mesh.CreateBox("Box", 10, scene); box.position.x = -8; box.material = materialAmiga2; box.rotationQuaternion = BABYLON.Quaternion.RotationYawPitchRoll(0, .21, .43); var sphere = BABYLON.Mesh.CreateSphere("Sphere", 9, 10.0, scene); sphere.position.x = 6; sphere.material = materialAmiga; var ground = BABYLON.Mesh.CreatePlane("Plane", 164.0, scene); ground.material = materialAmiga2; ground.position.y = -30; ground.rotationQuaternion = BABYLON.Quaternion.RotationYawPitchRoll(0, Math.PI/2, 0); // Physics scene.enablePhysics(); scene.setGravity(new BABYLON.Vector3(0, -98.1, 0)); sphere.setPhysicsState({ impostor: BABYLON.PhysicsEngine.SphereImpostor, mass: 1, }); box.setPhysicsState({ impostor: BABYLON.PhysicsEngine.BoxImpostor, mass: 5 }); ground.setPhysicsState({ impostor: BABYLON.PhysicsEngine.BoxImpostor, mass: 0, friction: 1, restitution: 0.1 }) return scene; };</script></head><body> <canvas id="webgl"></canvas></body></html>