JS中的两个函数的一个变量

时间:2014-04-03 15:12:04

标签: javascript forms function input

我开了一个小游戏,我在游戏开始时,重力在-40,但是如果玩家想要改变它,他可以。

我有这样的表格:

<form>
     <input type="text" id="userInput" />
     <input type="submit" onclick="otherG();" />
</form>

我的引力是:

function initScene() {
   blablabla
   scene.setGravity(new THREE.Vector3(0, -40, 0));
   blablabla
}

如何通过用户输入更改-40,并允许场景(不需要执行f5)?

当用户想通过按键改变重力时,表格会出现。

PS:我使用的是three.js和physijs。

1 个答案:

答案 0 :(得分:1)

也许是这样的

HTML:

<form onsubmit="return otherG();">
   <input type="text" id="userInput" />
   <input type="submit" value="Change Gravity" />
</form>

Javascript:

var gravity = -40; // default value
var doc = document;

function otherG() {
    gravity = doc.getElementById("userInput").value;
    updateScene();
    return false;
}

function updateScene() {
  blablabla
  scene.setGravity(new THREE.Vector3(0, gravity, 0));
  blablabla
}