Я немного запутался, как наклонить изображение вниз с помощью TransformableNode в Google ARCore Sceneform API.Я использую Google Sceneform пример .Я успешно могу разместить содержимое на экране.
Пожалуйста, посмотрите на изображение ниже, как оно сейчас 
Однако я хочу наклонить facebook значок внизу, как земля, которая находится в таблице.Я пытался использовать Node и TransformableNode, как указано здесь , но мне не удалось это сделать.Может кто-нибудь сказать мне, как это сделать?Вот что я попробовал до сих пор.
public class AugmentedImageNodee extends AnchorNode {
private static final String TAG = "AugmentedImageNode";
// The augmented image represented by this node.
private AugmentedImage image;
// Models of the 4 corners. We use completable futures here to simplify
// the error handling and asynchronous loading. The loading is started with the
// first construction of an instance, and then used when the image is set.
// private static CompletableFuture<ModelRenderable> ulCorner;
private static CompletableFuture<ViewRenderable> ulCorner;
private static CompletableFuture<ModelRenderable> urCorner;
private static CompletableFuture<ModelRenderable> lrCorner;
private static CompletableFuture<ModelRenderable> llCorner;
private ArFragment arFragment;
public AugmentedImageNodee(Context context, ArFragment arFragment) {
this.arFragment =arFragment;
// Upon construction, start loading the models for the corners of the frame.
if (ulCorner == null) {
/*=================================================================================*/
/*below is my only layout fb object for rendering, rest are google's one*/
/*=================================================================================*/
ulCorner = ViewRenderable.builder()
.setView(context,R.layout.fb_layout)
.build();
urCorner =
ModelRenderable.builder()
.setSource(context, Uri.parse("models/frame_upper_right.sfb"))
.build();
llCorner =
ModelRenderable.builder()
.setSource(context, Uri.parse("models/frame_lower_left.sfb"))
.build();
lrCorner =
ModelRenderable.builder()
.setSource(context, Uri.parse("models/frame_lower_right.sfb"))
.build();
}
}
/**
* Called when the AugmentedImage is detected and should be rendered. A Sceneform node tree is
* created based on an Anchor created from the image. The corners are then positioned based on the
* extents of the image. There is no need to worry about world coordinates since everything is
* relative to the center of the image, which is the parent node of the corners.
*/
@SuppressWarnings({"AndroidApiChecker", "FutureReturnValueIgnored"})
public void setImage(AugmentedImage image) {
this.image = image;
// If any of the models are not loaded, then recurse when all are loaded.
if (!ulCorner.isDone() || !urCorner.isDone() || !llCorner.isDone() || !lrCorner.isDone()) {
CompletableFuture.allOf(ulCorner, urCorner, llCorner, lrCorner)
.thenAccept((Void aVoid) -> setImage(image))
.exceptionally(
throwable -> {
Log.e(TAG, "Exception loading", throwable);
return null;
});
}
// Set the anchor based on the center of the image.
setAnchor(image.createAnchor(image.getCenterPose()));
/*=================================================================================*/
/*My node for placing the fb*/
/*=================================================================================*/
// Make the 4 corner nodes.
Vector3 localPosition = new Vector3();
TransformableNode cornerNode;
// Upper left corner.
localPosition.set(-0.5f * image.getExtentX(), 0.0f, -0.5f * image.getExtentZ());
cornerNode = new TransformableNode(arFragment.getTransformationSystem());
// cornerNode.setLocalRotation(Quaternion.axisAngle(new Vector3(0f,
// 0f, 0f ), 180));
cornerNode.setParent(this);
cornerNode.setLocalPosition(localPosition);
cornerNode.setRenderable(ulCorner.getNow(null));
/*=================================================================================*/
/*=================================================================================*/
// Upper right corner.
localPosition.set(0.5f * image.getExtentX(), 0.0f, -0.5f * image.getExtentZ());
cornerNode = new TransformableNode(arFragment.getTransformationSystem());
cornerNode.setParent(this);
cornerNode.setLocalPosition(localPosition);
cornerNode.setRenderable(urCorner.getNow(null));
// Lower right corner.
localPosition.set(0.5f * image.getExtentX(), 0.0f, 0.5f * image.getExtentZ());
cornerNode = new TransformableNode(arFragment.getTransformationSystem());
cornerNode.setParent(this);
cornerNode.setLocalPosition(localPosition);
cornerNode.setRenderable(lrCorner.getNow(null));
// Lower left corner.
localPosition.set(-0.5f * image.getExtentX(), 0.0f, 0.5f * image.getExtentZ());
cornerNode = new TransformableNode(arFragment.getTransformationSystem());
cornerNode.setParent(this);
cornerNode.setLocalPosition(localPosition);
cornerNode.setRenderable(llCorner.getNow(null));
}
public AugmentedImage getImage() {
return image;
}
}