問題タブ [image-masking]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
sprite-kit - SKSpriteNodes にランダムな穴をあける方法
質問がここで尋ねたという事実は別として: SpriteKitで四角形に穴を開けますか? 2 つの質問の最も大きな違いは、この質問には回避策がなく、特に SKCropNodes の機能を元に戻す方法について尋ねていることです。
この質問の主な懸念事項は、穴のランダム性、穴の数、および穴が適用されるオブジェクトのバリエーションのために、上記の質問に答えることができるハックな方法では対処できません。
したがって、スイスチーズの例:
チーズのような色のさまざまな色合いで満たされた、ランダムなサイズの長方形の SKSpriteNodes の束を想像してみてください。
チーズの各スライスからランダムな円を切り取って、それぞれからスイスチーズを作る方法は?
SKCropNodes が円の場合、チーズ片に穴をあけるのではなく、円形のチーズ片だけが残ります。SKCropNodes の動作を逆にして、代わりに穴をあける方法はありますか?
css - クリッピングなしの IE の視差、マスク、トランジション (なんてこった!)
主にこれを助けるものが見つからないため、私は独特の状況だと思うことに直面しています。マスクされた要素内に視差効果を追加しようとしています。要素を「視差」する前に、マスクされたコンテナ内でビューにスライドする必要があります。
Chromeでは、使用できるので問題はありません。
Firefoxの場合、使用できるので問題はありません。
svg クリップをコンテナーに適用すると、次のように、より大きな要素のマスクが作成されます。
IE 10 および 11をサポートする場合、マスク効果を作成する唯一の有効な解決策は、クリッピングを使用することです。これはマスクの錯覚を与えますが、実際には要素をクリップします。上下にスライドし始めると、マスクする必要がある領域を超えて移動するため、すぐにカットされていることがわかります。
IE で、クリッピングを使用せずに上下にアニメーション化する要素 (translateY) を使用したマスキングの実例 (または洞察) を誰かが提供できますか?