<\/P>
Op de Developer Summit van vorig jaar<\/A>, Jesse van den Kieboom<\/A> toonde aan hoe realistische watereffecten kunnen worden toegepast op een JavaScript-gebaseerde webapplicatie (zie slides<\/A>, demo<\/A> en broncode<\/A>). Het Prototype Lab heeft Jesse's code aangepast om te werken met kustoverstromingsgebieden die worden gehost in een AGOL<\/A> feature service. Dit voorbeeld is gebaseerd op versie 4.3 van de ArcGIS API for JavaScript<\/A> en three.js<\/A>.<\/P><\/P>Klik hier<\/A> voor de live applicatie.<\/P>Klik hier<\/A> voor de broncode.<\/P><\/BODY><\/HTML>
Klik
Since this thread is about water rendering, I thought I'd share an updated version of one of my older experiments. I've recently updated it to use the new RenderNode API in ArcGIS Maps SDK for JavaScript 5.1.
The goal is to achieve a realistic real-time water simulation (waves, ripples, reflections, and interaction with 3D objects) without relying on externalRenderers.
https://github.nicogis.it/Demo3D/js/3d/water/
With ArcGIS JS API Version 4.12 there is now support for realistic water effect out of the box.See:https://developers.arcgis.com/javascript/latest/sample-code/visualization-realistic-water/index.htmlhttps://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-WaterSymbol3DLayer.html
Hi Vir Naidoo, I may not be able provide the timely assistance you need. As such, may I suggest you contact Esri Support.
Hi Richie Carmichael ,
I just achieved it with custom elevation layer,and now i have a project include 2D and 3D switch function, and i wonder how to put the realistic water in to my project. I have tried so many time and failed ,could you please show me how to achieve it???
Hi jing han, I agree that to achieve this water affect is fairly complicated. Hopefully future releases of the ArcGIS API for JavaScript will make this easier. In the meantime perhaps CityEngine can provide a realistic representation of your data.
hey,I wander weather you can do some external work to make this code simple to use??
Hi Vir Naidoo,
Very unusual. Perhaps you are reaching a vertex count limitation. Try generalizing the geometry with either the REST API or client-side (see generalize).
HiRichie Carmichael ,
I just replace the URL of featureLayer, in my scene the featureLayer was broken,it seems been cut by the code, just like the picture in the below. could you please tell me what cause that?? thanks advance.
Here is my featureLayer service: https://trail.arcgisonline.cn/arcgis/rest/services/lake/FeatureServer
No need to apologize. You can find the API reference and developer samples for the ArcGIS API for JavaScript here. Earcut is an undocumented class used for polygon tessellation.
I really want to know why use "esri/geometry/Extent"and"esri/views/3d/layers/graphics/earcut/earcut",? forgive me, i'm a freshman on this.
Geometry for the ocean, or specifically the Patapsco River in Baltimore, is sourced from a feature service. This geometry is rendered using an external renderer.
Dear Richie :
I see the code of the demo's html and JS files,and want to know whether the render is based on sceneLayer? I have been always think it is based on featureLayer. Could you please tell me ??
The video is good helpful.The website has opened successful！Thank you ~
The downloaded html/js/css files need to be hosted on a web server like IIS. Below is a link to a short youTube video describing how to host web page files on a local IIS server on Windows 10.
How To Setup Website Hosting On Windows 10 Using IIS
Hope this helps!
Hi， Ismael：
The code i have downloaded ,but the html file i can't open it.Would you mind to tell me how to deploy it ??
Thanks advance.
Vir Naidoo
Posting corrected. Thanks Ismael!
Thanks for sharing Richie! The links to the live app and source code are reversed. The live app links to the source code and the source link take you to the live app.
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
