如何用onclick多次更改变量的值？

我是一个JS新手，最近我发现了一个用于创建增强现实应用程序的SDK，其中包含名为wikitude的html/css/js。当你在下面看到的时候，你会看到一个按钮，当点击时调用scaleModel函数，然后为scale属性创建新的值，这将允许3d模型我的应用程序显示尺寸增加。我只想创建一个按钮，每按一次它都会增加数值，而另一个按钮则会在每次按按钮时降低数值。这样我会有两个按钮，一个用于增加尺寸，另一个用于减小。我非常感谢你的帮助。如何用onclick多次更改变量的值？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta name="viewport" content="target-densitydpi=device-dpi, width = 540, user-scalable = 0" /> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>My ARchitect World</title> 
<script src="architect://architect.js"></script> 
<script> 
var model; 
var location; 

function createModel() 
{ 
AR.logger.activateDebugMode(); 
AR.logger.info("info"); 

var modelOptions = { 
    scale: {x: 0.1, y: 0.1, z: 0.1}, 
    rotate: {heading: -30}, 
    rotate: {tilt: 30}, 
    translate: {y: -0.5} 
}; 

model = new AR.Model("my3dModel.wt3", modelOptions); 
location = new AR.RelativeLocation(null, 0, -50, 0); 
var myGeoObject = new AR.GeoObject(location, {drawables: {cam: model}}); 
} 

function scaleModel() { 
model.scale.x = 0.5; 
model.scale.y = 0.5; 
model.scale.z = 0.5; 
} 

</script> 
</head>

创建动画规模

来源

2013-04-17 user974725

如果你犯了一个新的功能，如scaleModel()功能，通过量乘以规模，而不是设置它的：

function scaleModelBy(amount) { 
    model.scale.x = model.scale.x * amount; 
    model.scale.y = model.scale.y * amount; 
    model.scale.z = model.scale.z * amount; 
}

您可以在一些按钮中调用它：

<button onclick="scaleModelBy(2);">Scale up</button> 
<button onclick="scaleModelBy(0.5);">Scale down</button>

来源

2013-04-17 04:36:56

我唯一的选择是多重？我无法添加？乘数不会让我按照我想要的那样精确地缩放。 – user974725

您可以添加。只需制作另一个函数或修改上面的函数，以便它添加数量而不是相乘。 –

难道他们都不是浮动 – user974725

如何用onclick多次更改变量的值？

回答

相关问题