I have previously created a scrolling terrain gridmap which consists of 3 nested levels of grids. For reference, here are examples of the program without matching colors , with matching colors and with procedurally generated farmland . I have been trying to create an animated ocean. Here is a versi…

Here is a mash up fiddle. Land On A Square : Threejs Boilerplate - JSFiddle - Code Playground [image] The ocean follows the helicopter and is offset based on helicopters x, z. Comment line 197, then uncomment 198, this will show a much smaller square of the ocean, and when you fly the helicopter…

See my unfinished example at Gerstner Water Shader You can move the boat using WASD. If you have patience, you can sail to china. I don’t create tiles of gerstner water for the whole earth. I have only one quite large plane, that moves along with the boat, and ends about the end of the camera far …

Thanks for the reply. I hadn’t thought of moving the Ocean plane with the vehicle. I thought you had pretty much finished the project. I used your version with the floating boxes as my starting point. It was exactly what I was looking for. Not being an expert in OpenGL, I was having a had a har…

I created 2 editable fiddles. First one is the gerstner water that uses the classic Threejs dynamic Sky shader. Threejs Sky : https://jsfiddle.net/seanwasere/nr48wa7L/ [image] Second uses a static skybox created from 6 textures. Skybox : https://jsfiddle.net/seanwasere/y4apufrh/ [image] By th…

I did not know about your skybox version, so thanks for bringing that to my attention. You suggestions for eliminating the Sky program seem to be working well. I had previously tried inserting a value for SunPosition, but - for some reason - it didn’t work then. It works now. But I opted for the…

my vertex shader was missing the line vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 ); here is a version with fog With Fog : Threejs Boilerplate - JSFiddle - Code Playground [image]

Perfect! The feedback loop error may have something to do with the reflection. See this message . I believe that Ocean creates a camera to handle reflections. That is a feature that I really don’t need. So it would be nice to turn it off and that would probably improve rendering time significant…

In case the stationary plane approach works best, what are the variables where you would insert the XZ motion of the aircraft (or boat)? I might use something like a triple layer - a huge plane (e.g. 90000ft x 90000ft) that extends to the horizon and does not have any motion or waves; overlaid by a…

I used your demo to create my first version of animated waves So it was very helpful. I replaced your random generator with equations for waves and added a texture and a Perlin bumpmap to create the random noise. The result looked pretty good. Or if you can’t see the result, see the picture belo…

Thanks! I will give that a try. You have apparently put a lot of work into converting Ocean from a static program to a dynamic program - which makes it far more useful. I like the helicopter. I tried creating a flight demo with a helicopter and ended up using a similar control scheme. I used th…

Copying Identical Animated Ocean Planes to a Scrolling GridMap

Questions

prisoner849 September 28, 2022, 5:16pm 9

as a side note: I would start with this example Help getting the actual position of a vertices in a buffer geometry! - #4 by prisoner849

Topic		Replies	Views
Animated Ocean Waves Showcase shaders , ocean	31	13568	May 14, 2025
Extended Material Causing Change in Position Questions extended-materials	28	1692	November 8, 2022
iFFT Ocean Wave Generator Module Showcase materials , geometry , animation	58	3161	September 14, 2025
Good progress in developing a real ocean Showcase	26	5323	April 29, 2024
Computing Smoothed Normals for Vertices Along the Edge of a Plane Questions geometry , normals	11	1886	October 5, 2022

Copying Identical Animated Ocean Planes to a Scrolling GridMap

Related topics