SKSpriteNode（またはSKScene）に背景ぼかしを追加

Question

私はオーバーレイパネルSKSceneをSCNSceneに持っています。このパネルには、SKSpriteNodeという色が含まれています。私は、パネルに背景のぼかし効果を追加する方法を知らない。

別の質問：私は、パネルを追加するには、このメソッドを使用します。

colorPanelScene = SKScene(fileNamed: "art.scnassets/ColorPanelScene")! 
SCNsceneView.overlaySKScene = colorPanelScene 
SCNsceneView.overlaySKScene!.userInteractionEnabled = true; 

はこれが正しい方法ですか私は別々のUIViewように、パネルを作成して（とぼかしを適用すべきです効果はより単純な方法で）？

Answer 1

オーバレイシーンにSKEffectsNodeを追加すると、この効果が得られます。

少し難解ですが、やっているように読み込むだけでは十分ではありません。

このメソッドは、バックグラウンドが静的である場合にのみ機能します。基本的には、背景をスクリーンショットし、それをぼやけさせるためにSKEffectNodeにロードすることです。

SceneKitエディタで、シーンにノードを追加し（このノードが他のノードの子ではないことを確認してください）、このノードのクラスを名前がSKEffectNodeに設定していることを確認したら、EffectNode 。これは、設計時にできるだけ少なくなるべくzPositionでなければなりません。 、そして、

if let effectNode = colorPanelScene.childNodeWithName("EffectNode") as? SKEffectNode { 
    let blur = CIFilter(name:"CIGaussianBlur",withInputParameters: ["inputRadius": 10.0]); 
    effectNode.filter = blur; 
    effectNode.shouldRasterize = true; 
    effectNode.shouldEnableEffects = true; 


    UIGraphicsBeginImageContextWithOptions(view.bounds.size, true, 0) 
     view.drawViewHierarchyInRect(view.bounds, afterScreenUpdates: true) 
     let image = UIGraphicsGetImageFromCurrentImageContext() 
    UIGraphicsEndImageContext() 
    let node = SKSpriteNode(texture:SKTexture(image: image)); 
    effectNode.addChild(node); 
} 

SKEffectNodeの上に別のSKNodeを追加し、それはSKEffectNodeの子ではないことを確認してください：

は、その後のコードでは、次の操作を行いたいです。オーバーレイ要素をすべてSKNodeにスローします。

Answer 2

私はUIVisualEffectViewとします。それは、UIKitとCore Animationの皆さんから素晴らしい最適化を得ており、プラットフォーム上で一貫して見えるようにします。