{"id":13759011,"url":"https://github.com/jbouny/ocean","last_synced_at":"2026-02-18T21:03:01.985Z","repository":{"id":49852137,"uuid":"14876536","full_name":"jbouny/ocean","owner":"jbouny","description":"Realistic water shader for Three.js","archived":false,"fork":false,"pushed_at":"2017-10-18T20:25:15.000Z","size":5174,"stargazers_count":749,"open_issues_count":9,"forks_count":99,"subscribers_count":43,"default_branch":"master","last_synced_at":"2025-10-22T00:06:14.329Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://jeremybouny.fr/ocean/demo/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jbouny.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-12-02T22:16:35.000Z","updated_at":"2025-10-21T18:48:30.000Z","dependencies_parsed_at":"2022-09-16T13:52:31.849Z","dependency_job_id":null,"html_url":"https://github.com/jbouny/ocean","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jbouny/ocean","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbouny%2Focean","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbouny%2Focean/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbouny%2Focean/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbouny%2Focean/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jbouny","download_url":"https://codeload.github.com/jbouny/ocean/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbouny%2Focean/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29596125,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T20:59:56.587Z","status":"ssl_error","status_checked_at":"2026-02-18T20:58:41.434Z","response_time":162,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T13:00:43.283Z","updated_at":"2026-02-18T21:03:01.969Z","avatar_url":"https://github.com/jbouny.png","language":"JavaScript","funding_links":[],"categories":["GLSL Shaders","Lighting, Rendering \u0026 Shaders"],"sub_categories":["Main","Rendering \u0026 Shader Theory"],"readme":"ocean - Realistic water shader for Three.js\n=====\n\nThis project propose an implementation of a three.js shader to provide a realistic plane water effect.\nIt can be used to render water in some situations like complete ocean or small surface of water in real time.\n\n### Demos\n\n* [Demo](https://jbouny.github.io/ocean/demo/)\n* [Basic demo](https://jbouny.github.io/ocean/demo_basic/)\n* [Mobile control demo](https://jbouny.github.io/ocean/demo_mobile/)\n* [Fog and rotation demo](https://jbouny.github.io/ocean/demo_test/)\n\n### Dependencies\n\n- Three.js r71 to render the scene : https://github.com/mrdoob/three.js/\n- JQuery 1.10.2 as a helper : https://github.com/jquery/jquery\n- Terrain-generator for procedural terrain generation : https://github.com/jbouny/terrain-generator\n\n### Sources\n\n- Slayvin - http://slayvin.net\nUse of the flat mirror implementation for three.js as a base : https://code.google.com/p/mirror-three-js/source/browse/FlatMirror.js\n\n- Stemkoski - http://www.adelphi.edu/~stemkoski\nUse of the adaptation of the flat mirror implementation to provide a water effect\n\n- Jonas Wagner - http://29a.ch/\nThe real rendering come from here : http://29a.ch/slides/2012/webglwater, an explanation on how to render water. With some adaptation of its shader, results are here.\n\n### Screenshot\n\n![Alt text](/screenshots/ocean1.jpg \"Example of a water rendering with an ocean\")\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbouny%2Focean","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjbouny%2Focean","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbouny%2Focean/lists"}