WebGL Overview - The Khronos Group Inc

WebGL is a cross-platform, royalty-free web standard for a low-level 3D graphics API based on OpenGL ES, exposed to ECMAScript via the HTML5 Canvas element. Skiptomaincontent Togglenavigation Developers ActiveStandards 3DCommerce ANARI Camera COLLADA DataFormat EGL glTF KTX NNEF OpenCL OpenGL OpenGLES OpenGLSC OpenVG OpenVX OpenXR SafetyCritical SPIR SYCL Vulkan VulkanSC WebGL ExploratoryGroups Overview HeterogeneousCommunication InactiveStandards OpenKCAM OpenKODE OpenMAX OpenML OpenSLES OpenWF StreamInput WebCL Registry Advisors Github KhronosForums KhronosSlack Videos&Presentations ReferenceGuides Books Jobs RequestforQuotes Merchandise Conformance APIAdopterprogram APIAdopters ConformantProducts FileFormatAdopterProgram FileFormatAdopters TrademarkGuidelines IPFrameworkBriefing AdopterLogin CertificationProgram CertifiedViewers CertificantLogin Membership JointheKhronosGroup KhronosMembers IPFramework Createanaccount MemberLogin News&Events Newsroom PressReleases KhronosBlog Newsletter Shareyournews Events ConferenceCodeofConduct MarketingwithKhronos About Overview ContactUs LogoPacks Directors&Officers WorkingGroupOfficers DiversityandInclusion TechnicalSupport KhronieAwards MemberLogin Search Search LOW-LEVEL3DGRAPHICSAPIBASEDONOPENGLES WebGL™isacross-platform,royalty-freeopenwebstandardforalow-level3DgraphicsAPIbasedonOpenGLES,exposedtoECMAScriptviatheHTML5Canvaselement.DevelopersfamiliarwithOpenGLES2.0willrecognizeWebGLasaShader-basedAPIusingGLSL,withconstructsthataresemanticallysimilartothoseoftheunderlyingOpenGLESAPI.ItstaysveryclosetotheOpenGLESspecification,withsomeconcessionsmadeforwhatdevelopersexpectoutofmemory-managedlanguagessuchasJavaScript.WebGL1.0exposestheOpenGLES2.0featureset;WebGL2.0exposestheOpenGLES3.0API. WebGLbringsplugin-free3Dtotheweb,implementedrightintothebrowser.MajorbrowservendorsApple(Safari),Google(Chrome),Microsoft(Edge),andMozilla(Firefox)aremembersoftheWebGLWorkingGroup. EssentialResourcesforWebGLDevelopment Thereisafullsetofwell-supporteddeveloperinformationandeducationalresourcestohelpquicklygetyouupandrunningwithyourWebGLapplicationdevelopment. TheStandard WebGL1.0Specification WebGL2.0Specification Githubrepository WebGLPublicWiki WebGLPublicMailingList(specdiscussion) WebGLPublicMailingListSearch WebGLPublicMailingListArchives WebGLReferenceCard FilingbugsabouttheWebGLspecorconformancetests WebGLSecuritywhitepaper Resources Adopters Presentations GetthelatestnewsfromWebGLandhearexpertssharetheirthoughts. MorePresentations... CoolStuff LinksgatheredbymembersoftheWebGLWorkingGroupshowinghowWebGLhasbeenimplemented. MoreCoolStuff... UserContributions ListofcarefullycuratedWebGLlinks: Frameworks UtilitiesandDebugHelpers Tutorials,TechnicalWhitepapersandHowtoGuides Presentations&Videos Examples MoreUserContributions... JoinOurCommunity Thereareseveralwaystofollowthelatestdevelopments,getquestionsansweredand makesuggestionsforimprovement. You'llfindOpenGLcommunitydiscussionsonseveralforumsandsocialmedia platformsbelow.It'sagreatwaytoget involved! Slack-KhronosDevs| GoogleGroups| StackOverflow| Newsletter GetInvolved! HelpshapeWebGLtosimplifythedevelopmentofvisualizationapplications! AnycompanyiswelcometojointheKhronosGroupandparticipateunderitsprovenmulti-companygovernanceprocessesandIPFramework.IfanorganizationisinterestedinbecomingaKhronosmemberorhasadditionalquestions,pleasevisitourMemberpageorcontactusat.(JavaScriptmustbeenabledtoviewthisemailaddress). StackOverflow WebGL:ConvertingJSONIFS3DModelDatatoFloat32Arrays InstantiatingAmazonCognitoIdentityProviderClientinUnity(WebGLbuild)givestheerror"Valuecannotbenull.Parametername:stream" GLSLForloophas"InvalidCondition" AnglebetweenXaxisofobjectanda3DpointonplanewithThree.js Howtoapplyan"unproject"transforminaThreeJSshaderpass MoreStackOverflow RelatedNews WebGL2.0AchievesPervasiveSupportfromallMajorWebBrowsers W3CPostsFirstPublicWorkingDraftsForWebGPU,WebGPUShadingLanguage GSNComposer:OnlineShaderEditornowsupportsWebGL2 WebGLHappenings TheLatestKhronosUpdatesfromSIGGRAPHAsia2020 Morenews RelatedPress KhronosCOLLADAnowrecognizedasISOStandard MorePressReleases Ornamentationengineby@zachernukInsidekifsfractals002by@connrbellThree.jsMRTSupporthaslandedShadertoyfeaturedshadersofMay20SketchfabTop10CulturalHeritage&HistoryofMay17Insidesofkaleidoscopicfractalsby@connrbell3DMapDemoswithGoogleMapsJSAPIby@ubilabsMigrationshaderbreakdownby@sskaplunTwonewdinosandhandtrackingonxrdinosaurs.com@wompxyzishiringaleadseniorengineer&WebGLobsessedengineers WebGLMeetupMarch2021-DriverbugdeepdivestartingfromWebGL/ANGLE WebGL+WebGPUMeetup-January2022 WebGL+WebGPUUpdatesJanuary2022 PlayCanvasJanuary2022Update WebGL+WebGPUMeetupOctober2021 WebGL&WebGPUupdates PortingBabylon.jsforWebGPU(Microsoft) Pushing3DGISboundarieswithWebGL(Esri) HowtodrawlinesinWebGL(CrazyPanda) SpecialEditionIntervieww/NeilTrevett devilish