Skip to content
This repository was archived by the owner on Mar 8, 2023. It is now read-only.
This repository was archived by the owner on Mar 8, 2023. It is now read-only.

Help with custom shader water layer #2388

Open

Description

@d3vilsn0w

Something like this.
#1854

Thanks

Activity

  1. d3vilsn0w commented on Mar 22, 2022

    @d3vilsn0w
    Author

    Screenshot 2022-03-22 at 5 46 52 PM

    My output is like this currently
                theme: {
                    extends: "resources/berlin_tilezen_base.json",
                    styles: {
                        tilezen: [
                            {
                                layer: "water",
                                when: ["==", ["geometry-type"], "Polygon"],
                                renderOrder: 10000,
                                technique: "shader",
    			                description: "water",
                                primitive: "mesh",
                                textureCoordinateType: "feature-space",
                                transparent: true,
                                params: {
                                    vertexShader: `
                                    varying vec2 vUv;
                                    void main()
                                    {
                                        vUv = uv;
                                        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
                                    }
                                    `,
                                    fragmentShader: `
                                    varying vec2 vUv;
                                    void main()
                                    {
                                        vec2 p = vUv - 0.5;
                                        float r = sqrt(dot(p, p));
                                        gl_FragColor = vec4(0, r, r, r);
                                    }
                                    `
                                }
                            }
                        ]
                    }
                }
    
  2. changed the title [-]Does anyone have an example with three.js ocean?[/-] [+]Help with custom shader water layer[/+] on Mar 22, 2022
  3. d3vilsn0w commented on Mar 22, 2022

    @d3vilsn0w
    Author

    Screenshot 2022-03-22 at 7 39 19 PM

    Shows something like that now. texture do not appear.
  4. nzjony commented on Mar 22, 2022

    @nzjony
    Contributor

    Does this help: #1854 (comment) ?

  5. d3vilsn0w commented on Mar 24, 2022

    @d3vilsn0w
    Author

    Does this help: #1854 (comment) ?

    It did not help. i will try again later today. Keep you updated soon.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions