在SCNNode上加载WebView CALayer时出现问题

Question

我正在寻找帮助,找出如何解决这个问题.SceneKit允许您将CALayer设置为SCNNode外观的内容.是否可以从UIWebView获取CALayer并将其呈现为SCNMaterial的内容？

我试图将SCNNode的漫反射内容更改为函数中的WebView层 - (void)webViewDidFinishLoad:(UIWebView*)webView完成,但代码崩溃.

但我收到此错误:43282] bool _WebTryThreadLock(bool),0x7fae33f33680:试图从主线程或Web线程以外的线程获取Web锁.这可能是从辅助线程调用UIKit的结果.现在崩溃......

这是我的代码供参考

//
//  GameViewController.h
//  WebViewLayerTest
//

#import <UIKit/UIKit.h>
#import <SceneKit/SceneKit.h>

@interface GameViewController : UIViewController <UIWebViewDelegate,SCNNodeRendererDelegate>
@property (nonatomic, retain) IBOutlet UIWebView *webView;
@property (nonatomic,retain) SCNBox *box;
-(void) storeLayer;
@end



//
//  GameViewController.m
//  WebViewLayerTest
//
//

#import "GameViewController.h"
#import <QuartzCore/QuartzCore.h>

@implementation GameViewController 

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.webView = [[UIWebView alloc] initWithFrame:CGRectMake(10, 10, self.view.bounds.size.width-20.0, self.view.bounds.size.height-30.0)];
    
    NSString *urlAddress = @"https://www.google.com/";
    NSURL *url = [NSURL URLWithString:urlAddress];
    NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];
    [self.webView loadRequest:requestObj];
    
    self.webView.delegate = self;

    // create a new scene

    SCNScene *scene = [SCNScene scene];

    // create and add a camera to the scene
    SCNNode *cameraNode = [SCNNode node];
    cameraNode.camera = [SCNCamera camera];
    [scene.rootNode addChildNode:cameraNode];
 
    //    // place the camera
    cameraNode.position = SCNVector3Make(0, 0, 15);

    // create and add a light to the scene
    SCNNode *lightNode = [SCNNode node];
    lightNode.light = [SCNLight light];
    lightNode.light.type = SCNLightTypeOmni;
    lightNode.position = SCNVector3Make(0, 10, 10);
    [scene.rootNode addChildNode:lightNode];
  
    // create and add an ambient light to the scene
    SCNNode *ambientLightNode = [SCNNode node];
    ambientLightNode.light = [SCNLight light];
    ambientLightNode.light.type = SCNLightTypeAmbient;
    ambientLightNode.light.color = [UIColor darkGrayColor];
    [scene.rootNode addChildNode:ambientLightNode];
   
    
    self.box = [SCNBox boxWithWidth:1.0 height:1.0 length:1.0 chamferRadius:0.05];
    self.box.firstMaterial.diffuse.contents = [UIColor blueColor];
    
    SCNNode* ship = [SCNNode nodeWithGeometry:self.box];
    //    // animate the 3d object
    [ship runAction:[SCNAction repeatActionForever:[SCNAction rotateByX:0 y:2 z:0 duration:1]]];
    //
    //    // retrieve the SCNView
    SCNView *scnView = (SCNView *)self.view;
    //
    
    [scene.rootNode addChildNode:ship];
    //    // set the scene to the view
    scnView.scene = scene;
    
    // allows the user to manipulate the camera
    scnView.allowsCameraControl = YES;
    
    // show statistics such as fps and timing information
    scnView.showsStatistics = YES;
    
    // configure the view
    scnView.backgroundColor = [UIColor blackColor];
    
    
   
    
    // add a tap gesture recognizer
//    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTap:)];
//    NSMutableArray *gestureRecognizers = [NSMutableArray array];
//    [gestureRecognizers addObject:tapGesture];
//    [gestureRecognizers addObjectsFromArray:scnView.gestureRecognizers];
//    scnView.gestureRecognizers = gestureRecognizers;
}

