[38;5;12m                                  [39m[38;2;255;187;0m[1m[4mAwesome WebGL [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://github.com/sindresorhus/awesome)[0m

[38;5;12m (https://www.khronos.org/webgl/)[39m

[38;5;12mThis is a curated list of awesome WebGL libraries, resources and much more.[39m

[38;2;255;187;0m[4mWhat is WebGL[0m

[38;5;12mWebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D computer graphics and 2D graphics within[39m
[38;5;12many compatible web browser without the use of plug-ins. WebGL is integrated completely into all the web standards[39m
[38;5;12mof the browser allowing GPU accelerated usage of physics and image processing and effects as part of the web page canvas.[39m

[38;5;12mWebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background.[39m
[38;5;12mWebGL programs consist of control code written in JavaScript and shader code that is executed on a computer's Graphics[39m
[38;5;12mProcessing Unit (GPU).[39m

[38;2;255;187;0m[4mContents[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL[0m[38;5;12m (#webgl)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2[0m[38;5;12m (#webgl-2)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebVR[0m[38;5;12m (#webvr)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLibraries[0m[38;5;12m (#libraries)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCommunity[0m[38;5;12m (#community)[39m

[38;2;255;187;0m[4mWebGL[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mAll things dealing with WebGL[39m

[38;2;255;187;0m[4mWebGL sub-categories[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mArticles[0m[38;5;12m (#articles)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBlog Series[0m[38;5;12m (#blog-series)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBooks[0m[38;5;12m (#books)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBug Reporting[0m[38;5;12m (#bug-reporting)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGLSL Editors[0m[38;5;12m (#glsl-editors)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mReferences[0m[38;5;12m (#references)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTalks[0m[38;5;12m (#talks)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTools/Debugging[0m[38;5;12m (#toolsdebugging)[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mChrome Specific Tools/Debugger[0m[38;5;12m (#chrome-specific-toolsdebugger)[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFirefox Specific Tools/Debugger[0m[38;5;12m (#firefox-specific-toolsdebugger)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTutorials[0m[38;5;12m (#tutorials)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVideos[0m[38;5;12m (#videos)[39m

[38;2;255;187;0m[4mArticles[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebGL articles and/or blog posts (non-tutorials)[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mContext Loss & Preloading[0m[38;5;12m (https://medium.com/@mattdesl/non-intrusive-webgl-cebd176c281d#.gyc6h9mr5) - How to manage WebGL when you run into the dreaded context lost.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Off the Main Thread[0m[38;5;12m (https://hacks.mozilla.org/2016/01/webgl-off-the-main-thread/) - How to use Web Workers in WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOptimizing Scenes for Better WebGL Performance[0m[38;5;12m (https://www.soft8soft.com/docs/manual/en/introduction/Optimizing-WebGL-performance.html) - optimization techniques that proved to work well for creating WebGL-based interactives.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFirst steps in WebGL[0m[38;5;12m (https://dev.to/aralroca/first-steps-in-webgl-385c) - Learn what WebGL is and how it works by drawing a triangle. [39m

[38;2;255;187;0m[4mBlog Series[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mBlog series of WebGL topics[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCodeflow[0m[38;5;12m (http://codeflow.org/tags/webgl.html) - Many blogs on different tricks and techniques.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mReal-Time Rendering[0m[38;5;12m (http://www.realtimerendering.com/blog/tag/webgl/) - This is the blog for the book _Real-Time Rendering_.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Best Practices[0m[38;5;12m (https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices) - Mozilla's offical set of best practices.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Insights[0m[38;5;12m (http://webglinsights.blogspot.com/) - This is the blog for the book _WebGL Insights_.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Month[0m[38;5;12m (https://github.com/lesnitsky/webgl-month) – Daily WebGL tutorial for a month.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Image Processing[0m[38;5;12m (https://maximmcnair.com/webgl-image-processing) - Covers a range of _Image Processing_ algorithms in WebGL such as Color Correction, Blend Modes, Thresholding, Dithering, Convolution and Film Grain.[39m

[38;2;255;187;0m[4mBooks[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mPopular books about WebGL[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mInteractive[0m[38;5;14m[1m [0m[38;5;14m[1mComputer[0m[38;5;14m[1m [0m[38;5;14m[1mGraphics:[0m[38;5;14m[1m [0m[38;5;14m[1mA[0m[38;5;14m[1m [0m[38;5;14m[1mTop-Down[0m[38;5;14m[1m [0m[38;5;14m[1mApproach[0m[38;5;14m[1m [0m[38;5;14m[1mwith[0m[38;5;14m[1m [0m[38;5;14m[1mWebGL[0m[38;5;12m [39m[38;5;12m(https://www.amazon.com/Interactive-Computer-Graphics-Top-Down-Approach/dp/0133574849)[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mEdward[0m[38;5;14m[1m [0m[38;5;14m[1mAngel[0m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;14m[1mDave[0m[38;5;14m[1m [0m[38;5;14m[1mShreiner[0m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mSuitable[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mundergraduate[39m[38;5;12m [39m[38;5;12mstudents[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mcomputer[39m[38;5;12m [39m
[38;5;12mscience[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mengineering,[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mstudents[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mother[39m[38;5;12m [39m[38;5;12mdisciplines[39m[38;5;12m [39m[38;5;12mwho[39m[38;5;12m [39m[38;5;12mhave[39m[38;5;12m [39m[38;5;12mgood[39m[38;5;12m [39m[38;5;12mprogramming[39m[38;5;12m [39m[38;5;12mskills,[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mprofessionals[39m[38;5;12m [39m[38;5;12minterested[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mcomputer[39m[38;5;12m [39m[38;5;12manimation[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mgraphics[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mlatest[39m[38;5;12m [39m[38;5;12mversion[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mWebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mProfessional WebGL Programming[0m[38;5;12m (https://www.amazon.com/Professional-WebGL-Programming-Developing-Graphics/dp/1119968860) by [39m[38;5;14m[1mAndreas Anyuru[0m[38;5;12m - Everything you need to know about developing hardware-accelerated 3D graphics with WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mProgramming[0m[38;5;14m[1m [0m[38;5;14m[1m3D[0m[38;5;14m[1m [0m[38;5;14m[1mApplications[0m[38;5;14m[1m [0m[38;5;14m[1mwith[0m[38;5;14m[1m [0m[38;5;14m[1mHTML5[0m[38;5;14m[1m [0m[38;5;14m[1mand[0m[38;5;14m[1m [0m[38;5;14m[1mWebGL[0m[38;5;12m [39m[38;5;12m(https://www.amazon.com/Programming-Applications-HTML5-WebGL-Visualization/dp/1449362966)[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mTony[0m[38;5;14m[1m [0m[38;5;14m[1mParisi[0m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mCreate[39m[38;5;12m [39m[38;5;12mhigh-performance,[39m[38;5;12m [39m[38;5;12mvisually[39m[38;5;12m [39m[38;5;12mstunning[39m[38;5;12m [39m[38;5;12m3D[39m[38;5;12m [39m[38;5;12mapplications[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mWeb,[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m
[38;5;12mHTML5[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mrelated[39m[38;5;12m [39m[38;5;12mtechnologies[39m[38;5;12m [39m[38;5;12msuch[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12mCSS3[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mWebGL—the[39m[38;5;12m [39m[38;5;12memerging[39m[38;5;12m [39m[38;5;12mweb[39m[38;5;12m [39m[38;5;12mgraphics[39m[38;5;12m [39m[38;5;12mstandard.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Beginner's guide[0m[38;5;12m (https://www.amazon.com/WebGL-Beginners-Guide-Diego-Cantor/dp/184969172X) by [39m[38;5;14m[1mDiego Cantor[0m[38;5;12m and [39m[38;5;14m[1mBrandon Jones[0m[38;5;12m - For JavaScript developer who wants to take the plunge into 3D web development via WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Hotshot[0m[38;5;12m (https://www.amazon.com/WebGL-Hotshot-Mitch-Williams-ebook/dp/B00KLAJ65Y) by [39m[38;5;14m[1mMitch Williams[0m[38;5;12m - For web designer looking to expand your knowledge of 3D graphics concepts and broaden your existing skill set.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL[0m[38;5;14m[1m [0m[38;5;14m[1mInsights[0m[38;5;12m [39m[38;5;12m(https://github.com/WebGLInsights/WebGLInsights.github.io/releases/download/v1.0/WebGL.Insights.-.Patrick.Cozzi.pdf)[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mPatrick[0m[38;5;14m[1m [0m[38;5;14m[1mCozzi[0m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mPresents[39m[38;5;12m [39m[38;5;12mreal-world[39m[38;5;12m [39m[38;5;12mtechniques[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mintermediate[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12madvanced[39m[38;5;12m [39m[38;5;12mWebGL[39m[38;5;12m [39m[38;5;12mdevelopers[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m
[38;5;12massembling[39m[38;5;12m [39m[38;5;12mcontributions[39m[38;5;12m [39m[38;5;12mfrom[39m[38;5;12m [39m[38;5;12mexperienced[39m[38;5;12m [39m[38;5;12mWebGL[39m[38;5;12m [39m[38;5;12mengine[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mapplication[39m[38;5;12m [39m[38;5;12mdevelopers,[39m[38;5;12m [39m[38;5;12mGPU[39m[38;5;12m [39m[38;5;12mvendors,[39m[38;5;12m [39m[38;5;12mbrowser[39m[38;5;12m [39m[38;5;12mdevelopers,[39m[38;5;12m [39m[38;5;12mresearchers,[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12meducators.[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBook's Personal Site[0m[38;5;12m (http://www.webglinsights.com/)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL[0m[38;5;14m[1m [0m[38;5;14m[1mProgramming[0m[38;5;14m[1m [0m[38;5;14m[1mGuide:[0m[38;5;14m[1m [0m[38;5;14m[1mInteractive[0m[38;5;14m[1m [0m[38;5;14m[1m3D[0m[38;5;14m[1m [0m[38;5;14m[1mGraphics[0m[38;5;14m[1m [0m[38;5;14m[1mProgramming[0m[38;5;14m[1m [0m[38;5;14m[1mwith[0m[38;5;14m[1m [0m[38;5;14m[1mWebGL[0m[38;5;12m [39m[38;5;12m(https://www.amazon.com/WebGL-Programming-Guide-Interactive-Graphics/dp/0321902920)[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mKouichi[0m[38;5;14m[1m [0m[38;5;14m[1mMatsuda[0m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;14m[1mRodger[0m[38;5;14m[1m [0m[38;5;14m[1mLea[0m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mWebGL[39m[38;5;12m [39m[38;5;12mProgramming[39m[38;5;12m [39m[38;5;12mGuide[39m[38;5;12m [39m[38;5;12mwill[39m[38;5;12m [39m[38;5;12mhelp[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mget[39m[38;5;12m [39m
[38;5;12mstarted[39m[38;5;12m [39m[38;5;12mquickly[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12minteractive[39m[38;5;12m [39m[38;5;12mWebGL[39m[38;5;12m [39m[38;5;12m3D[39m[38;5;12m [39m[38;5;12mprogramming,[39m[38;5;12m [39m[38;5;12meven[39m[38;5;12m [39m[38;5;12mif[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mhave[39m[38;5;12m [39m[38;5;12mno[39m[38;5;12m [39m[38;5;12mprior[39m[38;5;12m [39m[38;5;12mknowledge[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mHTML5,[39m[38;5;12m [39m[38;5;12mJavaScript,[39m[38;5;12m [39m[38;5;12m3D[39m[38;5;12m [39m[38;5;12mgraphics,[39m[38;5;12m [39m[38;5;12mmathematics,[39m[38;5;12m [39m[38;5;12mor[39m[38;5;12m [39m[38;5;12mOpenGL.[39m

[38;2;255;187;0m[4mBug Reporting[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mReporting bugs helps everyone in long run[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mChrome Bug Report[0m[38;5;12m (https://bugs.chromium.org/p/chromium/issues/list) - Chrome related bugs[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKhronos Github Issue Page[0m[38;5;12m (https://github.com/KhronosGroup/WebGL/issues) - Spec or Conformance related bugs[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMozilla BugZilla[0m[38;5;12m (https://bugzilla.mozilla.org) - Firefox related bugs[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebKit[0m[38;5;14m[1m [0m[38;5;14m[1mBugzilla[0m[38;5;12m [39m
[38;5;12m(https://bugs.webkit.org/enter_bug.cgi?assigned_to=cmarrin%40apple.com&attachurl=&blocked=&bug_file_loc=http%3A%2F%2F&bug_severity=Normal&bug_status=NEW&comment=&component=WebGL&contenttypeentry=&contenttypemethod=autodetect&contentty[39m
[38;5;12mpeselection=text%2Fplain&data=&dependson=&description=&flag_type-1=X&flag_type-3=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=Mac%20OS%20X%2010.5&priority=P2&product=WebKit&rep_p[39m
[38;5;12mlatform=PC&short_desc=&version=528%2B%20%28Nightly%20build%29)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mSafari[39m[38;5;12m [39m[38;5;12mrelated[39m[38;5;12m [39m[38;5;12mbugs[39m

[38;2;255;187;0m[4mGLSL Editors[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mOnline GLSL Editors[39m
[38;5;11m[1m▐[0m[38;5;12m [39m
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mNOTE: [39m[38;5;14m[1mWebGL must conform to The OpenGL ES Shading Language, Version 1.00[0m[38;5;12m (https://www.khronos.org/registry/webgl/specs/1.0.3/#4.3)[39m
[38;5;11m[1m▐[0m[38;5;12m [39m
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;14m[1mOfficial Specs for GLSL Version 1.00[0m[38;5;12m (https://www.khronos.org/registry/OpenGL/specs/es/2.0/GLSL_ES_Specification_1.00.pdf)[39m
[38;5;11m[1m▐[0m[38;5;12m [39m
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;14m[1mOfficial Specs for Open ES Version 2.0.25[0m[38;5;12m (https://www.khronos.org/registry/OpenGL/specs/es/2.0/es_full_spec_2.0.pdf)[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFractal Lab[0m[38;5;12m (http://hirnsohle.de/test/fractalLab/) - Online fractal explorer allowing you to explore 2D and 2D fractal.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGLSL Sandbox[0m[38;5;12m (http://glslsandbox.com) - Online live editor for fragment shaders.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGLSLbin[0m[38;5;12m (http://glslb.in) - Fragment shader sandbox supporting [39m[38;5;14m[1mglslify[0m[38;5;12m (https://github.com/glslify/glslify).[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mShader Toy[0m[38;5;12m (https://www.shadertoy.com) - Most popular live editor for fragment shaders.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mShaderFrog[0m[38;5;12m (https://shaderfrog.com/) - WebGL Shader Editor and Composer.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSHDR Editor[0m[38;5;12m (http://shdr.bkcore.com) - Live GLSL shader editor, viewer and validator.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mShaderExpo[0m[38;5;12m (https://anuraghazra.github.io/ShaderExpo/) - Dependency free shader editor featuring inline error logs, auto completions, models and textures loading. [39m

[38;2;255;187;0m[4mReferences[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebGL references[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoogle Project ANGLE[0m[38;5;12m (https://github.com/google/angle) - Default WebGL backend for both Google Chrome and Mozilla Firefox on Windows platforms.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKhronos Official Wiki[0m[38;5;12m (https://www.khronos.org/webgl/wiki/) - The official wiki for WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebVR Community Group[0m[38;5;12m (https://www.w3.org/community/immersive-web/) - Group who's goal is to help bring high-performance Virtual Reality to the open Web.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Errata[0m[38;5;12m (https://www.khronos.org/webgl/wiki/Errata_to_the_WebGL_Specification) - Known bugs in graphics drivers affect the conformance suite, and consequently, portability of code.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Extensions[0m[38;5;12m (https://www.khronos.org/registry/webgl/extensions/) - List of extensions for WebGL[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Reference Card[0m[38;5;12m (https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf) - WebGL 1.0 API Quick Reference Card for printing.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Source Code[0m[38;5;12m (https://github.com/KhronosGroup/WebGL) - Source code to both view and contribute.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Spec Sheet[0m[38;5;12m (https://www.khronos.org/registry/webgl/specs/1.0/) - All the detailed information about WebGL.[39m


[38;2;255;187;0m[4mTalks[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebGL related talks[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mList of Presentations[0m[38;5;12m (https://www.khronos.org/webgl/wiki/Presentations) - List presented by Khronos of various WebGL related presentations.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mNext-Generation 3D Graphics on the Web[0m[38;5;12m (https://www.youtube.com/watch?v=K2JzIUIHIhc) - Talk at Google I/O 19 from Ricardo Cabello (MrDoob).[39m

[38;2;255;187;0m[4mTools/Debugging[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mTools for development and debugging WebGL[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKhronos Dev Tools[0m[38;5;12m (https://github.com/KhronosGroup/WebGLDeveloperTools) - Useful WebGL developer tools, intended to be used as an ES6 module.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSpector.js[0m[38;5;12m (https://spector.babylonjs.com/) - Agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Inspector[0m[38;5;12m (http://benvanik.github.io/WebGL-Inspector/) - Tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGl[0m[38;5;14m[1m [0m[38;5;14m[1mPlayground[0m[38;5;12m [39m[38;5;12m(http://jessevdk.github.io/webgl-play/)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mThe[39m[38;5;12m [39m[38;5;12meditor[39m[38;5;12m [39m[38;5;12mlets[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mwork[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mJavaScript[39m[38;5;12m [39m[38;5;12mcode[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mGLSL[39m[38;5;12m [39m[38;5;12mvertex/fragment[39m[38;5;12m [39m[38;5;12mshaders[39m[38;5;12m [39m[38;5;12m(if[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mhave[39m[38;5;12m [39m[38;5;12many)[39m[38;5;12m [39m[38;5;12mat[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12msame[39m[38;5;12m [39m[38;5;12mtime[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mconvenient[39m[38;5;12m [39m[38;5;12mway.[39m[38;5;12m [39m[38;5;12mEverything[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12morganized,[39m[38;5;12m [39m[38;5;12mformatted[39m
[38;5;12mand[39m[38;5;12m [39m[38;5;12mhighlighted[39m[38;5;12m [39m[38;5;12mproperly,[39m[38;5;12m [39m[38;5;12mjust[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mwould[39m[38;5;12m [39m[38;5;12mlike.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Report[0m[38;5;12m (http://webglreport.com/?v=1) - Way to view the details of what your browser supports for WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Support Stats[0m[38;5;12m (http://webglstats.com/) - Interactive dashboard showing the support for WebGL features in different browsers and devices.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Texture Tester[0m[38;5;12m (http://toji.github.io/texture-tester/) - Attempts to load one of every texture format supported by WebGL, intended to quickly show which formats your browser/device supports.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWeb Tracing Framework[0m[38;5;12m (http://google.github.io/tracing-framework/index.html) - Set of libraries, tools, and visualizers for the tracing and investigation of complex web applications.[39m

[38;2;255;187;0m[4mChrome Specific Tools/Debugger[0m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGLSL Shader Editor Extension[0m[38;5;12m (https://github.com/spite/ShaderEditorExtension) - Chrome DevTools extension to help you edit shaders live in the browser.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSpector.js Extension[0m[38;5;12m (https://chrome.google.com/webstore/detail/spectorjs/denbgaamihkadbghdceggmchnflmhpmk) - Explore and Troubleshoot your WebGL and WebGL2 scenes easily.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebgl Insight[0m[38;5;12m (https://github.com/3Dparallax/insight) - Chrome extension WebGL debugging toolkit providing a variety of capabilities.[39m

[38;2;255;187;0m[4mFirefox Specific Tools/Debugger[0m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCanvas Debugger[0m[38;5;12m (https://hacks.mozilla.org/2014/03/introducing-the-canvas-debugger-in-firefox-developer-tools/) - Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFirefox Developer Tools[0m[38;5;12m (https://developer.mozilla.org/en-US/docs/Tools) - The official list of all of Firefox's debugger tools.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mShader Editor[0m[38;5;12m (https://hacks.mozilla.org/2013/11/live-editing-webgl-shaders-with-firefox-developer-tools/) - Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders.[39m

[38;2;255;187;0m[4mTutorials[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mOnline WebGL Tutorials (non-video)[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDirectional Shadow Mapping[0m[38;5;12m (http://chinedufn.com/webgl-shadow-mapping-tutorial/) - Concepts behind real time directional light shadow mapping.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGet Started Tutorial[0m[38;5;12m (https://www.khronos.org/webgl/wiki/Tutorial) - Khronos' tutorial how to get up and running with WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGetting Started with WebGL[0m[38;5;12m (https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL) - Mozilla Foundation guide to getting started with WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLearn WebGL[0m[38;5;12m (https://www.tutorialspoint.com/webgl/index.htm) - Tutorials Point set of article to get you familiar with WebGL terms.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLearning WebGL[0m[38;5;12m (http://learningwebgl.com/blog/?page_id=1217) - Tutorials from the author of _WebGL Up and Running_.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMultitexturing using a Blendmap[0m[38;5;12m (http://chinedufn.com/webgl-multitexture-blend-map-tutorial/) - How to use a blendmap to multitexture a terrain.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mParticle Effects via Billboards[0m[38;5;12m (http://chinedufn.com/webgl-particle-effect-billboard-tutorial/) - Create particle effects by applying a technique called billboarding.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mThe Book of Shaders[0m[38;5;12m (https://thebookofshaders.com/) - Gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Academy[0m[38;5;12m (http://www.webglacademy.com/) - Simplified online IDE with automatic indentation, syntax highlighting for HTML, Javascript, GLSL and Python. You can run your code and download your projects.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Fundamentals[0m[38;5;12m (https://webglfundamentals.org/) - Series of online tutorials with code samples and live demonstrations.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Workshop[0m[38;5;12m (http://webgl-workshop.com/) - Interactive workshop to get you up and running with WebGL.[39m

[38;2;255;187;0m[4mVideos[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebGL Related Videos[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAn Introduction to WebGL Programming[0m[38;5;12m (https://www.youtube.com/watch?v=tgVLb6fOVVc&feature=youtu.be) - 3 hour overview of WebGL by SIGGRAPH University.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL Tutorials - YouTube[0m[38;5;12m (https://www.youtube.com/playlist?list=PLjcVFFANLS5zH_PeKC6I8p0Pt1hzph_rt) - Series of lecture style video tutorials from Indigo Code on YouTube.[39m

[38;2;255;187;0m[4mWebGL 2[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mInformation about the upcoming WebGL 2 specs[39m
[38;5;11m[1m▐[0m[38;5;12m [39m
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mAnything pertaining to WebGL in general is found in the [39m[38;5;14m[1mWebGL[0m[38;5;12m (#WebGL) section[39m

[38;2;255;187;0m[4mWebGL 2 sub-categories[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mArticles[0m[38;5;12m (#articles-1)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mReferences[0m[38;5;12m (#references-1)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTutorials[0m[38;5;12m (#tutorials-1)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVideos[0m[38;5;12m (#videos-1)[39m

[38;2;255;187;0m[4mArticles[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebGL 2 articles and/or blog posts (non-tutorials)[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 What's New[0m[38;5;12m (https://webgl2fundamentals.org/webgl/lessons/webgl2-whats-new.html) - Look into the new features added in WebGL 2.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWhat's Coming in WebGL 2.0[0m[38;5;12m (https://blog.tojicode.com/2013/09/whats-coming-in-webgl-20.html) - Look into the upcoming features of WebGL 2.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 SIGGRAPH Asia 2015[0m[38;5;12m (https://docs.google.com/presentation/d/1Orx0GB0cQcYhHkYsaEcoo5js3c5-pv7ahPniIRIzzfg/edit#slide=id.p) - Presentation by Zhenyao Mo, Ken Russell of Google during SIGGRAPH Asia 2015.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Lands in Firefox[0m[38;5;12m (https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/) - Information the support for WebGL 2 starting with Firefox 51.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Basics[0m[38;5;12m (http://www.realtimerendering.com/blog/webgl-2-basics/) - Blog post about getting started with WebGL 2.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 New Features[0m[38;5;12m (http://www.realtimerendering.com/blog/webgl-2-new-features/) - Blog post about whats new and cool in WebGl 2.[39m

[38;2;255;187;0m[4mReferences[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebGL 2 references[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Spec Sheet (Editor Draft)[0m[38;5;12m (https://www.khronos.org/registry/webgl/specs/latest/2.0/) - All the detailed information about WebGL 2.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Reference Card[0m[38;5;12m (https://www.khronos.org/files/webgl20-reference-guide.pdf) - WebGL 2.0 API Quick Reference Card for printing.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Compatible Chart[0m[38;5;12m (https://caniuse.com/#feat=webgl2) - Chart to show current browsers supporting WebGL 2[39m

[38;2;255;187;0m[4mTutorials[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Fundamentals[0m[38;5;12m (https://webgl2fundamentals.org/)- Series of online tutorials with code samples and live demonstrations.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Samples[0m[38;5;12m (http://webglsamples.org/WebGL2Samples/) - Great source of many different WebGL 2 work with very good commenting.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2 Examples[0m[38;5;12m (https://github.com/tsherif/webgl2examples) - Rendering algorithms implemented in raw WebGL 2.[39m

[38;2;255;187;0m[4mVideos[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebGL related Videos[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFun with WebGL 2.0[0m[38;5;12m (https://www.youtube.com/playlist?list=PLMinhigDWz6emRKVkVIEAaePW7vtIkaIF) - Video tutorial series on getting started with WebGL 2, still actively adding videos.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebGL 2.0 is Here: What You Need To Know[0m[38;5;12m (https://www.youtube.com/watch?v=Xf65duJ_QFs) - Khronos Webinar April 2017.[39m
[48;5;235m[38;5;249m* **Slides** (https://www.khronos.org/assets/uploads/developers/library/2017-webgl-webinar/Khronos-Webinar-WebGL-20-is-here_What-you-need-to-know_Apr17.pdf)[49m[39m

[38;2;255;187;0m[4mWebVR[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mInformation about different parts of the new and upcoming WebVR ecosystem[39m
[38;5;11m[1m▐[0m[38;5;12m [39m
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mAll items related to more developers and less on where to find WebVR content as entertainment[39m

[38;2;255;187;0m[4mWebVR sub-categories[0m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mArticles[0m[38;5;12m (#articles-2)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBlog Series[0m[38;5;12m (#blog-series-1)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPlatforms[0m[38;5;12m (#platforms)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mReferences[0m[38;5;12m (#references-2)[39m

[38;2;255;187;0m[4mArticles[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebVR articles and/or blog posts (non-tutorials)[39m

[38;2;255;187;0m[4mBlog Series[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mMaintained blog series of WebVR focused topics[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMozilla VR Blog[0m[38;5;12m (https://blog.mozvr.com/) - WebVR focused blog from makers of Firefox.[39m

[38;2;255;187;0m[4mPlatforms[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebVR designed platforms to experience[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mJanusVR[0m[38;5;12m (https://janusvr.com/) - Webpages as collaborative 3D webspaces interconnected by portals.[39m

[38;2;255;187;0m[4mReferences[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mWebVR references[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBrowser Support[0m[38;5;12m (https://webvr.rocks/) - Shows support by browser, headset, and OS.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMozilla VR[0m[38;5;12m (https://mixedreality.mozilla.org/) - Mozilla's official WebVR page.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUX of VR[0m[38;5;12m (https://www.uxofvr.com/) - Curated list of resources to help create good UX in WebVR.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebXR Device API[0m[38;5;12m (https://immersive-web.github.io/webxr/) - The W3C draft API for WebXR.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebVR Spec[0m[38;5;12m (https://w3c.github.io/webvr/) - The official W3C WebVR spec (legacy).[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHow to read WebVR Specs[0m[38;5;12m (https://dassur.ma/things/reading-specs/)[39m

[38;2;255;187;0m[4mLibraries[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;14m[1mMore detailed information about the different libraries can be found in the Libraries directory.[0m[38;5;12m (https://github.com/sjfricke/awesome-webgl/tree/master/Libraries)[39m

[38;2;255;187;0m[4m2D[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mp2.js[0m[38;5;12m (https://github.com/schteppe/p2.js) - 2D rigid body physics engine written in JavaScript.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPhaser[0m[38;5;12m (https://phaser.io/) - Open source HTML5 2D game framework for Canvas and WebGL, supports mobile web browsers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPixiJS[0m[38;5;12m (http://www.pixijs.com/) - powerful 2D Javascript renderer based on WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPlanck.js[0m[38;5;12m (https://github.com/shakiba/planck.js) - 2D physics engine for cross-platform HTML5 game development.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStage.js[0m[38;5;12m (https://github.com/shakiba/stage.js) - 2D Library for cross-platform HTML5 game development.[39m

[38;2;255;187;0m[4mCompute (GPGPU)[0m

[38;2;255;187;0m[4mComputer Vision[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGammaCV[0m[38;5;12m (https://gammacv.com) - WebGL accelerated Computer Vision library for browser.[39m

[38;2;255;187;0m[4mParticles[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPhenomenon[0m[38;5;12m (https://github.com/vaneenige/phenomenon) - Very small, low-level WebGL library that provides the essentials to deliver a high performance experience.[39m

[38;2;255;187;0m[4mMaps and Visualizations[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCesium[0m[38;5;12m (https://cesiumjs.org/) - Open-source library for world-class 3D globes and maps.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDeck.gl[0m[38;5;12m (http://deck.gl/) - WebGL overlay suite for React providing a set of highly performant data visualization overlays.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLuma.gl[0m[38;5;12m (https://luma.gl/) - WebGL2 powered framework for GPU-powered data visualization and computation.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mxeogl[0m[38;5;12m (http://xeogl.org/) - Data-driven 3D visualization engine on WebGL.[39m

[38;2;255;187;0m[4mMath[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mglMatrix[0m[38;5;12m (http://glmatrix.net/) - Javascript matrix and vector library for high performance WebGL apps.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSylvester[0m[38;5;12m (http://sylvester.jcoglan.com/) - Sylvester is a vector, matrix and geometry library for JavaScript.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTWGL[0m[38;5;12m (http://twgljs.org/) - Sole purpose is to make using the WebGL API less verbose.[39m

[38;2;255;187;0m[4mRendering[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGLBoost[0m[38;5;12m (https://github.com/emadurandal/GLBoost) - Rendering library for 3D graphic geeks.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGrimoireGL[0m[38;5;12m (https://grimoire.gl/) - Bridge between Web engineers and CG engineers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHilo3d[0m[38;5;12m (https://github.com/hiloteam/Hilo3d) - WebGL rendering engine for 3D games.[39m

[38;2;255;187;0m[4mPhysics[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAmmo.js[0m[38;5;12m (https://github.com/kripken/ammo.js/) - Direct port of the Bullet physics engine to JavaScript using Emscripten.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCannon.js[0m[38;5;12m (http://schteppe.github.io/cannon.js/) - Lightweight and simple 3D physics engine for the web.[39m

[38;2;255;187;0m[4mWebGL 2[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPicoGL.js[0m[38;5;12m (https://tsherif.github.io/picogl.js/) - Minimal WebGL 2-only rendering library.[39m

[38;2;255;187;0m[4mWebVR[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mA-Frame[0m[38;5;12m (https://aframe.io/) - Web framework for building virtual reality experiences.[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAwesome-AFrame[0m[38;5;12m (https://github.com/aframevr/awesome-aframe)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHologram[0m[38;5;12m (https://hologram.cool/) - Desktop app that let you create and prototype WebVR in interactive way needing no previous coding knowledge.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLÖVR[0m[38;5;12m (https://lovr.org/) - Simple framework for creating VR with Lua.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mReact 360[0m[38;5;12m (https://facebook.github.io/react-360/) - Build VR websites and interactive 360 experiences with React.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrimrose[0m[38;5;12m (https://github.com/capnmidnight/Primrose/) - Rapidly prototype VR applications in your browser.[39m

[38;2;255;187;0m[4mOthers[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBabylon.js[0m[38;5;12m (https://www.babylonjs.com/) - Complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBlend4Web[0m[38;5;12m (https://www.blend4web.com/en/) - Tool for interactive 3D visualization on the Internet.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mClayGL[0m[38;5;12m (http://claygl.xyz/) - WebGL graphic Library for building scalable Web3D applications.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCopperLicht[0m[38;5;12m (https://www.ambiera.com/copperlicht/index.html) - JavaScript library and WebGL 3D engine for creating games and 3D applications.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGLGE[0m[38;5;12m (http://www.glge.org/) - Javascript library intended to ease the use of WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLightgl.js[0m[38;5;12m (https://github.com/evanw/lightgl.js) - Lightweight and explict library to help prototype.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOSG.js[0m[38;5;12m (https://cedricpinson.github.io/osgjs-website/) - WebGL framework based on OpenSceneGraph concepts to interact with WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPex-gl[0m[38;5;12m (http://vorg.github.io/pex/) - JavaScript libraries for computational thinking in Plask/Node.js and WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPlayCanvas[0m[38;5;12m (https://playcanvas.com/) - Game engine platform to build interactive experiences.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPocket.gl[0m[38;5;12m (https://github.com/gportelli/pocket.gl) - Fully customizable webgl shader sandbox to embed in your pages.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mRegl[0m[38;5;12m (http://regl.party/) - Light declarative and stateless library, functional abstraction for WebGL.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mScene.js[0m[38;5;12m (http://scenejs.org/) - Extensible WebGL-based engine for high-detail 3D visualisation.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mThree.js[0m[38;5;12m (https://threejs.org/) - Aimed to create an easy to use, lightweight, 3D library.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTurbulenz[0m[38;5;12m (https://github.com/turbulenz/turbulenz_engine) - Modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVerge3D[0m[38;5;12m (https://www.soft8soft.com/verge3d/) - an artist-friendly toolkit for creating 3D web experiences.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWhitestorm.js[0m[38;5;12m (https://whs.io/) - Framework for developing 3D web apps with physics.[39m

[38;2;255;187;0m[4mCommunity[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStack Overflow[0m[38;5;12m (https://stackoverflow.com/questions/tagged/webgl)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mReddit[0m[38;5;12m (https://www.reddit.com/r/webgl/)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFacebook[0m[38;5;12m (https://www.facebook.com/groups/webgl/about/)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTwitter[0m[38;5;12m (https://twitter.com/webgl)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFreenode IRC[0m[38;5;12m (http://webchat.freenode.net/?channels=webgl)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKhronos Forum[0m[38;5;12m (https://community.khronos.org/c/other-standards/webgl)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoogle Group[0m[38;5;12m (https://groups.google.com/forum/#!forum/webgl-dev-list)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoogle Plus[0m[38;5;12m (https://plus.google.com/communities/114915309361980512257)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPublic Mailing List[0m[38;5;12m (https://www.khronos.org/webgl/public-mailing-list/)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebVR Slack[0m[38;5;12m (http://webvr-slack.herokuapp.com/)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWebVR Public Mailing List[0m[38;5;12m (https://lists.w3.org/Archives/Public/public-webvr/)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;12mActive Meetup Groups[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSan Francisco, CA[0m[38;5;12m (https://www.meetup.com/WebGL-Developers-Meetup/)[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMountain View, CA[0m[38;5;12m (https://www.meetup.com/Silicon-Valley-HTML5-WebGL-Meetup/)[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLondon, United Kingdom[0m[38;5;12m (https://www.meetup.com/WebGL-Workshop-London/)[39m
[38;5;12m [39m[38;5;12m [39m[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mNew York, NY[0m[38;5;12m (https://www.meetup.com/NYC-WebGL-Developers/)[39m

[38;2;255;187;0m[4mRelated lists[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mSimilar awesome lists[39m

[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mawesome[0m[38;5;12m (https://github.com/sindresorhus/awesome) - Curated list of awesome lists.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mawesome-opengl[0m[38;5;12m (https://github.com/eug/awesome-opengl) - Curated list of awesome OpenGL libraries, debuggers and resources. Inspired by awesome-... stuff.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mawesome-vulkan[0m[38;5;12m (https://github.com/vinjn/awesome-vulkan) - Curated list of awesome Vulkan projects and ecosystem.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mgamedev[0m[38;5;12m (https://github.com/ellisonleao/magictools) - Awesome list about game development.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mglTF[0m[38;5;12m (https://github.com/KhronosGroup/glTF) - Runtime 3D Asset Delivery designed for the web.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mgraphics-resources[0m[38;5;12m (https://github.com/mattdesl/graphics-resources) - List of graphic programming resources.[39m

[38;2;255;187;0m[4mContributing[0m
[38;5;12mPlease see [39m[38;5;14m[1mCONTRIBUTING[0m[38;5;12m (https://github.com/sjfricke/awesome-webgl/blob/master/CONTRIBUTING.md) for details.[39m

[38;2;255;187;0m[4mTesting[0m
[38;5;12mTravis CI testing automation thanks to [39m[38;5;14m[1mawesome_bot[0m[38;5;12m (https://github.com/dkhamsing/awesome_bot)![39m

[38;2;255;187;0m[4mLicense[0m

[38;5;14m[1m![0m[38;5;12mCC0[39m[38;5;14m[1m (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)[0m[38;5;12m (https://creativecommons.org/publicdomain/zero/1.0/)[39m

[38;5;12mTo the extent possible under law, [39m[38;5;14m[1mSpencer Fricke[0m[38;5;12m (https://github.com/sjfricke) has waived all copyright and related or neighboring rights to this work.[39m
