Vessel.jsAweb-basedshipdesignlibrary

EliasHasle,M.Sc.studentinSimula>on&Visualiza>on,andassociatedwithShipDesignandOpera>onLab,NTNUinÅlesund.

Overview

• WhatisVessel.js?• WhyJavascript?• Demonstra>ons• Pathsforward• Summary

WhatisVessel.js?

•  Anopenandcollabora>veshipdesignobject-orientedlibrary(Gaspar,2018)

•  Aworkinprogress,livingonGithub.•  Coreclassesthatmodelsea-bornevesselswithhull,partsandfunc>onality,andperformcalcula>onsonthemodel

WhatisVessel.js?

•  Shipspecifica>onsareinastraighSorwardandextensibleJSONformat

•  ThemainpartsofthelibraryarepackagedinasingleJSfilewithoutdependencies.

•  Theprojectaimstoincludearichsetoftoolsformanipula>ng,simula>ngandvisualizingvessels.

Examplecalcula>ons

•  Inputtheouterhullsurfaceasatableoftransverseoffsets,alongwithmaindimensionsanddraW(howdeeptheshipsinkswhilefloa>ng).

•  OutputincludesLCF,TCF,Awp,Ixwp,Iywp,BMt,BMl,Cwp,LWL,BWL,Ap,Cp,Vs,Cb,Cm,As,Cv,LCBandKB.(Morethanjustabunchofle^ers,ifyouaskamari>meengineer.)

WhyJavascript?

•  Webstandardthatlives«forever»throughbackwards-compa>blebrowsers.

•  Portable,openaccessandopensourcebydefault– Enablesreproducibleexperimentsandcalcula>ons,demonstratedbyinterac>vewebapplica>onstoawiderpublic.

•  HugedevelopercommunityandsoWware«ecosystem»tobuildupon.

WhyJavascript?

•  Performance.Really?Generally,yes!•  Javascript(1995)wasslowalong>meago.•  Google’sV8JavascriptenginewithJITcompila>on(2008)

•  Theheaviestcomputa>onscanbeoffloadedtoWebGL(2011)andWebAssembly(2017),andwebworkers(2008?)canexploitmul>plecores.

•  Thegameindustryhelpsdrivetechnology.•  SeeGaspar,2017.

Demonstra>ons

•  Inspectshipin3D1•  Orthographicdeckviews•  Mul>pleshipsinconfigurableocean2

•  Seemoreexamplesonh^ps://shiplab.github.io/vesseljs/examples/3

•  1:BlockdatabyKillianLedain,basedonUlsteinvesselPX121.Hulldata(notPX121)byJeffersonFlor.

•  2:Notphysicallybasedmo>on.•  3:TheexamplesuseThree.jsforgraphicsanddat.GUIforGUI.

Scien>ficcalcula>onsbyÍcaroFonsecaInputfromaninterac>vewebform(excerpthere)

Outputisseveralgraphswithsimula>onresults

PartofÍcaroFonseca’sMasterproject(Fonsecaetal.,2018).Trytheappsonh^ps://icarofonseca.github.io/marsim/examples

Somepossiblepathsforward

•  Moredifferenthullparameteriza>ons•  Specifica>onofstructuralcomponents•  Richerspecifica>onoffunc>onality•  Standardizedandbe^erintegra>onbetweenmodel,simula>onsandvisualiza>on

•  Visualeditorsforhullandobjects.•  Advancedsimula>onswithonboardequipment•  Automateddesignop>miza>on

Conclusions

•  Vessel.jsaspirestobecomeanopenshipdesignplaSorm.

•  Javascriptisgreatforscience,engineering,educa>onandcommunica>on.

•  Followwebpageonh^ps://shiplab.github.io/vesseljsfornewdemonstra>ons.

References

•  Gaspar,H.M.Vessel.js:Anopenandcollabora;veshipdesignobject-orientedlibrary.IMDC,2018.Helsinki,Finland.

•  Gaspar,H.M.JavaScriptAppliedtoMari>meDesignandEngineering.COMPIT,2017.Cardiff,UK

•  Fonseca,Í.A.;Gaspar,H.M.;Ryan,C.F.;Thomas,G.A.AnOpenandCollabora;veObject-OrientedTaxonomyforSimula;onofMarineOpera;ons.COMPIT,2018.Pavone,Italy.

Contribute

•  Theprojectishostedonh^ps://github.com/shiplab/vesseljs

•  Don’thesitatetocontactmeortheprojectsupervisorwithques>onsorfeedback.

EliasHasleMasterstudentinSimula>on&Visualiza>onattheDepartmentofICTandNaturalSciencesE-mail:eliash@stud.ntnu.no,Phone:+4790171196(andIamherenow)

HenriqueGasparAssociateprofessorattheDepartmentofOceanOpera>onsandCivilEngineeringE-mail:henrique.gaspar@ntnu.noPhone:+4770161247