0
すべてのDOM要素をカバーするシェーダエフェクトを持つWebページを作成したいと考えています。キャンバスにシェーダを適用することは可能ですが、私はキャンバスの内側にページ全体を作成したくはありません。誰でもこれを達成する良い方法を知っていますか?可能であれば、さまざまな技術やフレームワークの組み合わせが必要になると私は推測しています。DOM要素にシェーダを適用できますか?
すべてのDOM要素をカバーするシェーダエフェクトを持つWebページを作成したいと考えています。キャンバスにシェーダを適用することは可能ですが、私はキャンバスの内側にページ全体を作成したくはありません。誰でもこれを達成する良い方法を知っていますか?可能であれば、さまざまな技術やフレームワークの組み合わせが必要になると私は推測しています。DOM要素にシェーダを適用できますか?
多分あなたはこのようなものを探しますHTML GL。
"シェーダーをDOMに適用する"という簡単な方法はありません... DOMとWebGLは、ネイティブに、互いに言わない2つのエンティティ、2つの分離された世界、独自のロジックで、奇跡的に結合されていますHTMLCanvasElementを介してDOMは非常に高いレベルの抽象レイヤーで、WebGL(OpenGL上の薄い抽象レイヤー)は低レベルの抽象レイヤーです。
これは、WebGLの中に、ブラウザのDOM要素をレンダリングすることはできない
... HTML GLのようなものを使用する場合を除き、あなたは自分自身のWebGLでキャンバスthroughtあなたのDOMを描画するために何かを実装しなければならないことを意味したりDOM要素にシェーダを適用する。あなたがすることができる最高のことは、あなた自身が言っているか、または図書館でキャンバスにレンダリングしたようなものです。もちろん、問題にぶつかるかもしれません。たとえば、入力メソッドエディタを使用する言語を手動でサポートする必要があるため、テキスト入力は自分でレンダリングすると問題になります。 – gman
代替:css 3d transform funcを使用してください –