0

私は JS の初心者です。最近、Wikitude という html/css/js を使用して拡張現実アプリを作成するための SDK を見つけました。以下に示すように、クリックすると scaleModel 関数を呼び出すボタンが表示されます。この関数は、アプリが表示する 3D モデルのサイズを大きくできるようにする scale プロパティの新しい値を作成します。押すたびに値が増加するボタンと、押すたびに値が減少する別のボタンを作成できるようにしたいと思います。このようにして、サイズを大きくするボタンと小さくするボタンの 2 つのボタンを作成します。あなたの助けに感謝します。

<!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>

アニメーション スケールを作成

4

1 に答える 1

1

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-17T04:36:56.227 に答える