- (void) handleTap:(UIGestureRecognizer*)gestureRecognize
{
    // retrieve the SCNView
    SCNView *scnView = (SCNView *)self.view;
    
    // check what nodes are tapped
    CGPoint p = [gestureRecognize locationInView:scnView];
    NSArray *hitResults = [scnView hitTest:p options:nil];
    
    // check that we clicked on at least one object
    if([hitResults count] > 0){
        // retrieved the first clicked object
        SCNHitTestResult *result = [hitResults objectAtIndex:0];
        
        // get its material
        SCNMaterial *material = result.node.geometry.firstMaterial;
        
        // highlight it
        [SCNTransaction begin];
        [SCNTransaction setAnimationDuration:0.5];
        
        // on completion - unhighlight
        [SCNTransaction setCompletionBlock:^{
            [SCNTransaction begin];
            [SCNTransaction setAnimationDuration:0.5];
            
            material.emission.contents = [UIColor blackColor];
            
            [SCNTransaction commit];
        }];
        
        material.emission.contents = [UIColor redColor];
        
        [SCNTransaction commit];
    }
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    
    NSLog(@"Finished Loading");
    
//    self.box.firstMaterial.diffuse.contents = _webView.layer;

    dispatch_async(dispatch_get_main_queue(),^ {
        self.box.firstMaterial.diffuse.contents = _webView.layer;
    } );
//    [self performSelectorOnMainThread:@selector(storeLayer) withObject:nil waitUntilDone:YES];

}

-(void) storeLayer{
    self.box.firstMaterial.diffuse.contents = _webView.layer;
}

- (BOOL)shouldAutorotate
{
    return YES;
}

- (BOOL)prefersStatusBarHidden {
    return YES;
}

- (UIInterfaceOrientationMask)supportedInterfaceOrientations
{
    if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) {
        return UIInterfaceOrientationMaskAllButUpsideDown;
    } else {
        return UIInterfaceOrientationMaskAll;
    }
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Release any cached data, images, etc that aren't in use.
}

@end

Answer 1

我遇到了同样的问题，并通过以下方法解决了。

\n\n

1.实验发现CALayer可以直接使用设置diffuse.contents\xef\xbc\x8c但是UIView不行

\n\n

func renderer(_ renderer: SCNSceneRenderer, didAdd node: SCNNode, for anchor: ARAnchor) {\n        guard let imageAnchor = anchor as? ARImageAnchor else { return }\n        let testLayer = CALayer()\n        testLayer.frame = self.view.bounds\n        testLayer.backgroundColor = UIColor.blue.cgColor\n\n        let referenceImage = imageAnchor.referenceImage\n        let plane = SCNPlane(width: referenceImage.physicalSize.width,\n                             height: referenceImage.physicalSize.height)\n        plane.firstMaterial?.diffuse.contents = testLayer\n        let planeNode = SCNNode(geometry: plane)\n        planeNode.eulerAngles.x = -.pi / 2\n\n        node.addChildNode(planeNode)\n    }\n

\n\n

}

\n\n

2. 当 webview 完成加载时获取 webview 快照。

\n\n

func captureWebview() -> UIImage{\n    var image : UIImage!\n    UIGraphicsBeginImageContextWithOptions(webView.scrollView.contentSize, webView.scrollView.isOpaque, 0.0)\n    let savedContentOffset = webView.scrollView.contentOffset\n    let savedFrame = webView.scrollView.frame\n    webView.scrollView.contentOffset = CGPoint.zero\n    webView.scrollView.frame = CGRect(x: 0, y: 0, width: webView.scrollView.contentSize.width,height: webView.scrollView.contentSize.height)\n\n    webView.scrollView.layer.render(in: UIGraphicsGetCurrentContext()!)\n    image = UIGraphicsGetImageFromCurrentImageContext()\n\n    webView.scrollView.contentOffset = savedContentOffset\n    webView.scrollView.frame = savedFrame\n\n    UIGraphicsEndImageContext()\n\n    return image\n}\n

\n\n

3.将webview快照设置为diffuse.contents

\n\n

func renderer(_ renderer: SCNSceneRenderer, didAdd node: SCNNode, for anchor: ARAnchor) {\n     guard let imageAnchor = anchor as? ARImageAnchor else { return }\n\n        let referenceImage = imageAnchor.referenceImage\n        let plane = SCNPlane(width: referenceImage.physicalSize.width,\n                             height: referenceImage.physicalSize.height)\n        plane.firstMaterial?.diffuse.contents = self.testImage\n        let planeNode = SCNNode(geometry: plane)\n        planeNode.eulerAngles.x = -.pi / 2\n\n        node.addChildNode(planeNode)\n\n\n}\n

\n