tag:blogger.com,1999:blog-39057686133506549672023-11-15T10:51:17.774-08:00Graphics Prose — Thoughts on Graphicsgfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-3905768613350654967.post-6402486358236118652021-05-20T23:12:00.001-07:002021-05-24T23:13:13.906-07:00Cool WebGL Stuff, 2021-05-20<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><li data-sourcepos="391:1-391:104">Actual Quake III, join me: <a href="http://www.quakejs.com/play?connect%20174.138.39.186:27960" rel="nofollow noreferrer noopener" target="_blank">quakejs.com</a>
</li><li data-sourcepos="392:1-392:105">Google I/O Adventure<a href="https://events.google.com/io/adventure" rel="nofollow noreferrer noopener" target="_blank"> https://events.google.com/io/adventure</a>
</li><li data-sourcepos="393:1-393:87">Godot engine web game gallery: <a href="https://gotm.io/" rel="nofollow noreferrer noopener" target="_blank">Browse games | gotm.io - gotm.io</a>
</li><li data-sourcepos="394:1-394:67">
<a href="/webgl/member-tools/-/wikis/sparks.land">Sparks.land</a> minigames network - not yet launched</li><li data-sourcepos="395:1-395:82">View Shade on a Map - Shade Map <a href="https://shademap.app/" rel="nofollow noreferrer noopener" target="_blank">https://shademap.app/</a>
</li><li data-sourcepos="396:1-396:103">Lyapunovia fractal <a href="https://www.jesperjuul.net/lyapunovia/" rel="nofollow noreferrer noopener" target="_blank">https://www.jesperjuul.net/lyapunovia/</a>
</li><li data-sourcepos="397:1-397:152">One Way Dungeon <a href="https://vaskivodev.gitlab.io/onewaydungeon/builds/release-1-0-1/" rel="nofollow noreferrer noopener" target="_blank">https://vaskivodev.gitlab.io/onewaydungeon/builds/release-1-0-1/</a>
</li><li data-sourcepos="398:1-398:107"><a href="https://blog.zea.live/en/showcase/robot-animation" rel="nofollow noreferrer noopener" target="_blank">https://blog.zea.live/en/showcase/robot-animation</a></li><li data-sourcepos="399:1-399:108"><a href="https://twitter.com/playcanvas/status/1389957221648306181?s=20" rel="nofollow noreferrer noopener" target="_blank">PlayCanvas introduces Anim State Graph</a></li><li data-sourcepos="400:1-400:132"><a href="https://twitter.com/Sketchfab/status/1389293715223625736?s=20" rel="nofollow noreferrer noopener" target="_blank">Where Ultrahigh-Energy Cosmic Rays Come From by @QuantaMagazine</a></li><li data-sourcepos="401:1-401:100"><a href="https://twitter.com/superhoge/status/1390158164461383680?s=20" rel="nofollow noreferrer noopener" target="_blank">Three.js MRT Support has landed</a></li><li data-sourcepos="402:1-402:116"><a href="https://twitter.com/connrbell/status/1390381091975008258?s=20" rel="nofollow noreferrer noopener" target="_blank">Insides of kaleidoscopic fractals by @connrbell</a></li><li data-sourcepos="403:1-403:161"><a href="https://twitter.com/asrmoin/status/1390826910393901057?s=20" rel="nofollow noreferrer noopener" target="_blank">Mol* Viewer: modern web app for 3D visualization and analysis of large biomolecular structures</a></li><li data-sourcepos="404:1-404:98"><a href="https://twitter.com/Sketchfab/status/1391468070267412484?s=20" rel="nofollow noreferrer noopener" target="_blank">ChallengerCartoon by d.zybura</a></li><li data-sourcepos="405:1-405:100"><a href="https://twitter.com/zozuar/status/1391420717527441409?s=20" rel="nofollow noreferrer noopener" target="_blank">Infinite field of cubes by @zozuar</a></li><li data-sourcepos="406:1-406:123"><a href="https://twitter.com/Sketchfab/status/1391755278937432069?s=20" rel="nofollow noreferrer noopener" target="_blank">Sketchfab Top 10 Cultural Heritage & History of May 10</a></li><li data-sourcepos="407:1-407:116"><a href="https://twitter.com/Tojiro/status/1391803124646440961?s=20" rel="nofollow noreferrer noopener" target="_blank">Two new dinos and hand tracking on xrdinosaurs.com</a></li><li data-sourcepos="408:1-408:111"><a href="https://twitter.com/vlucendo/status/1391748215280701446?s=20" rel="nofollow noreferrer noopener" target="_blank">Multiplayer Interactive Garden by @vlucendo</a></li><li data-sourcepos="409:1-409:101"><a href="https://twitter.com/mrdoob/status/1392531450260598784?s=20" rel="nofollow noreferrer noopener" target="_blank">May 12 was ro.me's 10th anniversary</a></li><li data-sourcepos="410:1-410:116"><a href="https://twitter.com/byt3m3chanic/status/1392309020329918465?s=20" rel="nofollow noreferrer noopener" target="_blank">Truchet-tile patterns in VR by @byt3m3chanic</a></li><li data-sourcepos="411:1-411:113"><a href="https://twitter.com/goodboydigital/status/1359808389887442947?s=20" rel="nofollow noreferrer noopener" target="_blank">Subway Surfers HTML5 by @goodboydigital</a></li><li data-sourcepos="412:1-412:107"><a href="https://twitter.com/connrbell/status/1392218576300527617?s=20" rel="nofollow noreferrer noopener" target="_blank">Inside kifs fractals 002 by @connrbell</a></li><li data-sourcepos="413:1-413:108"><a href="https://twitter.com/WebGL/status/1392915537735274496?s=20" rel="nofollow noreferrer noopener" target="_blank">WebGL / WebGPU Meetup Recording from May 12</a></li><li data-sourcepos="414:1-414:92"><a href="https://twitter.com/connrbell/status/1389319737499389966?s=20" rel="nofollow noreferrer noopener" target="_blank">octa_kifs by @connrbell</a></li><li data-sourcepos="415:1-415:123"><a href="https://twitter.com/Sketchfab/status/1394291681072238595?s=20" rel="nofollow noreferrer noopener" target="_blank">Sketchfab Top 10 Cultural Heritage & History of May 17</a></li><li data-sourcepos="416:1-416:90"><a href="https://twitter.com/xeolabs/status/1394218210690539520?s=20" rel="nofollow noreferrer noopener" target="_blank">xeokit SDK 1.9 released</a></li><li data-sourcepos="417:1-417:117"><a href="https://twitter.com/CosaMentale_bx/status/1393943957441286144?s=20" rel="nofollow noreferrer noopener" target="_blank">ShaderShowDown01_Outline by @CosaMentale_bx</a></li><li data-sourcepos="418:1-418:95"><a href="https://twitter.com/Shadertoy/status/1394514010263887874?s=20" rel="nofollow noreferrer noopener" target="_blank">rainbow spaghetti by mattz</a></li><li data-sourcepos="419:1-419:85"><a href="https://twitter.com/Tojiro/status/1395078805870415872?s=20" rel="nofollow noreferrer noopener" target="_blank">Cicadas <3 WebGL</a></li><li data-sourcepos="420:1-420:114"><a href="https://twitter.com/GrafischMC/status/1394345605678383108?s=20" rel="nofollow noreferrer noopener" target="_blank">Airplane made with Blockbench by @GrafischMC</a></li><li data-sourcepos="421:1-421:143"><a href="https://twitter.com/gabriela_trueba/status/1389687223419908096?s=20" rel="nofollow noreferrer noopener" target="_blank">@wompxyz is hiring a lead senior engineer & WebGL obsessed engineers</a></li><li data-sourcepos="422:1-422:103"><a href="https://twitter.com/zachernuk/status/1394928856105066496?s=20" rel="nofollow noreferrer noopener" target="_blank">Ornamentation engine by @zachernuk</a></li><li data-sourcepos="423:1-423:114"><a href="https://twitter.com/zertalious/status/1395374395120439298?s=20" rel="nofollow noreferrer noopener" target="_blank">Black hole made with Three.js by @zertalious</a></li><li data-sourcepos="424:1-424:112"><a href="https://twitter.com/devdevcharlie/status/1395102385387843584?s=20" rel="nofollow noreferrer noopener" target="_blank">BeatPose with MoveNet by @devdevcharlie</a></li><li data-sourcepos="425:1-425:115"><a href="https://twitter.com/ubilabs/status/1395488360672673794?s=20" rel="nofollow noreferrer noopener" target="_blank">3D Map Demos with Google Maps JS API by @ubilabs</a></li><li data-sourcepos="426:1-426:105"><a href="https://twitter.com/Shadertoy/status/1395515198060990464?s=20" rel="nofollow noreferrer noopener" target="_blank">Shadertoy featured shaders of May 20</a></li><li data-sourcepos="426:1-426:105"><a href="https://twitter.com/sskaplun/status/1395414555795337227?s=20" rel="nofollow noreferrer noopener" target="_blank">Migration shader breakdown by @sskaplun</a></li>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-39087138745342172492021-05-06T18:39:00.001-07:002021-05-24T18:40:15.556-07:00Cool WebGL Stuff, 2021-05-06<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><li data-sourcepos="337:1-337:90"><a href="https://twitter.com/lambrero/status/1386810091622572034?s=20" rel="nofollow noreferrer noopener" target="_blank">Multicube</a> by @lambrero</li><li data-sourcepos="338:1-338:109"><a href="https://twitter.com/github_tracker/status/1386723078722539529?s=20" rel="nofollow noreferrer noopener" target="_blank">Three.js surpassed 70K Github stars</a></li><li data-sourcepos="339:1-339:126">
<a href="https://twitter.com/Sketchfab/status/1387074085549715465?s=20" rel="nofollow noreferrer noopener" target="_blank">British Rail Class 08 Shunter Swallow Livery</a> by timblewee</li><li data-sourcepos="340:1-340:120">
<a href="https://twitter.com/Sketchfab/status/1384854639842152451?s=20" rel="nofollow noreferrer noopener" target="_blank">Kyiv-19 and MC Helios-81H 2/50</a> by Alexandr Kryuchek</li><li data-sourcepos="341:1-341:116">
<a href="https://twitter.com/albn/status/1387846835943923715?s=20" rel="nofollow noreferrer noopener" target="_blank">SpaceX's South Texas Launch Site</a> in VR via Sketchfab</li><li data-sourcepos="342:1-342:117">
<a href="https://twitter.com/BCiechanowski/status/1387790984356917249?s=20" rel="nofollow noreferrer noopener" target="_blank">Internal Combustion Engine</a> by @BCiechanowski</li><li data-sourcepos="343:1-343:97">
<a href="https://twitter.com/Shadertoy/status/1388278274657112066?s=20" rel="nofollow noreferrer noopener" target="_blank">Featured Shadertoys</a> April 30</li><li data-sourcepos="344:1-344:100">
<a href="https://twitter.com/thespite/status/1388883556206882817?s=20" rel="nofollow noreferrer noopener" target="_blank">Hic Et Nunc Loop #2</a> by @thespite</li><li data-sourcepos="345:1-345:122">
<a href="https://twitter.com/Michael_Moroz_/status/1389248607673589761?s=20" rel="nofollow noreferrer noopener" target="_blank">Spectral forward light tracer</a> by @Michael_Moroz_</li><li data-sourcepos="346:1-346:102">
<a href="https://twitter.com/3dflashlo/status/1389201123920207873?s=20" rel="nofollow noreferrer noopener" target="_blank">Oimo worker preview</a> by @3dflashlo</li><li data-sourcepos="347:1-347:135">
<a href="https://twitter.com/captbaritone/status/1378029196648189958?s=20" rel="nofollow noreferrer noopener" target="_blank">Webamp's visualizer 73% faster via WebAssembly</a> by @captbaritone</li><li data-sourcepos="348:1-348:111">
<a href="https://twitter.com/gibber_cc/status/1382476685447024642?s=20" rel="nofollow noreferrer noopener" target="_blank">hydra + marchingjs in gibber</a> by @gibber_cc</li><li data-sourcepos="349:1-349:173">
<a href="https://twitter.com/evvvvil/status/1387843615406309377?s=20" rel="nofollow noreferrer noopener" target="_blank">Ixion's poisonous ring</a> by @evvvvil (<a href="https://twitter.com/evvvvil/status/1387843940402012160?s=20" rel="nofollow noreferrer noopener" target="_blank">source</a>)</li><li data-sourcepos="350:1-350:91">Taotris: <a href="https://www.shadertoy.com/view/NdSSDw" rel="nofollow noreferrer noopener" target="_blank">https://www.shadertoy.com/view/NdSSDw</a>
</li><li data-sourcepos="351:1-351:119"><a href="https://www.adultswim.com/music/singles-2018/3" rel="nofollow noreferrer noopener" target="_blank">Star Shroud - Sound of Ceres | Adult Swim Singles - adultswim.com</a></li><li data-sourcepos="352:1-352:76"><a href="https://stargate-gamma.vercel.app/" rel="nofollow noreferrer noopener" target="_blank">https://stargate-gamma.vercel.app/</a></li><li data-sourcepos="353:1-353:176">Introducing the Anim State Graph | PlayCanvas <a href="https://blog.playcanvas.com/introducing-the-anim-state-graph/" rel="nofollow noreferrer noopener" target="_blank">https://blog.playcanvas.com/introducing-the-anim-state-graph/</a>
</li><li data-sourcepos="354:1-354:86">Macroquad rust game engine examples <a href="https://macroquad.rs/" rel="nofollow noreferrer noopener" target="_blank">https://macroquad.rs/</a>
</li><li data-sourcepos="355:1-355:97">Grafar <a href="https://thoughtspile.github.io/grafar/?new#/" rel="nofollow noreferrer noopener" target="_blank">https://thoughtspile.github.io/grafar/</a>
</li><li data-sourcepos="356:1-356:75"><a href="https://mneuroth.github.io/SciTEQtWASM/" rel="nofollow noreferrer noopener" target="_blank">sciteqt - mneuroth.github.io</a></li><li data-sourcepos="357:1-357:111"><a href="https://www.vectary.com/webar/vectary-lamp-3d-configurator/" rel="nofollow noreferrer noopener" target="_blank">Vectary | Lamp 3D Configurator - vectary.com</a></li><li data-sourcepos="358:1-358:132"><a href="https://pocsports-demo.vectary.vercel.app/" rel="nofollow noreferrer noopener" target="_blank">Vectary Viewer Demo - POC Octal Cycling Helmet - pocsports-demo.vectary.vercel.app</a></li><li data-sourcepos="359:1-359:85"><a href="https://vectary.github.io/viewer-api/#/" rel="nofollow noreferrer noopener" target="_blank">Vectary Viewer API - vectary.github.io</a></li><li data-sourcepos="360:1-360:107"><a href="https://sixtyfps.io/demos/printerdemo/" rel="nofollow noreferrer noopener" target="_blank">SixtyFPS UI Printer Demo (Web Assembly version) - sixtyfps.io</a></li><li data-sourcepos="361:1-361:132">femtovg ui demo<a href="https://tronical.github.io/femtovg/examples/index.html" rel="nofollow noreferrer noopener" target="_blank"> https://tronical.github.io/femtovg/examples/index.html</a></li><li data-sourcepos="361:1-361:132">Bloom - small game <a href="https://playcanv.as/p/B2WJSn37/" rel="nofollow noreferrer noopener" target="_blank">https://playcanv.as/p/B2WJSn37/</a></li>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-2939999143734638492021-04-22T21:22:00.001-07:002021-05-04T21:23:40.250-07:00Cool WebGL Stuff, 2021-04-22<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><li data-sourcepos="307:1-307:160"><a href="https://twitter.com/blackjero/status/1384726695333138436?s=20" rel="nofollow noreferrer noopener" target="_blank">English Lane</a> <a href="https://www.shadertoy.com/view/fsXXzX" rel="nofollow noreferrer noopener" target="_blank">https://www.shadertoy.com/view/fsXXzX</a>
</li><li data-sourcepos="308:1-308:104">WebGL platformer built with Elm: <a href="https://github.com/passiomatic/sunny-land" rel="nofollow noreferrer noopener" target="_blank">passiomatic/sunny-land</a>
</li><li data-sourcepos="309:1-309:92">Non-photorealistic rendering <a href="https://spite.github.io/sketch/" rel="nofollow noreferrer noopener" target="_blank">Sketch - spite.github.io</a>
</li><li data-sourcepos="310:1-310:97">
<a href="https://webamp.org/" rel="nofollow noreferrer noopener" target="_blank">Webamp · Winamp 2 in your browser</a> - Milkdrop visualizations use WebGL</li><li data-sourcepos="311:1-311:73">Yamauchi No.10 Family Office <a href="https://y-n10.com/" rel="nofollow noreferrer noopener" target="_blank">https://y-n10.com/</a>
</li><li data-sourcepos="312:1-312:109">Data visualization and visual programming language written in Rust <a href="https://enso.org/" rel="nofollow noreferrer noopener" target="_blank">https://enso.org/</a>
</li><li data-sourcepos="313:1-313:72">Greggman’s <a href="https://www.vertexshaderart.com/" rel="nofollow noreferrer noopener" target="_blank">vertexshaderart.com</a>
</li><li data-sourcepos="314:1-314:86">
<a href="https://twitter.com/zozuar/status/1381391789333098498?s=20" rel="nofollow noreferrer noopener" target="_blank">Jellyfish</a> by @zozuar</li><li data-sourcepos="315:1-315:103">
<a href="https://twitter.com/Sketchfab/status/1380686992745316354?s=20" rel="nofollow noreferrer noopener" target="_blank">Old Camera Bag</a> by Andrea Spognetta</li><li data-sourcepos="316:1-316:113">
<a href="https://twitter.com/Sketchfab/status/1381638285613748227?s=20" rel="nofollow noreferrer noopener" target="_blank">Nissan Fairlady Z S30(240Z) 1978</a> by @Lexyc20</li><li data-sourcepos="317:1-317:98">
<a href="https://twitter.com/Shadertoy/status/1381815286010060801?s=20" rel="nofollow noreferrer noopener" target="_blank">Controllable Hexapod 2</a> by dr2</li><li data-sourcepos="318:1-318:92"><a href="https://twitter.com/willeastcott/status/1382312457792843779?s=20" rel="nofollow noreferrer noopener" target="_blank">PlayCanvas is hiring</a></li><li data-sourcepos="319:1-319:91">
<a href="https://twitter.com/wblut/status/1382675726068031493?s=20" rel="nofollow noreferrer noopener" target="_blank">Interactive Scan</a> by @wblut</li><li data-sourcepos="320:1-320:96"><a href="https://twitter.com/googleearth/status/1382689823954206727?s=20" rel="nofollow noreferrer noopener" target="_blank">Timelapse in Google Earth</a></li><li data-sourcepos="321:1-321:88">
<a href="https://twitter.com/soju22/status/1383464106334642177?s=20" rel="nofollow noreferrer noopener" target="_blank">Noisy Lines</a> by @soju22</li><li data-sourcepos="322:1-322:124">
<a href="https://twitter.com/thespite/status/1383413661687943168?s=20" rel="nofollow noreferrer noopener" target="_blank">Turning MAKIO135's Ouroboros into real-time</a> by @thespite</li><li data-sourcepos="323:1-323:92">
<a href="https://twitter.com/connrbell/status/1384193503756910592?s=20" rel="nofollow noreferrer noopener" target="_blank">kifs_zone</a> by @connrbell</li><li data-sourcepos="324:1-324:93">
<a href="https://twitter.com/Shadertoy/status/1384379872336773127?s=20" rel="nofollow noreferrer noopener" target="_blank">Rubik's Ball</a> by tdhooper</li><li data-sourcepos="325:1-325:135"><a href="https://twitter.com/thekhronosgroup/status/1384492044496764933?s=20" rel="nofollow noreferrer noopener" target="_blank">KTX 2.0 Ratified, including Basis Universal supercompression</a></li><li data-sourcepos="326:1-326:91">
<a href="https://twitter.com/zozuar/status/1384654863834009604?s=20" rel="nofollow noreferrer noopener" target="_blank">Sweepy fractal</a> by @zozuar</li><li data-sourcepos="327:1-327:99">
<a href="https://twitter.com/WebGL/status/1385394237617975296?s=20" rel="nofollow noreferrer noopener" target="_blank">Next WebGL+WebGPU Meetup</a> is May 12</li><li data-sourcepos="328:1-328:108">
<a href="https://twitter.com/Flexi23/status/1216828592027512832?s=20" rel="nofollow noreferrer noopener" target="_blank">Differences of Gaussian edges</a> by @Flexi23</li><p>
</p><li data-sourcepos="329:1-329:134">
<a href="https://twitter.com/dghez_/status/1384806308868726785?s=20" rel="nofollow noreferrer noopener" target="_blank">Jellyfish teaching about climate change</a> by @dghez_ and collaborators</li>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-73665379570203474142021-04-08T21:22:00.001-07:002021-05-04T21:22:41.292-07:00Cool WebGL Stuff, 2021-04-08<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><li data-sourcepos="314:1-314:112"><a href="http://alexyu.net/plenoctrees/" rel="nofollow noreferrer noopener" target="_blank">PlenOctrees for Real-time Rendering of Neural Radiance Fields - alexyu.net</a></li><li data-sourcepos="315:1-315:123">Sparse Neural Radiance Grid (SNeRG) <a href="https://phog.github.io/snerg/index.html" rel="nofollow noreferrer noopener" target="_blank">https://phog.github.io/snerg/index.html</a>
</li><li data-sourcepos="316:1-316:71">
<a href="https://kaboomjs.com/" rel="nofollow noreferrer noopener" target="_blank">Kaboomjs.com</a> declarative mini game library</li><li data-sourcepos="317:1-318:89">
<a href="https://github.com/FMS-Cat/condition" rel="nofollow noreferrer noopener" target="_blank">FMS-Cat/condition: A 64KB WebGL Intro. Appeared in Revision 2021</a>
<ul data-sourcepos="318:5-318:89">
<li data-sourcepos="318:5-318:89"><a href="https://twitter.com/FMS_Cat/status/1378491360097918978?s=20" rel="nofollow noreferrer noopener" target="_blank">Announcement tweet</a></li>
</ul>
</li><li data-sourcepos="319:1-320:66">Penderecki's Garden <br />
<a href="https://pendereckisgarden.pl/en" rel="nofollow noreferrer noopener" target="_blank">https://pendereckisgarden.pl/en</a>
</li><li data-sourcepos="321:1-321:217">GenomeSpy <a href="https://genomespy.app/#examples" rel="nofollow noreferrer noopener" target="_blank">https://genomespy.app/#examples</a> <a href="https://mobile.twitter.com/karilavikka/status/1374765919096995857" rel="nofollow noreferrer noopener" target="_blank">https://mobile.twitter.com/karilavikka/status/1374765919096995857</a>
</li><li data-sourcepos="322:1-322:144">Volkswagen Mexico virtual studio <a href="https://www.vw.com.mx/app/virtual-studio/index.html" rel="nofollow noreferrer noopener" target="_blank">https://www.vw.com.mx/app/virtual-studio/index.html</a>
</li><li data-sourcepos="323:1-323:104">
<a href="https://twitter.com/trierman/status/1374996861694672899?s=20" rel="nofollow noreferrer noopener" target="_blank">Point cloud ray tracing</a> by @trierman</li><li data-sourcepos="324:1-324:105"><a href="https://twitter.com/Sketchfab/status/1375419500913364998?s=20" rel="nofollow noreferrer noopener" target="_blank">Sketchfab reaches 5 million members!</a></li><li data-sourcepos="325:1-325:106"><a href="https://twitter.com/Sketchfab/status/1375024708685598720?s=20" rel="nofollow noreferrer noopener" target="_blank">Stylized WW1 Plane by AntijnvanderGun</a></li><li data-sourcepos="326:1-326:107"><a href="https://twitter.com/Shadertoy/status/1375183880789970944?s=20" rel="nofollow noreferrer noopener" target="_blank">Shadertoy featured shaders of March 25</a></li><li data-sourcepos="327:1-327:108">
<a href="https://twitter.com/mlperego/status/1375600311977586689?s=20" rel="nofollow noreferrer noopener" target="_blank">Fake volumetric point light</a> by @mlperego</li><li data-sourcepos="328:1-328:97">
<a href="https://twitter.com/greggman/status/1376003669875826692?s=20" rel="nofollow noreferrer noopener" target="_blank">Slime simulation</a> by @greggman</li><li data-sourcepos="329:1-329:104">
<a href="https://twitter.com/DerSchmale/status/1376561710966964224?s=20" rel="nofollow noreferrer noopener" target="_blank">Instant Googly Eyes</a> by @DerSchmale</li><li data-sourcepos="330:1-330:90"><a href="https://twitter.com/liberostelios/status/1376555483419398163?s=20" rel="nofollow noreferrer noopener" target="_blank">3dbag.nl released</a></li><li data-sourcepos="331:1-331:128">
<a href="https://twitter.com/EvgenyDemidov/status/1376570082780971010?s=20" rel="nofollow noreferrer noopener" target="_blank">WebXR procedural spline-based flowers</a> by @EvgenyDemidov</li><li data-sourcepos="332:1-332:118"><a href="https://twitter.com/KariLavikka/status/1374765919096995857?s=20" rel="nofollow noreferrer noopener" target="_blank">GenomeSpy: WebGL-accelerated visualization tool</a></li><li data-sourcepos="333:1-333:93"><a href="https://twitter.com/threejs_org/status/1377225013196111873?s=20" rel="nofollow noreferrer noopener" target="_blank">Three.js r127 released</a></li><li data-sourcepos="334:1-334:99"><a href="https://twitter.com/Sketchfab/status/1377667258563059713?s=20" rel="nofollow noreferrer noopener" target="_blank">3D models by falk on Sketchfab</a></li><li data-sourcepos="335:1-335:92"><a href="https://twitter.com/Sketchfab/status/1377425535555436550?s=20" rel="nofollow noreferrer noopener" target="_blank">Mebius by @darling_arts</a></li><li data-sourcepos="336:1-336:115">
<a href="https://twitter.com/paulofalcao/status/1377738344021512196?s=20" rel="nofollow noreferrer noopener" target="_blank">"Smooth Symmetric Polar Mod"</a> by @paulofalcao</li><li data-sourcepos="337:1-337:116">
<a href="https://twitter.com/voorbeeld/status/1377570983545044994?s=20" rel="nofollow noreferrer noopener" target="_blank">9 different modes of V/FLOW-01-01</a> by @voorbeeld</li><li data-sourcepos="338:1-338:95">
<a href="https://twitter.com/gaziya5/status/1377617341987577860?s=20" rel="nofollow noreferrer noopener" target="_blank">Animated fractal</a> by @gaziya5</li><li data-sourcepos="339:1-339:107"><a href="https://twitter.com/Shadertoy/status/1377486412862218242?s=20" rel="nofollow noreferrer noopener" target="_blank">Shadertoy featured shaders of March 31</a></li><li data-sourcepos="340:1-340:92">
<a href="https://twitter.com/zozuar/status/1377258798595895297?s=20" rel="nofollow noreferrer noopener" target="_blank">Animated clouds</a> by @zozuar</li><li data-sourcepos="341:1-341:107">
<a href="https://twitter.com/skaven_/status/1377226589109358597?s=20" rel="nofollow noreferrer noopener" target="_blank">Animated grass in Babylon.js</a> by @skaven_</li><li data-sourcepos="342:1-342:91"><a href="https://twitter.com/Sketchfab/status/1377017801752391681?s=20" rel="nofollow noreferrer noopener" target="_blank">Kingsman by @The_Araon</a></li><li data-sourcepos="343:1-343:84">
<a href="https://twitter.com/zozuar/status/1377226626455461894?s=20" rel="nofollow noreferrer noopener" target="_blank">Tornado</a> by @zozuar</li><li data-sourcepos="344:1-344:110"><a href="https://twitter.com/Sketchfab/status/1376972712065839104?s=20" rel="nofollow noreferrer noopener" target="_blank">Ntamak Island - Final Scene by @yuguhtrrh</a></li><li data-sourcepos="345:1-345:107"><a href="https://twitter.com/threejs_org/status/1376959979186442243?s=20" rel="nofollow noreferrer noopener" target="_blank">Volkswagen Virtual Studio Experience</a></li><li data-sourcepos="346:1-346:89"><a href="https://twitter.com/Shadertoy/status/1376934194073329669?s=20" rel="nofollow noreferrer noopener" target="_blank">'Neon Dance' by Kali</a></li><li data-sourcepos="347:1-347:147"><a href="https://twitter.com/github_tracker/status/1379090281602105344?s=20" rel="nofollow noreferrer noopener" target="_blank">mrdoob/three.js fastest growing top 100 software repo on Github last week</a></li><li data-sourcepos="348:1-348:124">
<a href="https://twitter.com/NuSan_fx/status/1378759959815585795?s=20" rel="nofollow noreferrer noopener" target="_blank">4KB procedural Shadertoy for Revision Party</a> by @NuSan_fx</li><li data-sourcepos="349:1-349:93">
<a href="https://twitter.com/tdhooper/status/1378717919123738625?s=20" rel="nofollow noreferrer noopener" target="_blank">You Are Here</a> by @tdhooper</li><li data-sourcepos="350:1-350:106">
<a href="https://twitter.com/Shadertoy/status/1379318833123524610?s=20" rel="nofollow noreferrer noopener" target="_blank">Tetrahedral Voxel Traversal</a> by fizzer</li><li data-sourcepos="351:1-351:111">
<a href="https://twitter.com/fradingue/status/1379592284317057024?s=20" rel="nofollow noreferrer noopener" target="_blank">2nd day of "36 Days of Type"</a> by @fradingue</li><li data-sourcepos="352:1-352:94">
<a href="https://twitter.com/zozuar/status/1379735647653654529?s=20" rel="nofollow noreferrer noopener" target="_blank">Sun rays & clouds</a> by @zozuar</li><li data-sourcepos="353:1-353:100">
<a href="https://twitter.com/soju22/status/1379530517419266049?s=20" rel="nofollow noreferrer noopener" target="_blank">Another troisjs example</a> by @soju22</li><li data-sourcepos="354:1-354:117"><a href="https://twitter.com/evrgalois/status/1380151757448306689?s=20" rel="nofollow noreferrer noopener" target="_blank">Perseverance Rover's landing site in AreoBrowser</a></li><p>
</p><li data-sourcepos="355:1-355:106"><a href="https://twitter.com/Shadertoy/status/1380010710852202498?s=20" rel="nofollow noreferrer noopener" target="_blank">Shadertoy featured shaders of April 7</a></li>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-37406916704317403662021-03-25T20:30:00.001-07:002021-05-04T21:21:59.237-07:00Cool WebGL Stuff, 2021-03-25<p> Cool stuff from around the web, as discovered by Khronos' WebGL working group.</p><li data-sourcepos="346:1-347:110">goodboy™ — <a href="https://twitter.com/goodboydigital/status/1372492024633565190?s=20" rel="nofollow noreferrer noopener" target="_blank">operation-tokyo-banana</a> <br />
<a href="http://dev.goodboydigital.com/client/baz/test/v1.0.2/" rel="nofollow noreferrer noopener" target="_blank">http://dev.goodboydigital.com/client/baz/test/v1.0.2/</a>
</li><li data-sourcepos="348:1-348:104">All These Worlds Are Yours <a href="http://alltheseworldsareyours.com/" rel="nofollow noreferrer noopener" target="_blank">http://alltheseworldsareyours.com/</a>
</li><li data-sourcepos="349:1-349:146">The Infinite Drum Machine <a href="https://experiments.withgoogle.com/ai/drum-machine/view/" rel="nofollow noreferrer noopener" target="_blank">https://experiments.withgoogle.com/ai/drum-machine/view/</a>
</li><li data-sourcepos="350:1-350:124"><a href="https://editor.godotengine.org/releases/latest/" rel="nofollow noreferrer noopener" target="_blank">Godot Engine Web Editor (3.3.0.rc6.official) - editor.godotengine.org</a></li><li data-sourcepos="351:1-351:113">AR Synth <a href="https://artsexperiments.withgoogle.com/ar-synth/" rel="nofollow noreferrer noopener" target="_blank">https://artsexperiments.withgoogle.com/ar-synth/</a>
</li><li data-sourcepos="352:1-352:121">Gergely Gizella - Full stack development and Illustration - Logartis <a href="https://logartis.info/" rel="nofollow noreferrer noopener" target="_blank">https://logartis.info/</a>
</li><li data-sourcepos="353:1-353:90">
<a href="https://twitter.com/Bleddy81/status/1370431995545845761?s=20" rel="nofollow noreferrer noopener" target="_blank">3D MaiMai</a> by @Bleddy81</li><li data-sourcepos="354:1-354:101"><a href="https://twitter.com/enjalot/status/1370405109717471234?s=20" rel="nofollow noreferrer noopener" target="_blank">d3js data and scales into Three.js</a></li><li data-sourcepos="355:1-355:102">
<a href="https://twitter.com/EncharmDre/status/1371460810552270848?s=20" rel="nofollow noreferrer noopener" target="_blank">Crystal Sculpture</a> by @EncharmDre</li><li data-sourcepos="356:1-356:88"><a href="https://twitter.com/Sketchfab/status/1368018510841065474?s=20" rel="nofollow noreferrer noopener" target="_blank">Blue by ptibogvader</a></li><li data-sourcepos="357:1-357:100">
<a href="https://twitter.com/zozuar/status/1373707168113954816?s=20" rel="nofollow noreferrer noopener" target="_blank">Magical mountain shader</a> by @zozuar</li><li data-sourcepos="358:1-358:115">
<a href="https://twitter.com/albn/status/1373696891624521733?s=20" rel="nofollow noreferrer noopener" target="_blank">Pratt & Whitney R-1830 aircraft engine</a> by agnieszka</li><li data-sourcepos="359:1-359:106">
<a href="https://twitter.com/DaniGatunes/status/1373666825293213703?s=20" rel="nofollow noreferrer noopener" target="_blank">Voxelizer tech demo</a> by @DaniGatunes</li><li data-sourcepos="360:1-360:123">
<a href="https://twitter.com/ge1doot/status/1373193788844339200?s=20" rel="nofollow noreferrer noopener" target="_blank">WebGL 30k particle simulation</a> on hic et nunc by @ge1doot</li><li data-sourcepos="361:1-361:107">
<a href="https://twitter.com/thespite/status/1372614966616940548?s=20" rel="nofollow noreferrer noopener" target="_blank">WebGL Plasma in an SVG NFT</a> by @thespite</li><li data-sourcepos="362:1-362:101">
<a href="https://twitter.com/goodboydigital/status/1372866362557796359?s=20" rel="nofollow noreferrer noopener" target="_blank">Portalis</a> by @goodboydigital</li><li data-sourcepos="363:1-363:97"><a href="https://twitter.com/xeolabs/status/1372861427615199234?s=20" rel="nofollow noreferrer noopener" target="_blank">Viewing point clouds in Xeokit</a></li><li data-sourcepos="364:1-364:141">
<a href="https://twitter.com/willeastcott/status/1372679391004782592?s=20" rel="nofollow noreferrer noopener" target="_blank">Will Eastcott's PlayCanvas presentation</a> from most recent WebGL Meetup</li><li data-sourcepos="365:1-365:101"><a href="https://twitter.com/WebGL/status/1372636724082348034?s=20" rel="nofollow noreferrer noopener" target="_blank">Recording of March 2021 WebGL Meetup</a></li><li data-sourcepos="366:1-366:92"><a href="https://twitter.com/xeolabs/status/1372621389279137794?s=20" rel="nofollow noreferrer noopener" target="_blank">Xeokit SDK 1.7.1 released</a></li><li data-sourcepos="367:1-367:100">
<a href="https://twitter.com/gonnavis/status/1373913309737459714?s=20" rel="nofollow noreferrer noopener" target="_blank">SSRPass with envMap</a> by @gonnavis</li><li data-sourcepos="368:1-368:104">
<a href="https://twitter.com/zozuar/status/1367243732764876800?s=20" rel="nofollow noreferrer noopener" target="_blank">3D spherical fractal shader</a> by @zozuar</li><li data-sourcepos="369:1-369:90">
<a href="https://twitter.com/Shadertoy/status/1374389335747747842?s=20" rel="nofollow noreferrer noopener" target="_blank">Cube lines</a> by morimea</li><li data-sourcepos="370:1-370:99"><a href="https://twitter.com/0xca0a/status/1374515365875650567?s=20" rel="nofollow noreferrer noopener" target="_blank">Mixing HTML and WebGL in Three.js</a></li><li data-sourcepos="371:1-371:97"><a href="https://twitter.com/playcanvas/status/1374748567630413831?s=20" rel="nofollow noreferrer noopener" target="_blank">PlayCanvas v1.40.0 released</a></li><li data-sourcepos="372:1-372:124"><a href="https://twitter.com/PlayingInCanvas/status/1374664671719010305?s=20" rel="nofollow noreferrer noopener" target="_blank">Orestis 3D pathfinding for PlayCanvas v2 released</a></li><p>
</p><li data-sourcepos="373:1-374:100">
<a href="https://twitter.com/thespite/status/1374845466379177987?s=20" rel="nofollow noreferrer noopener" target="_blank">Template for interactive WebGL shaders on hic et nunc</a> by @thespite
<ul data-sourcepos="374:5-374:100">
<li data-sourcepos="374:5-374:100"><a href="https://twitter.com/thespite/status/1374848722157379585?s=20" rel="nofollow noreferrer noopener" target="_blank">Gist for self-contained file</a></li></ul></li>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-70786955916083283442021-03-11T00:15:00.001-08:002021-03-23T00:16:07.374-07:00Cool WebGL Stuff, 2021-03-11<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><div class="js-wiki-page-content md gl-pt-2" data-qa-selector="wiki_page_content" data-testid="wiki_page_content" data-tracking-context="{"wiki-format":"markdown","wiki-title-size":11,"wiki-content-size":36108,"wiki-directory-nest-level":0,"wiki-container-type":"Project"}"><ul data-sourcepos="378:1-410:90" dir="auto"><li data-sourcepos="378:1-378:56"><a href="https://lab.sardinefish.com/rain/" rel="nofollow noreferrer noopener" target="_blank">WebGL2 raindrop</a></li>
<li data-sourcepos="379:1-379:65"><a href="https://sm64.gitlab.io/" rel="nofollow noreferrer noopener" target="_blank">SM64 Start Screen - sm64.gitlab.io</a></li>
<li data-sourcepos="380:1-380:161"><a href="https://github.com/microsoft/vscode/issues/118064" rel="nofollow noreferrer noopener" target="_blank">Make the WebGL terminal renderer the default · Issue #118064 · microsoft/vscode · GitHub - github.com</a></li>
<li data-sourcepos="381:1-381:82"><a href="http://www.vvvvjs.com/" rel="nofollow noreferrer noopener" target="_blank">VVVV.js - Visual Web Client Programming - vvvvjs.com</a></li>
<li data-sourcepos="382:1-382:105"><a href="https://patches.vizor.io/" rel="nofollow noreferrer noopener" target="_blank">Patches – Explore, Create and Publish VR on the Web - patches.vizor.io</a></li>
<li data-sourcepos="383:1-383:84"><a href="https://kevinshannon.dev/3D-FlowerBox/" rel="nofollow noreferrer noopener" target="_blank">https://kevinshannon.dev/3D-FlowerBox/</a></li>
<li data-sourcepos="384:1-384:64"><a href="https://nodes.io/playground/" rel="nofollow noreferrer noopener" target="_blank">https://nodes.io/playground/</a></li>
<li data-sourcepos="385:1-385:44"><a href="https://cables.gl/" rel="nofollow noreferrer noopener" target="_blank">https://cables.gl/</a></li>
<li data-sourcepos="386:1-386:59"><a href="https://znah.net/hexells/" rel="nofollow noreferrer noopener" target="_blank">https://znah.net/hexells/</a></li>
<li data-sourcepos="387:1-387:112">
<a href="https://twitter.com/skaven_/status/1365258019173502982?s=20" rel="nofollow noreferrer noopener" target="_blank">See-through effect with BabylonJS</a> by @skaven_</li>
<li data-sourcepos="388:1-388:102">
<a href="https://twitter.com/goodboydigital/status/1364881704427618304?s=20" rel="nofollow noreferrer noopener" target="_blank">La Once</a> 13kb JavaScript game</li>
<li data-sourcepos="389:1-389:106">
<a href="https://twitter.com/Shadertoy/status/1364805652430823425?s=20" rel="nofollow noreferrer noopener" target="_blank">[4k] The vanishing of Ashlar</a> by NuSan</li>
<li data-sourcepos="390:1-390:119">
<a href="https://twitter.com/thespite/status/1366092704598401029?s=20" rel="nofollow noreferrer noopener" target="_blank">Gallery page for Digital Inktober 2018</a> by @thespite</li>
<li data-sourcepos="391:1-391:91">
<a href="https://twitter.com/lambrero/status/1366078710982578179?s=20" rel="nofollow noreferrer noopener" target="_blank">Soft touch</a> by @lambrero</li>
<li data-sourcepos="392:1-392:120"><a href="https://twitter.com/thespite/status/1366450190052392961?s=20" rel="nofollow noreferrer noopener" target="_blank">All @thespite's WebGL ThreeJS loops in a single page</a></li>
<li data-sourcepos="393:1-393:89"><a href="https://twitter.com/evanbbb/status/1366788020230356995?s=20" rel="nofollow noreferrer noopener" target="_blank">WebGL's 10th birthday!</a></li>
<li data-sourcepos="394:1-394:122">
<a href="https://twitter.com/ggsimm/status/1366454511603187716?s=20" rel="nofollow noreferrer noopener" target="_blank">Cheap blurs by sampling from low texture LODs</a> by @ggsimm</li>
<li data-sourcepos="395:1-395:110">
<a href="https://twitter.com/Shadertoy/status/1366561866240024576?s=20" rel="nofollow noreferrer noopener" target="_blank">Audio Flight Viz - Domain Rep</a> by pjkarlik</li>
<li data-sourcepos="396:1-396:106">
<a href="https://twitter.com/_Quazi_/status/1366227902241656833?s=20" rel="nofollow noreferrer noopener" target="_blank">Wave based light simulation</a> by @<em>Quazi</em>
</li>
<li data-sourcepos="397:1-397:125">
<a href="https://twitter.com/albn/status/1367480607027134470?s=20" rel="nofollow noreferrer noopener" target="_blank">Mini Cooper demo by Tapmod Studio</a> using @Sketchfab Viewer API</li>
<li data-sourcepos="398:1-398:114">
<a href="https://twitter.com/modeless/status/1367515434837110785?s=20" rel="nofollow noreferrer noopener" target="_blank">Cool new fractal</a> by @zozuar (thanks @modeless)</li>
<li data-sourcepos="399:1-399:116">
<a href="https://twitter.com/mrmaxm/status/1367795681667280896?s=20" rel="nofollow noreferrer noopener" target="_blank">Car on road with sliding textures</a> with @playcanvas</li>
<li data-sourcepos="400:1-400:87">
<a href="https://twitter.com/soju22/status/1369344371640971272?s=20" rel="nofollow noreferrer noopener" target="_blank">Wavy tubes</a> by @soju22</li>
<li data-sourcepos="401:1-401:141">
<a href="https://twitter.com/Matth_Chavent/status/1369204819689414661?s=20" rel="nofollow noreferrer noopener" target="_blank">Mol* WebGL viewer</a> - 500k particles visualized smoothly in a web page</li>
<li data-sourcepos="402:1-402:102">
<a href="https://twitter.com/MariusBallot/status/1369662974324006912?s=20" rel="nofollow noreferrer noopener" target="_blank">Magic Portal</a> by @MariusBallott</li>
<li data-sourcepos="403:1-403:99">
<a href="https://twitter.com/zozuar/status/1369637083430744068?s=20" rel="nofollow noreferrer noopener" target="_blank">Spinning green fractal</a> by @zozuar</li>
<li data-sourcepos="404:1-404:166">
<a href="https://twitter.com/Mirko_Salm/status/1366379870515773442?s=20" rel="nofollow noreferrer noopener" target="_blank">Distributing integration of path tracer in blue noise-like fashion</a> Shadertoy demo by @Mirko_Salm</li>
<li data-sourcepos="405:1-405:133">
<a href="https://twitter.com/Matth_Chavent/status/1369585563364450309?s=20" rel="nofollow noreferrer noopener" target="_blank">9M particles visualized in the web browser</a> by @Matth_Chavent</li>
<li data-sourcepos="406:1-406:105">
<a href="https://twitter.com/threejs_org/status/1369586986563084288?s=20" rel="nofollow noreferrer noopener" target="_blank">"Terra"</a> by pixelmike and spacejack</li>
<li data-sourcepos="407:1-407:116">
<a href="https://twitter.com/threejs_org/status/1369421471643271172?s=20" rel="nofollow noreferrer noopener" target="_blank">GPU Progressive Light Mapping</a> by @JohnSelstad</li>
<li data-sourcepos="408:1-408:104"><a href="https://twitter.com/Shadertoy/status/1369830727462776834?s=20" rel="nofollow noreferrer noopener" target="_blank">Shadertoy featured shaders March 10</a></li>
<li data-sourcepos="409:1-409:120"><a href="https://twitter.com/alexqgb/status/1369442052048576520?s=20" rel="nofollow noreferrer noopener" target="_blank">Sketchfab auto-converts all uploads to .gltf and .usd</a></li>
<li data-sourcepos="410:1-410:90">
<a href="https://twitter.com/yugam_/status/1369902714591735808?s=20" rel="nofollow noreferrer noopener" target="_blank">Toon Fireball</a> by @yugam_</li>
</ul></div>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-18730806913903844952021-02-25T18:05:00.001-08:002021-03-01T18:06:09.019-08:00Cool WebGL Stuff, 2021-02-25<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><li data-sourcepos="344:1-345:303">Wonderland engine <a href="https://wonderlandengine.com/" rel="nofollow noreferrer noopener" target="_blank">https://wonderlandengine.com/</a>:
<ul data-sourcepos="345:5-345:303">
<li data-sourcepos="345:5-345:303">WEBGL_multi_draw: ~10-20% CPU perf improvements, but more importantly save 50-80% of mesh data on the GPU and finally am able to implement culling or LODs efficiently. (Only on non-threaded environments, though, as the extension expects non-shared memory as mentioned on the emscripten PR also).</li>
</ul>
</li><li data-sourcepos="346:1-351:169">NASA used Three.js and WebGL to visualize the Mars Perseverance rover landing!
<ul data-sourcepos="347:5-351:169">
<li data-sourcepos="347:5-347:152"><a href="https://mars.nasa.gov/mars2020/timeline/landing/entry-descent-landing/" rel="nofollow noreferrer noopener" target="_blank">https://mars.nasa.gov/mars2020/timeline/landing/entry-descent-landing/</a></li>
<li data-sourcepos="348:5-348:108"><a href="https://mars.nasa.gov/mars2020/spacecraft/rover/" rel="nofollow noreferrer noopener" target="_blank">https://mars.nasa.gov/mars2020/spacecraft/rover/</a></li>
<li data-sourcepos="349:5-349:162"><a href="https://twitter.com/mrdoob/status/1362508150507790343?s=20" rel="nofollow noreferrer noopener" target="_blank">Three.js: from 2D canvas rendering engine to visualizing NASA’s Perseverance Rover landing</a></li>
<li data-sourcepos="350:5-350:135"><a href="https://twitter.com/EmmettLalish/status/1362859002086912001?s=20" rel="nofollow noreferrer noopener" target="_blank"><model-viewer> visualizing the first helicopter on Mars!</a></li>
<li data-sourcepos="351:5-351:169">NASA also used WebGL (and it looks like Verge3D) to visualize their earlier Curiosity rover: <a href="https://eyes.nasa.gov/curiosity/" rel="nofollow noreferrer noopener" target="_blank">https://eyes.nasa.gov/curiosity/</a>
</li>
</ul>
</li><li data-sourcepos="352:1-352:96"><a href="https://twitter.com/_dotbigbang_/status/1359880225455300608?s=20" rel="nofollow noreferrer noopener" target="_blank">@<em>dotbigbang</em> is hiring!</a></li><li data-sourcepos="353:1-353:140"><a href="https://twitter.com/playcanvas/status/1359846885209571328?s=20" rel="nofollow noreferrer noopener" target="_blank">Using @_binomial's Basis and @glTF3D to rebuild the Star-Lord PBR Demo</a></li><li data-sourcepos="354:1-354:108"><a href="https://twitter.com/Sketchfab/status/1357556646516514817?s=20" rel="nofollow noreferrer noopener" target="_blank">Pagani Huayra Tricolore 2021 by SQUIR3D</a></li><li data-sourcepos="355:1-355:156"><a href="https://twitter.com/miguelbandera/status/1357455103771488256?s=20" rel="nofollow noreferrer noopener" target="_blank">Beirut port silos 3D model using 500 photos and #photogrammetry in @RealityCapture_</a></li><li data-sourcepos="356:1-356:113"><a href="https://twitter.com/Sketchfab/status/1357388561499230217?s=20" rel="nofollow noreferrer noopener" target="_blank">Quadcopter DJI Matrice 300 RTK by 19vitali99</a></li><li data-sourcepos="357:1-357:120"><a href="https://twitter.com/soft8soft/status/1359752581506101249?s=20" rel="nofollow noreferrer noopener" target="_blank">Verge3D for Maya v3.6 and Verge3D Ultimate released</a></li><li data-sourcepos="358:1-358:94"><a href="https://twitter.com/lusionltd/status/1360162377551994882?s=20" rel="nofollow noreferrer noopener" target="_blank">Fairer Tomorrow by Lusion</a></li><li data-sourcepos="359:1-359:121"><a href="https://twitter.com/Mirko_Salm/status/1357141325620137985?s=20" rel="nofollow noreferrer noopener" target="_blank">Minimalist grid based water solution by @Mirko_Salm</a></li><li data-sourcepos="360:1-360:87"><a href="https://twitter.com/igneus/status/1361370373497978880?s=20" rel="nofollow noreferrer noopener" target="_blank">Metacurves by @igneus</a></li><li data-sourcepos="361:1-361:116"><a href="https://twitter.com/tomayac/status/1362394935216009217?s=20" rel="nofollow noreferrer noopener" target="_blank">GravitySensor now supported in Generic Sensor API</a></li><li data-sourcepos="362:1-362:147"><a href="https://twitter.com/msub2official/status/1362087479088709633?s=20" rel="nofollow noreferrer noopener" target="_blank">First public version of Silk Brush - Tilt Brush on the web - now available</a></li><li data-sourcepos="363:1-363:121">
<a href="https://twitter.com/Sketchfab/status/1362824384759681034?s=20" rel="nofollow noreferrer noopener" target="_blank">Skateboard [ Globe: DOWN IN FLAMES ]</a> by @JackMcGames</li><li data-sourcepos="364:1-364:112"><a href="https://twitter.com/matthen2/status/1364620925581332491?s=20" rel="nofollow noreferrer noopener" target="_blank">smoothstep.io shader animation tool released</a></li><li data-sourcepos="365:1-365:93"><a href="https://twitter.com/threejs_org/status/1364583169828208649?s=20" rel="nofollow noreferrer noopener" target="_blank">Three.js r126 released</a></li><li data-sourcepos="366:1-366:86"><a href="https://twitter.com/WebGL/status/1364682265482067969?s=20" rel="nofollow noreferrer noopener" target="_blank">WebGL Meetup March 17</a></li><li data-sourcepos="366:1-366:86"><a href="https://twitter.com/playcanvas/status/1364536390885736448?s=20" rel="nofollow noreferrer noopener" target="_blank">Dab Motors’ PlayCanvas-based configurator</a></li>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-62981716922292057002021-02-11T17:49:00.001-08:002021-03-01T17:50:16.927-08:00Cool WebGL Stuff, 2021-02-11<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><li data-sourcepos="331:1-331:124"><span style="font-family: inherit;"><a href="https://twitter.com/lojjic/status/1354845037474029572?s=20" rel="nofollow noreferrer noopener" target="_blank">Raised garden bed designer in react-three-fiber</a> by @lojjic</span></li><li data-sourcepos="332:1-332:86"><a href="https://twitter.com/Sketchfab/status/1353523029683429378?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Backpack by D.art</span></a></li><li data-sourcepos="333:1-333:97"><a href="https://twitter.com/Sketchfab/status/1352919075656232960?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Winter Girl by Jakob Scheidt</span></a></li><li data-sourcepos="334:1-334:112"><a href="https://twitter.com/albn/status/1352416393682165760?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Mantis - NASA 2030 Space Program by /David_Young</span></a></li><li data-sourcepos="335:1-335:112"><a href="https://twitter.com/agviegasBIM/status/1351223164785876998?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">IFC models running on a 4-year-old iPhone</span></a></li><li data-sourcepos="336:1-336:135"><span style="font-family: inherit;">
<a href="https://twitter.com/Michael_Moroz_/status/1354929478481424384?s=20" rel="nofollow noreferrer noopener" target="_blank">SIREN network representing SDF in a shader</a> by @Michael_Moroz_</span></li><li data-sourcepos="337:1-337:120"><span style="font-family: inherit;">
<a href="https://twitter.com/babylonjs/status/1354901061186641920?s=20" rel="nofollow noreferrer noopener" target="_blank">Unlimited Morph Targets in Babylon.js</a> by @deltakosh</span></li><li data-sourcepos="338:1-338:106"><a href="https://twitter.com/Sketchfab/status/1354549923602173953?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">MSM-07_Z'GOK model kit by giobiancoFB</span></a></li><li data-sourcepos="339:1-339:97"><span style="font-family: inherit;">
<a href="https://twitter.com/MAKIO135/status/1355282268768636928?s=20" rel="nofollow noreferrer noopener" target="_blank">MatCaps notebook</a> by @MAKIO135</span></li><li data-sourcepos="340:1-340:102"><span style="font-family: inherit;">
<a href="https://twitter.com/UkskSan/status/1356284856641089536?s=20" rel="nofollow noreferrer noopener" target="_blank">Cornell Box Ray Tracing</a> by @UkskSan</span></li><li data-sourcepos="341:1-341:99"><span style="font-family: inherit;">
<a href="https://twitter.com/active_theory/status/1356255771722395654?s=20" rel="nofollow noreferrer noopener" target="_blank">E.C.H.O.</a> by @active_theory</span></li><li data-sourcepos="342:1-342:129"><span style="font-family: inherit;">
<a href="https://twitter.com/wwwtyro/status/1356789874997800960?s=20" rel="nofollow noreferrer noopener" target="_blank">Powder: Ski down an infinite mountainside in WebXR</a> by @wwwtyro</span></li><li data-sourcepos="343:1-343:97"><span style="font-family: inherit;">
<a href="https://twitter.com/Shadertoy/status/1356757268289622017?s=20" rel="nofollow noreferrer noopener" target="_blank">Paint Streams</a> by michael0884</span></li><li data-sourcepos="344:1-344:116"><span style="font-family: inherit;">
<a href="https://twitter.com/bitbybit_dev/status/1356714412854439936?s=20" rel="nofollow noreferrer noopener" target="_blank">OpenCascade Parametric Roof</a> by @bitbybit_dev</span></li><li data-sourcepos="345:1-345:86"><span style="font-family: inherit;">
<a href="https://twitter.com/zeh/status/1357703144722096129?s=20" rel="nofollow noreferrer noopener" target="_blank">Status of WebXR</a> by @zeh</span></li><li data-sourcepos="346:1-346:131"><a href="https://twitter.com/AlaricBaraou/status/1357708766981066752?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Contact @AlaricBaraou about accessibility issues with WebGL</span></a></li><li data-sourcepos="347:1-347:120"><span style="font-family: inherit;">
<a href="https://plockle.com" rel="nofollow noreferrer noopener" target="_blank">plockle.com</a> <a href="https://twitter.com/threejs_org/status/1357674021500948487?s=20" rel="nofollow noreferrer noopener" target="_blank">VR puzzle game</a>
</span></li><li data-sourcepos="348:1-348:131"><span style="font-family: inherit;">
<a href="https://twitter.com/rickyreusser/status/1358150563653816320?s=20" rel="nofollow noreferrer noopener" target="_blank">Multi-scale Turing Pattern Finger Painting</a> by @rickyreusser</span></li><li data-sourcepos="349:1-349:114"><span style="font-family: inherit;">
<a href="https://twitter.com/mrdoob/status/1358533816462290958?s=20" rel="nofollow noreferrer noopener" target="_blank">ffmpeg recording support for sketches</a> by @mrdoob</span></li><li data-sourcepos="350:1-350:101"><a href="https://twitter.com/Shadertoy/status/1358650583129808902?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Shadertoy Feb 7 featured shaders</span></a></li><li data-sourcepos="351:1-351:124"><a href="https://twitter.com/willeastcott/status/1358745259203772416?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">WebXR support for PlayCanvas’ Vehicle Physics demo</span></a></li><li data-sourcepos="352:1-352:98"><a href="https://twitter.com/Sketchfab/status/1356724160056225794?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Snake Plissken by ptibogvader</span></a></li><li data-sourcepos="353:1-353:104"><a href="https://twitter.com/playcanvas/status/1359175724456947712?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">PlayCanvas Engine v1.39.0 released</span></a></li><li data-sourcepos="354:1-354:88"><a href="https://twitter.com/Shadertoy/status/1358953423366889474?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Dry Ice 2 by xjorma</span></a></li><li data-sourcepos="355:1-355:97"><a href="https://twitter.com/modelviewer/status/1359187259535151106?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">model-viewer v1.5 released</span></a></li><li data-sourcepos="356:1-356:107"><span style="font-family: inherit;">
<a href="https://twitter.com/0xca0a/status/1359274709054029833?s=20" rel="nofollow noreferrer noopener" target="_blank">Playing with lights and colors</a> by @0xca0a</span></li><li data-sourcepos="357:1-357:109"><span style="font-family: inherit;">
<a href="https://twitter.com/FlohOfWoe/status/1359572984906870786?s=20" rel="nofollow noreferrer noopener" target="_blank">New sokol version released</a> by @FlohOfWoe</span></li><li data-sourcepos="358:1-358:104"><a href="https://twitter.com/mrdoob/status/1359560337977208836?s=20" rel="nofollow noreferrer noopener" target="_blank"><span style="font-family: inherit;">Load-time generation of USDZ from glTF</span></a></li><li data-sourcepos="358:1-358:104"><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1358777794273161225?s=20" rel="nofollow noreferrer noopener" target="_blank">Tilt Brush - Grounded</a> by @joseit</span></li>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-1798072421987999162021-01-28T18:14:00.001-08:002021-02-24T18:15:07.693-08:00Cool WebGL Stuff, 2021-01-28<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><div class="js-wiki-page-content md gl-pt-2" data-qa-selector="wiki_page_content" data-testid="wiki_page_content" data-tracking-context="{"wiki-format":"markdown","wiki-title-size":11,"wiki-content-size":33045,"wiki-directory-nest-level":0,"wiki-container-type":"Project"}"><ul data-sourcepos="327:1-356:93" dir="auto"><li data-sourcepos="327:1-327:108"><a href="https://twitter.com/AdaRoseCannon/status/1349765714727624705?s=20" rel="nofollow noreferrer noopener" target="_blank">Making an AR Game</a> by @AdaRoseCannon</li>
<li data-sourcepos="328:1-328:104"><a href="https://twitter.com/playcanvas/status/1350073469459955712?s=20" rel="nofollow noreferrer noopener" target="_blank">PlayCanvas Engine v1.38.0 released</a></li>
<li data-sourcepos="329:1-329:111">
<a href="https://twitter.com/vladkrutenyuk/status/1349952688642019328?s=20" rel="nofollow noreferrer noopener" target="_blank">Wonders of the World</a> by @vladkrutenyuk</li>
<li data-sourcepos="330:1-330:124"><a href="https://twitter.com/modelviewer/status/1350173194678800384?s=20" rel="nofollow noreferrer noopener" target="_blank">Medical visualization with model-viewer - slide3d.com</a></li>
<li data-sourcepos="331:1-331:101"><a href="https://twitter.com/unfoldedinc/status/1350150255963082754?s=20" rel="nofollow noreferrer noopener" target="_blank">Join the Unfolded.ai community</a></li>
<li data-sourcepos="332:1-332:115">
<a href="https://twitter.com/JureTriglav/status/1350609805740810240?s=20" rel="nofollow noreferrer noopener" target="_blank">Introducing ShaderWorlds.com</a> by @JureTriglav</li>
<li data-sourcepos="333:1-333:91">
<a href="https://twitter.com/Fere_PK/status/1346840856813318146?s=20" rel="nofollow noreferrer noopener" target="_blank">Bakery Stall</a> by @Fere_PK</li>
<li data-sourcepos="334:1-334:100">
<a href="https://twitter.com/mlperego/status/1350401440548847616?s=20" rel="nofollow noreferrer noopener" target="_blank">@arc4g loop replica</a> by @mlperego</li>
<li data-sourcepos="335:1-335:106"><a href="https://twitter.com/Sketchfab/status/1350095644141170693?s=20" rel="nofollow noreferrer noopener" target="_blank">Top 10 Sketchfab Models of January 15</a></li>
<li data-sourcepos="336:1-336:94">
<a href="https://twitter.com/lambrero/status/1350190015268192263?s=20" rel="nofollow noreferrer noopener" target="_blank">Ball in sands</a> by @lambrero</li>
<li data-sourcepos="337:1-337:78">
<a href="https://twitter.com/ycwhk/status/1351372761701076993?s=20" rel="nofollow noreferrer noopener" target="_blank">#22</a> by @ycwhk</li>
<li data-sourcepos="338:1-338:123">
<a href="https://twitter.com/pheeelicks/status/1351154178727538689?s=20" rel="nofollow noreferrer noopener" target="_blank">ReactJS Component for Procedural GL JS</a> by @pheeelicks</li>
<li data-sourcepos="339:1-339:126">
<a href="https://twitter.com/iquilezles/status/1351063199966257154?s=20" rel="nofollow noreferrer noopener" target="_blank">4 more analytic gradient shaders for SDFs</a> by @iquilezles</li>
<li data-sourcepos="340:1-340:103">
<a href="https://twitter.com/bruno_simon/status/1351508119092920320?s=20" rel="nofollow noreferrer noopener" target="_blank">Three.js Journey</a> by @bruno_simon</li>
<li data-sourcepos="341:1-341:91">
<a href="https://twitter.com/Sketchfab/status/1351771466728136706?s=20" rel="nofollow noreferrer noopener" target="_blank">Dublin Chair</a> by Aliosa</li>
<li data-sourcepos="342:1-342:99">
<a href="https://twitter.com/Sketchfab/status/1351711068813463555?s=20" rel="nofollow noreferrer noopener" target="_blank">Lancia Fulvia rallye</a> by Floppy</li>
<li data-sourcepos="343:1-343:98">
<a href="https://twitter.com/Shadertoy/status/1351731664641114112?s=20" rel="nofollow noreferrer noopener" target="_blank">Mandelbulb - derivative</a> by iq</li>
<li data-sourcepos="344:1-344:132"><a href="https://twitter.com/modelviewer/status/1352304331358236672?s=20" rel="nofollow noreferrer noopener" target="_blank">model-viewer 1.4: variants support, neutral lighting and more</a></li>
<li data-sourcepos="345:1-345:124">
<a href="https://twitter.com/0xca0a/status/1352367448339730432?s=20" rel="nofollow noreferrer noopener" target="_blank">How to make glTFs dynamic</a> by @arc4g, @mlperego and @0xca0a</li>
<li data-sourcepos="346:1-346:108">
<a href="https://twitter.com/lusionltd/status/1352246267552952321?s=20" rel="nofollow noreferrer noopener" target="_blank">Write-up on CineShader VR</a> by @lusionltd</li>
<li data-sourcepos="347:1-347:128">
<a href="https://twitter.com/rikard_io/status/1351934608561082373?s=20" rel="nofollow noreferrer noopener" target="_blank">Synesthesia demo showing off drums / audio fx</a> by @rikard_io</li>
<li data-sourcepos="348:1-348:105">
<a href="https://twitter.com/alelepd/status/1352771394375970816?s=20" rel="nofollow noreferrer noopener" target="_blank">Bernie sitting, 3D version</a> by @alelepd</li>
<li data-sourcepos="349:1-349:112">
<a href="https://twitter.com/willeastcott/status/1352945456347815936?s=20" rel="nofollow noreferrer noopener" target="_blank">3D Text + WebGL Shaders</a> by @willeastcott</li>
<li data-sourcepos="350:1-350:125">
<a href="https://twitter.com/Michael_Moroz_/status/1353195781897990144?s=20" rel="nofollow noreferrer noopener" target="_blank">Shadertoy port of Marble Marcher</a> by @Michael_Moroz_</li>
<li data-sourcepos="351:1-351:105"><a href="https://twitter.com/willeastcott/status/1353774830680756224?s=20" rel="nofollow noreferrer noopener" target="_blank">PlayCanvas $1000 Coding Challenge</a></li>
<li data-sourcepos="352:1-352:86">
<a href="https://twitter.com/XJorma/status/1353334368060764165?s=20" rel="nofollow noreferrer noopener" target="_blank">Dry Ice 2</a> by @XJorma</li>
<li data-sourcepos="353:1-353:116">
<a href="https://twitter.com/bobbydigitales/status/1353758356062625792?s=20" rel="nofollow noreferrer noopener" target="_blank">Adventure in DotBigBang</a> by @bobbydigitales</li>
<li data-sourcepos="354:1-354:111">
<a href="https://twitter.com/lojjic/status/1353722098376708097?s=20" rel="nofollow noreferrer noopener" target="_blank">InstancedUniformsMesh for Three.js</a> by @lojjic</li>
<li data-sourcepos="355:1-355:95">
<a href="https://twitter.com/deltakosh/status/1354105581385072640?s=20" rel="nofollow noreferrer noopener" target="_blank">Cubes Cluster</a> by @lambrero</li>
<li data-sourcepos="356:1-356:93"><a href="https://twitter.com/threejs_org/status/1354380458927280130?s=20" rel="nofollow noreferrer noopener" target="_blank">Three.js r125 released</a></li>
</ul><div><br /></div></div>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-11450383168502479682021-01-14T22:05:00.002-08:002021-01-27T22:08:20.168-08:00Cool WebGL Stuff, 2021-01-14<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><ul style="margin-bottom: 0px; margin-top: 0px; padding-inline-start: 48px;"><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Basis texture compression arrives in PlayCanvas </span><a href="https://blog.playcanvas.com/basis-texture-compression-arrives-in-playcanvas/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://blog.playcanvas.com/basis-texture-compression-arrives-in-playcanvas/</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> </span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://ciechanow.ski/cameras-and-lenses/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Cameras and Lenses - Bartosz Ciechanowski</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://developer.playcanvas.com/en/tutorials/youtube-in-3d-scenes/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">YouTube in 3D Scenes - developer.playcanvas.com</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> - Using CSS 3D to map arbitrary HTML to a plane in the scene</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.befunky.com/create/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">BeFunky: Free Online Photo Editing and Collage Maker</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Game engine with third person controls and vehicles </span><a href="https://jblaha.art/sketchbook/0.4/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://jblaha.art/sketchbook/0.4/</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Procedural Quake 3 textures for a 64k Quake 3 demo: </span><a href="https://www.shadertoy.com/view/WdGGWh" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://www.shadertoy.com/view/WdGGWh</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">CAD system </span><a href="https://buerli.io/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">buerli.io</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">2D game tilemap editor </span><a href="https://textyle.app/edit/#/tiles" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Textyle.app</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">3d videoconferencing </span><a href="https://pop.com/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">pop.com</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Translucent Pearls - adinunzio </span><a href="https://adinunz.io/translucentPearls/?colors=300030,480048,601848,c04848,f07241" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://adinunz.io/translucentPearls/</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Multiplayer PlayStation emulation </span><a href="https://psxparty.kosmi.io/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">PSX Party - psxparty.kosmi.io</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">phixl: a WebGL library for composing shaders </span><a href="https://github.com/DCtheTall/phixl" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://github.com/DCtheTall/phixl</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">WebXR games </span><a href="https://tyrovr.com/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://tyrovr.com/</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://www.zea.live/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://www.zea.live/</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> A browser-based real-time 3D graphics engine SDK for solving tough visualization problems</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Kaleidosync – A Spotify Visualizer </span><a href="https://www.kaleidosync.com/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://www.kaleidosync.com/</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="http://memorystomp.com/graphtoy/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Graph Toy - memorystomp.com</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Day at the Lake </span><a href="https://www.shadertoy.com/view/wl3czN" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://www.shadertoy.com/view/wl3czN</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> - </span><a href="https://twitter.com/stormoid/status/1343587804727668743?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Clouds, terrain and water surface using “cyclic noise”</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @stormoid</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Happy new year with metaballs </span><a href="https://happy-new-2021.georgi-nikolov.com/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://happy-new-2021.georgi-nikolov.com/</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Stripe has an interactive globe similar to GitHub’s </span><a href="https://stripe.com/blog/globe" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://stripe.com/blog/globe</span></a></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/threejs_org/status/1342026012574568449?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Three.js r124 released!</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1341866280912039937?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Kozaki Black and Gold (Unreal Engine ready)</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @Bartholomew_K</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Shadertoy/status/1341610352815980546?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">M-O (from Wall-E)</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by dean_the_coder</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/thespite/status/1342532096355676161?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Generative Baubles</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @thespite</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Shadertoy/status/1343647195111673857?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Truchet Grid Inversion</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by pjkarlik</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/mlperego/status/1344349221835698179?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Three.js reflector compatible with postprocessing</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @mlperego</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/xeolabs/status/1344246627092062209?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">City of Lyon in XeoKit</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @xeolabs</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/thespite/status/1344658656613322752?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">F*MMXX</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @acidbeat, @gloom303 and @thespite</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/rickyreusser/status/1344751214508969986?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Multiscale Turing Patterns in WebGL</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @rickyreusser</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/leondenise/status/1344488121925136385?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Joe Gardner from Pixar’s Soul</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @leondenise</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/PavelBoytchev/status/1344567137688498181?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Happy New Year</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> from @PavelBoytchev</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/yaustar/status/1346519327646887937?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">YouTube rendered in PlayCanvas</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @yaustar</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/deltakosh/status/1346500430755368961?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Fur ball</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @lambrero</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/playcanvas/status/1346819207703498752?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Basis Texture Compression in PlayCanvas</span></a></p></li><ul style="margin-bottom: 0px; margin-top: 0px; padding-inline-start: 48px;"><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/willeastcott/status/1347241231794008064?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Example showing compression results</span></a></p></li></ul><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/deltakosh/status/1346848810564128768?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Neon Sphere</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @lambrero</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/AreWeCodingYet/status/1346945402449235970?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">DECO</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @AreWeCodingYet</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/artfletch/status/1336997871397310465?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Photogrammetry capture of Crypt Gallery at St Pancras New Church</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @artfletch</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/threejs_org/status/1346878420521807872?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Improved RectAreaLight example</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @threejs_org</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/devMidgard/status/1346771819865501696?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Reviving tankroyale.io</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @devMidgard</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Shadertoy/status/1346712185779625984?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">TIE Fighters</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by dean_the_coder </span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/avanderpotte/status/1346473096870416384?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">agiledss Three.js production</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @avanderpotte</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/WebGL/status/1347181475922382849?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">WebGL virtual Meetup (Nov 2020) blog post</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/marco_fugaro/status/1347239507003920386?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Texture projection in Three.js</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @marco_fugaro</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/sebavanjs/status/1347537549447761923?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Babylon.js has full WebGPU support in the Playground</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> (</span><a href="https://twitter.com/DaKangz/status/1348570918394671104?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">test with flags</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">)</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/lambrero/status/1347255857474629632?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Balloon knitting</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @lambrero</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/pheeelicks/status/1347552081964630017?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Sponsor @pheeelicks’ work on Procedural GL JS</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/0xca0a/status/1347490916685254656?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Animating colors and movement with react and Three.js</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @0xca0a</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/NorenaMartin/status/1347260838319697925?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">CUBE.gl - geospatial data visualization framework</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @NorenaMartin</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1346577351212216321?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">RC Van - Low poly model</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by Daniel Zhabotinsky</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/soft8soft/status/1347096005603426304?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Alarm clock with real local time in 3D</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by Alexei Lopatin</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1346335681958858754?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Bugatti Atlantic 57 SC</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by Nidjy Lencrerot</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/ycwhk/status/1348115937808027649?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">#20</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @ycwhk</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1348268368823021570?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Darkwood oven</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by vfrckkkf</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/AlaricBaraou/status/1348655571231256577?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Accessibility features in WebGL using react-three-fiber</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1348509988776529920?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">creature concept</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @abazibiz</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/onirenaud/status/1348557393412595715?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Troika Three Text</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @onirenaud</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/photopeacom/status/1349061322189762560?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Photopea 5.0 adds Adobe Illustrator file support</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/unfoldedinc/status/1349139092932419584?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Unfolded Studio: next generation GeoSpatial analytics</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/albn/status/1348973254090895366?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: inherit; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">How Sketchfab Got Started</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/FlopineYeah/status/1348978945006444545?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">The Descent</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @FlopineYeah</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/inear/status/1348981388603744257?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Beethoven Symphony No. 5 Visualized</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @inear</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/Shadertoy/status/1348901640531750912?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">82 attoseconds</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by patu</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/IRCSS/status/1349343425720688640?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Persian Garden Day Version</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @IRCSS</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/zalefairytale/status/1348954192413601792?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Positive and Cheerful 3D Portfolio</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @zalefairytale</span></span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit;"><a href="https://twitter.com/lusionltd/status/1349372708409245696?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">CineShader VR is Here</span></a><span style="font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @lusionltd</span></span></p></li></ul><div><span style="font-family: Arial;"><span style="font-size: 14.6667px; white-space: pre-wrap;"><br /></span></span></div>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-68549111350853428732020-12-17T23:12:00.006-08:002020-12-23T23:23:39.444-08:00Cool WebGL Stuff, 2020-12-17<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><ul style="margin-bottom: 0px; margin-top: 0px; padding-inline-start: 48px;"><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Blob Opera: </span><a href="https://artsandculture.google.com/experiment/AAHWrq360NcGbw" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://artsandculture.google.com/experiment/AAHWrq360NcGbw</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">GitHub added a 3D globe: </span><a href="https://github.com/home" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://github.com/home</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> (</span><a href="https://twitter.com/kdaigle/status/1336348814735790086?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">more info</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">)</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Video editor: </span><a href="https://clipchamp.com/en/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Clipchamp - clipchamp.com</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Animation editor: </span><a href="https://beta.rive.app/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Rive 2 - beta.rive.app</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">WebXR demo collections:</span></p></li><ul style="margin-bottom: 0px; margin-top: 0px; padding-inline-start: 48px;"><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://webvr.directory/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://webvr.directory/</span></a></p></li><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://xrca.de/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://xrca.de/</span></a></p></li><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.realityisnotreal.com/index.html" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://www.realityisnotreal.com/</span></a></p></li><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://webxr.today/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://webxr.today/</span></a></p></li><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://xrsites.com" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://xrsites.com</span></a></p></li></ul><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Mapping libraries:</span></p></li><ul style="margin-bottom: 0px; margin-top: 0px; padding-inline-start: 48px;"><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://openlayers.org/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">OpenLayers</span></a></p></li><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://github.com/tangrams/tangram" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">tangrams/tangram: WebGL map rendering engine for creative cartography</span></a></p></li><li aria-level="2" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: circle; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.harp.gl/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">harp.gl</span></a></p></li></ul><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Samsy - Creative Technologist / 3D Developer</span><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"><br /></span><a href="http://samsy.ninja/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">http://samsy.ninja/</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Show HN: Exophysics – WebGL2 particle simulator | Hacker News</span><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"><br /></span><a href="https://news.ycombinator.com/item?id=25319394" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://news.ycombinator.com/item?id=25319394</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">740,468 public transport stops in Germany</span><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"><br /></span><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre;"><a href="https://studio.unfolded.ai/public/bf7a0097-e809-4c7b-944c-47fcf7376380" style="text-decoration: none;">https://studio.unfolded.ai/public/bf7a0097-e809-4c7b-944c-47fcf7376380</a> </span><span style="font-size: 11pt; text-decoration-line: none;">(</span><a href="https://twitter.com/ilyabo/status/1332065290125856769?s=20" style="font-size: 11pt; text-decoration-line: none;">tweet</a><span style="font-size: 11pt; text-decoration-line: none;">)</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Ready Player Me - Personal 3D Avatars for Games and VR.</span><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"><br /></span><a href="https://readyplayer.me/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://readyplayer.me/</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Beatmapper: Beat Saber map builder</span><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"><br /></span><a href="https://beatmapper.app/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://beatmapper.app/</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">Blockbench 3D modeler</span><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"><br /></span><a href="https://blockbench.net/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://blockbench.net/</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;">familiars.io: MMO that runs in a Twitter video embed (PixiJS)</span><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"><br /></span><a href="https://twitter.com/ClayLoam/status/1337488664243277824" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">https://twitter.com/ClayLoam/status/1337488664243277824</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Samsyyyy/status/1334825559298351104?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">All the Tilt Brush shaders</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @Samsyyyy</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/theCGchannel/status/1335877387557416960?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Best realtime models on Sketchfab this month</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/ericg/status/1336363945611837441?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Mapbox GL JS v2</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/webxrawards/status/1336255302866497536?s=20" style="font-size: 11pt; text-decoration-line: none;"><span style="-webkit-text-decoration-skip: none; color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline;">WebXR Awards</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline;"> - nominations due Dec 31</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Sketchfab/status/1335826467108904960?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Aircraft Sikorsky S-2 (3D модель літака БІС-2)</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by AERO3D</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Sketchfab/status/1335705715504242693?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Pagoda on fire</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by ConradJustin</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/andrei_drexler/status/1336618128483217410?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Shadertoy is now using KHR_parallel_shader_compile!</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Sketchfab/status/1336188841003261953?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Soviet TV KVN-49</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by Osho</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Shadertoy/status/1336573007276376070?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Ray Marching Experiment 43</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by aiekick</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/rickyreusser/status/1337252937169432578?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Up to 130M points rendered in-browser</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @rickyreusser</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Sketchfab/status/1337577974791606273?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Gym Equipments</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by Elvair Lima</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/thespite/status/1337498425345110018?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Baubles</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @thespite</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/matths/status/1337716351729799169?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">tixy.land renderer</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @matths</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/dannyaroslavski/status/1338030154900066305?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">WebXR modeler</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @dannyaroslavski</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Lady_Ada_King/status/1338894418091388935?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Basketball AR demo</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @Lady_Ada_King</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/klaasnienhuis/status/1339610416520028165?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">Transformation demo (Excavator) in Sketchfab</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> by @klaasnienhuis</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/playcanvas/status/1339588600212512769?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">PlayCanvas Engine v1.37.1 released!</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/PixiJS/status/1339707119717605376?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">PixiJS v5.3.5 released!</span></a></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/_binomial/status/1339666952864870403?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre;">WebAssembly encoding for Basis Universal</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre;"> released!</span></p></li><li aria-level="1" dir="ltr" style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; list-style-type: disc; text-decoration: none; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/pheeelicks/status/1339175431027699713?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Austria peaks in 3D</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @pheeelicks</span></p></li></ul><div><span style="font-family: Arial;"><span style="font-size: 14.6667px; white-space: pre-wrap;"><br /></span></span></div>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-63874052020887429952020-12-03T23:11:00.001-08:002020-12-23T23:12:21.808-08:00Cool WebGL Stuff, 2020-12-03<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><a href="https://twgljs.org/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">TWGL.js, a tiny WebGL helper library - twgljs.org</span></a></li><li><a href="https://html-to-webgl-demo.nikoloffgeorgi.vercel.app/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">HTML to WebGL demo using SVG</span></a></li><li><a href="http://fatmap.com/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Fatmap.com</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> 3D globe in the style of Google Earth</span></li><li><a href="https://felixpalmer.github.io/new-zealand-3d/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">New Zealand 3D - felixpalmer.github.io</span></a></li><ul><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">built with</span><a href="https://github.com/felixpalmer/procedural-gl-js" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> https://github.com/felixpalmer/procedural-gl-js</span></a></li></ul><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Neural net diagram generator with WebGL preview </span><a href="https://alexlenail.me/NN-SVG/AlexNet.html" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://alexlenail.me/NN-SVG/AlexNet.html</span></a></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Tons of Tensorflow.js demos, most using the webgl backend </span><a href="https://github.com/tensorflow/tfjs/blob/master/GALLERY.md" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">tfjs/GALLERY.md at master · tensorflow/tfjs - github.com</span></a></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">face replacement</span><a href="https://terryky.github.io/tfjs_webgl_app/face_landmark/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> TensorFlow.js + WebGL Example - terryky.github.io</span></a></li><li><a href="https://handsfree.js.org/#available-models" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Handsfree.js</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> head/hand tracking for accessibility</span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Head tracking effect via webcam </span><a href="https://vivien000.github.io/trompeloeil/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">3D In Your Browser - vivien000.github.io</span></a></li><li><a href="http://blog.archive.org/2020/11/19/flash-animations-live-forever-at-the-internet-archive/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Flash Animations Live Forever at the Internet Archive</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> archive.org is adding classic flash animations using Ruffle flash emulator based on WebGL</span></li><li><a href="https://www.shadertoy.com/view/WsSBzh" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Selfie Girl</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> - with tutorial on YouTube</span></li><li><a href="https://spline.design/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Spline</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> - 3d editing tool built on WebGL</span></li><li><a href="https://xrpet.me" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Pet Me!</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> - WebXR Demo where you can pet a fuzzy “Minimum Viable Cat” (</span><a href="https://twitter.com/Tojiro/status/1333218925027282944?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">source</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">)</span></li><li><a href="https://twitter.com/Poki/status/1329430776992194561?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Temple Run 2 by @ImangiStudios</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> on Poki, </span><a href="https://twitter.com/babylonjs/status/1329441416293052419?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">using BabylonJS</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">!</span></li><li><a href="https://twitter.com/willeastcott/status/1329374454397480960?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Third-person sandbox in PlayCanvas</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @johnnyjacques</span></li><li><a href="https://twitter.com/Sketchfab/status/1329907548615544835?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">PAQ Quadruped Mech by Ratatöskr</span></a></li><li><a href="https://twitter.com/rickyreusser/status/1329935556717858816?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Locally Scaled Domain Coloring, Part 1: Contour Plots</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">, by @rickyreusser</span></li><li><a href="https://twitter.com/threejs_org/status/1331564128423522305?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Three.js r123 released!</span></a></li><li><a href="https://twitter.com/rickyreusser/status/1331711109078781952?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Solution of the 2D Kuramoto-Sivashinsky equation</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @rickyreusser</span></li><li><a href="https://twitter.com/the8thwall/status/1331652685976637441?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Mt. Resilience - interactive WebAR mini-documentary</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">, powered by 8th Wall</span></li><li><a href="https://twitter.com/Shadertoy/status/1331432776667590657?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">3D Cellular Tiling by Shane</span></a></li><li><a href="https://twitter.com/_dotbigbang_/status/1331430868351533056?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Dot Big Bang is hiring!</span></a></li><li><a href="https://twitter.com/masuwa1018/status/1330886597143912455?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Three.js shader flash by @masuwa1018</span></a></li><li><a href="https://twitter.com/iquilezles/status/1330887610533756930?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Biplanar mapping article</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @iquilezles</span></li><li><a href="https://twitter.com/Sketchfab/status/1330571849076502529?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">VESPA 125 GTR by ChrisLee</span></a></li><li><a href="https://twitter.com/fra_michelini/status/1330641760536711169?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Threejs instanced planes</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @fra_michelini</span></li><li><a href="https://twitter.com/Sketchfab/status/1330511396048605185?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Minotauer by @flyingillu</span></a></li><li><a href="https://twitter.com/RobertESouth/status/1330522239540879360?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Ripple sim on cubes</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @RobertESouth</span></li><li><a href="https://twitter.com/the_ross_man/status/1331869039593988096?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">@beesandbombs animation recreated</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @the_ross_man</span></li><li><a href="https://twitter.com/CasualEffects/status/1333064550200078336?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Shadertoy ray tracing framework</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @CasualEffects (</span><a href="https://twitter.com/CasualEffects/status/1333064754194124802?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">analytic version</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">)</span></li><li><a href="https://twitter.com/Sketchfab/status/1332806567843028992?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Coffeemat by @OFFcours1</span></a></li><li><a href="https://twitter.com/amandaghassaei/status/1333449010879688707?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Mixed grid/particle fluid sim</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @amandaghassaei</span></li><li><span style="background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><a href="https://twitter.com/Supermoos/status/1333403364739125253?s=20" style="text-decoration: none;">Fighting racism with WebGL and Three.js</a></span></li><li><a href="https://twitter.com/fuji_3DCG/status/1333382497661382656?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Steam Locomotive C58_356 in 1944(japan)</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @fuji_3DCG</span></li></ul><p></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><br /></span></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com1tag:blogger.com,1999:blog-3905768613350654967.post-39156965170661649482020-11-19T17:52:00.001-08:002020-12-01T17:54:22.062-08:00Cool WebGL Stuff, 2020-11-19<p> <span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px;">Cool stuff from around the web, discovered by Khronos' WebGL working group.</span></p><div><span id="docs-internal-guid-f6ddfcbd-7fff-e0af-b0f0-5abe4acd5306"><ul style="margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;"><span style="font-family: inherit;"><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Game aggregators - hundreds of games with polished presentation and monetization, most using WebGL</span></p></li><ul style="margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;"><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 700; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="http://poki.com/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">poki.com</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> - 30m MAU, 1.1m hours daily</span></p></li><ul style="margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;"><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: square; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://poki.com/en/g/rocket-soccer-derby" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">https://poki.com/en/g/rocket-soccer-derby</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: square; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Pretty feature complete, click2play rocket-league-like game. Could make the day for a school boy without pocket money to buy games (like me)</span></p></li></ul><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="http://crazygames.com/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">crazygames.com</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> - 10m+ MAU in 2018, 270k hours daily</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.gamepix.com/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">gamepix.com</span></a></p></li></ul><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Publishers</span></p></li><ul style="margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;"><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.marketjs.com/category/3d" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">https://www.marketjs.com/category/3d</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> - White label game licensing</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.coolgames.com/games/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">https://www.coolgames.com/games/</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> - Licensed popular IPs</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://store.my.games/play/browser/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">https://store.my.games/play/browser/</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> - Some converted Flash, some Pixi.js</span></p></li></ul><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Example games from above sources using WebGL</span></p></li><ul style="margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;"><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 700; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://venge.io/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Venge.io</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> Overwatch-style shooter (PlayCanvas)</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 700; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://hordes.io/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Hordes.io</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> MMORPG (three.js)</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 700; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://poki.com/en/g/fancy-pants" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Fancy Pants Adventure</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> (Poki.com does </span><a href="https://www.pocketgamer.biz/interview/73491/interview-poki-preserving-flash-games-nitrome/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Flash conversion using AwayFL</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">)</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.crazygames.com/game/bullet-force-multiplayer" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Bullet Force</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> Counterstrike-style shooter (Unity web)</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://poki.com/en/g/crossy-road" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Crossy Road</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> casual, ported from mobile (three.js)</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://poki.com/en/g/mad-gunz" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Mad Gunz</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> battle royale (Unity web)</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.facebook.com/gaming/play/angrybirds_arena" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Angry Birds Arena</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> (Pixi.js)</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: circle; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.newgames.com/en/tetris-twist.html" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Tetris® Twist</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> (Phaser.io)</span></p></li></ul><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.unfolded.ai/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Geospatial Data Reinvented | unfolded.ai</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> Spun out from Uber</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.rayground.com/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Rayground.com</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> Shadertoy for ray tracing</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://mgz.me/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">mgz.me [ Marco Gomez ]</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> shader experiments</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://soundshader.github.io/hn/acf/index.html" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">soundshader.github.io</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> sound visualization</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://ocias.com/works/flooding-the-eye/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Flooding the Eye</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> fluid simulation experiment</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://kodeclubs.com/" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">https://kodeclubs.com/</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> Very fancy promotional site for new sports club</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/thespite/status/1325109308674236419?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Codevember throwbacks</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @thespite</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/BubelRobert/status/1325004368870043648?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Tesla Tequila</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @BubelRobert</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/playcanvas/status/1326530327037288448?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">PlayCanvas v1.36.0 released</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/deltakosh/status/1326200249661050880?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Water shader in Babylon.js’ NME</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/thespite/status/1325889873086124044?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Last sketch shader of November</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @thespite</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/aqro/status/1327552382125961217?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Interstellar</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @aqro</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/albn/status/1327305276324712448?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Sketchfab celebrated their first profitable month!</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Sketchfab/status/1327431143415828482?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Quilotoa, Ecuador</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @ElevationApi</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Sketchfab/status/1327250056924323845?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">The Gilded Knight</span></a><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by kchulanov</span></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/albn/status/1322614235843731457?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Alban’s 3D capture of Olivia’s birthday party</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/albn/status/1329075710397353986?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">@Sketchfab integration with @PolyCamAI</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/willeastcott/status/1329022275773980672?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">WebXR homepage by @_rtz23</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/soft8soft/status/1329016708175159297?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Verge3D 3.5 nearly out; racing game demo</span></a></p></li><li dir="ltr" style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://twitter.com/Shadertoy/status/1328970647167373313?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Phyllotaxes by tdhooper</span></a></p></li></span></ul></span></div><p dir="ltr" style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"></ul>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-71108833588435168262020-11-05T17:48:00.001-08:002020-12-01T17:50:49.424-08:00Cool WebGL Stuff, 2020-11-05<p>Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><a href="https://erichlof.github.io/THREE.js-PathTracing-Renderer/Geometry_Showcase.html" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">PathTracing Geometry Showcase</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">, from </span><a href="https://github.com/erichlof/THREE.js-PathTracing-Renderer" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">erichlof/THREE.js-PathTracing-Renderer</span></a></li><li><a href="https://domenicobrz.github.io/webgl/projects/SSRefractionDepthPeeling/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Glass rendering with depth peeling - domenicobrz.github.io</span></a></li><ul><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">To get some clapps:</span></li><li><a href="https://medium.com/@shrekshao_71662/dual-depth-peeling-implementation-in-webgl-11baa061ba4b" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://medium.com/@shrekshao_71662/dual-depth-peeling-implementation-in-webgl-11baa061ba4b</span></a></li></ul><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Informational in-browser AR experience</span><a href="https://www.mtresilience.com/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> https://www.mtresilience.com/</span></a></li><li><a href="https://oguzeroglu.github.io/ROYGBIV/demo/villeneuvedascq2/application.html" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">ROYGBIV engine FPS demo</span></a></li><li><a href="https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:27395daced/applications/physics/physics.html" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Real-time cloth simulation with aerodynamics (Verge3D engine)</span></a></li><li><a href="https://twitter.com/HiteshSahu_/status/1319177977297539073?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Tetris with Babylon.js and AmmoJS physics</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @HiteshSatu_</span></li><li><a href="https://twitter.com/Sketchfab/status/1318960653760139268?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Among Us fan-art</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> on Sketchfab</span></li><li><a href="https://twitter.com/PikcellsUK/status/1319678823370194944?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Online window & door configurators</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @PikcellsUK</span></li><li><a href="https://twitter.com/yugam_/status/1320397324959449089?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Ghost Card inspired from @robbietilton</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @yugam_</span></li><li><a href="https://twitter.com/i_dianov/status/1316518971911417856?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">One-pass one-liner motion blur</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @i_dianov</span></li><li><a href="https://twitter.com/akella/status/1320408687467483136?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Replica of Mathis Biabiani’s particle system</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @akella</span></li><li><a href="https://twitter.com/mrdoob/status/1319902788030169088?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">How to hide browser UI in fullscreen</span></a></li><li><a href="https://twitter.com/DaniGatunes/status/1315659472719749120?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Lightmap exporter up and running</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @DaniGatunes</span></li><li><a href="https://twitter.com/Sketchfab/status/1321074369481887744?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">iPhone 12 Pro</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @joseVG</span></li><li><a href="https://twitter.com/playcanvas/status/1321097186864730112?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">PlayCanvas Engine v1.35.2</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> released</span></li><li><a href="https://twitter.com/cambecc/status/1321080586920865794?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">earth.nullschool.net new UI</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @cambecc</span></li><li><a href="https://twitter.com/KOIAVAIrakli/status/1320995827700191232?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Blue Noise Magic</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @KOIAVAIrakli</span></li><li><a href="https://twitter.com/rickyreusser/status/1320918974503088128?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Contour plot shader reiterated</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @rickyreusser</span></li><ul><li><a href="https://twitter.com/rickyreusser/status/1320891280331661312?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Shadertoy for contour plot</span></a></li><li><a href="https://twitter.com/rickyreusser/status/1320901951450607616?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Band-limited fractal contour plot</span></a></li><li><a href="https://twitter.com/rickyreusser/status/1320906619094331394?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Antialiased shaded contour plot</span></a></li></ul><li><a href="https://twitter.com/Atrix256/status/1320763627025043465?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Segment tracing paper Shadertoy</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @Atrix256</span></li><li><a href="https://twitter.com/thespite/status/1321512902147395585?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Cartoony inking with post-process</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @thespite</span></li><li><a href="https://twitter.com/modelviewer/status/1321465612049117184?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Model-viewer v1.3 released with better touch scrolling, high-res skyboxes and more</span></a></li><li><a href="https://twitter.com/ykob0123/status/1321684732006916096?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Moving THREE.InstancedMesh on the GPU</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @ykob0123</span></li><li><a href="https://twitter.com/yiwen_lin/status/1322217334883442689?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Self-shadowed particle trails with WebGL2 on mobile</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @yiwen_lin</span></li><li><a href="https://twitter.com/vvuk/status/1321627211984629761?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Unity Tiny project “Skelebuddies Halloween Run”</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @vvuk</span></li><li><a href="https://twitter.com/xeolabs/status/1322179784231866370?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">XeoKit 1.4.8 released</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @xeolabs</span></li><li><a href="https://twitter.com/severo_fr/status/1323778074790383616?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Configuring Three.js camera with one image using fSpy</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @severo_fr</span></li><li><a href="https://twitter.com/playcanvas/status/1324758520374398979?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">PlayCanvas Engine v1.35.3</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> released</span></li><li><a href="https://twitter.com/skaven_/status/1324407641712590848?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Racing game authored with Babylon.js Playground and NME</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @skaven_</span></li><li><a href="https://twitter.com/Shadertoy/status/1324292552976175104?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">ED-209</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by dean_the_coder</span></li><li><a href="https://twitter.com/ykob0123/status/1324199789320269824?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Fluid field 3 GPGPU</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @ykob0123</span></li></ul><p></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-80644752322967937952020-10-22T17:43:00.001-07:002020-12-01T17:46:27.113-08:00Cool WebGL Stuff, 2020-10-22<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">SculptGL - A WebGL sculpting app </span><a href="https://stephaneginier.com/sculptgl/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://stephaneginier.com/sculptgl/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Makepad shader IDE </span><a href="https://makepad.nl/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://makepad.nl/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><a href="https://nico-boo.com/claysculpter/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://nico-boo.com/claysculpter/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Wiki Edits Globe Visualisation </span><a href="https://umaar.com/globe/?time=past-1-hour" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://umaar.com/globe/?time=past-1-hour</span></a></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Vectary – The Easiest Online 3D Design and 3D Modeling Software </span><a href="https://www.vectary.com/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://www.vectary.com/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">ROAR WebXR game jam game — piesku.com </span><a href="https://piesku.com/roar/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://piesku.com/roar/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Visualization of “good morning” and “good night” tweets globally </span><a href="https://wakingandsleeping-globe.glitch.me/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://wakingandsleeping-globe.glitch.me/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Convolution based webcam effects </span><a href="https://machine.style/quantumcamera/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://machine.style/quantumcamera/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><a href="https://dev.scottdarby.com/chaos-ink/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">https://dev.scottdarby.com/chaos-ink/</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Traveling Salesperson Problem Tour in 3D through 2,079,471 stars </span><a href="http://www.math.uwaterloo.ca/tsp/star/gaia1.html" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">http://www.math.uwaterloo.ca/tsp/star/gaia1.html</span></a></li><li><a href="https://twitter.com/DaniGatunes/status/1315659472719749120?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">3D lightmap exporter for dynamic objects</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @DaniGatunes</span></li><li><a href="https://twitter.com/EncharmDre/status/1315336483155435520?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Real-time raytracing with WebGL</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @EncharmDre</span></li><li><a href="https://twitter.com/devdevcharlie/status/1315361966697975808?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">WebXR Pac-Man</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @devdevcharlie</span></li><li><a href="https://twitter.com/Sketchfab/status/1315215646326763521?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Old Television</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Nathan Sioui</span></li><li><a href="https://twitter.com/Sketchfab/status/1315094811318386689?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Rhinoceros Guardian</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Leo Varas</span></li><li><a href="https://twitter.com/Sketchfab/status/1314853233450455041?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Gromit’s Plane</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Floppy</span></li><li><a href="https://twitter.com/Shadertoy/status/1314993466317795328?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">New Shadertoy Release</span></a></li><li><a href="https://twitter.com/bayraitt/status/1314657292382433281?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">3D comic experience across desktop, mobile and VR</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @bayraitt</span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">More ink tests by @thespite</span></li><ul><li><a href="https://twitter.com/thespite/status/1315696471275175936?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Patch hatching</span></a></li><li><a href="https://twitter.com/thespite/status/1318265678927978501?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Copper Plate engravings</span></a></li><li><a href="https://twitter.com/thespite/status/1318240301077716992?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Inky scribbles</span></a></li><li><a href="https://twitter.com/thespite/status/1318226997638778886?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Scribble madness</span></a></li><li><a href="https://twitter.com/thespite/status/1318596370584997899?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Metal-nibbed pen</span></a></li><li><a href="https://twitter.com/thespite/status/1317593430537678849?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">All sketches</span></a></li></ul><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Sketchfab </span><a href="https://twitter.com/Sketchfab/status/1316012101085741057?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Isometric Room Challenge</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> entries</span></li><li><a href="https://twitter.com/IRCSS/status/1316362343035604997?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Palace of the Dukes of Braganza</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @IRCSS</span></li><li><a href="https://twitter.com/EvgenyDemidov/status/1316361250201272322?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">WebXR interactive protein molecules with ray-casted sphere impostors</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @EvgenyDemidov</span></li><li><a href="https://twitter.com/Lady_Ada_King/status/1317135250615656449?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">XR Fish Garden</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @Lady_Ada_King</span></li><li><a href="https://twitter.com/tvscherpenzeel/status/1316974654008053760?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">detect-gpu v2.0.0</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @tvscherpenzeel</span></li><li><a href="https://twitter.com/GoogleAI/status/1316789966207287301?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">rǝ, historical reconstructions of cities</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @GoogleAI</span></li><li><a href="https://twitter.com/PavelBoytchev/status/1316832125140828162?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Negative space demo</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @PavelBoytchev</span></li><li><a href="https://twitter.com/Sketchfab/status/1316785963637657607?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Björn Eivorson</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @flyingillu</span></li><li><a href="https://twitter.com/nehon_42/status/1316706437553324033?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Fried Egg model</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @Raditsys</span></li><li><a href="https://twitter.com/exppad/status/1316502532445925376?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Color distribution viewer</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @exppad</span></li><li><a href="https://twitter.com/WebGL/status/1318202367767015424?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Safari Technology Preview 114 Release notes</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">: WebGL 2.0 enabled by default</span></li><li><a href="https://twitter.com/simonghales/status/1318107649397858304?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Physics in web workers</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @simonghales</span></li><li><a href="https://twitter.com/HiteshSahu_/status/1318317015283675136?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Simple Harmonic Motion</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @HiteshSahu_</span></li><li><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">(Not strictly WebGL) </span><a href="https://twitter.com/ChromiumDev/status/1318598086177005568?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Side-by-side release channel support in Chrome on macOS</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> - enables much easier testing with Beta/Dev</span></li><li><a href="https://twitter.com/thomasdeliot/status/1318566180546879489?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Tileable texture tools</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @thomasdeliot</span></li><li><a href="https://twitter.com/playcanvas/status/1318543360672600064?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Faster load times in PlayCanvas using glTF’s GLB</span></a></li><li><a href="https://twitter.com/yugam_/status/1318483334540922880?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Waveform visualizer</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @yugam_</span></li><li><a href="https://twitter.com/yiwen_lin/status/1318943967283728384?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Self-shadowed particle trails</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @yiwen_lin</span></li><li><a href="https://twitter.com/OdinLovis/status/1318612978409799685?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Room model in WebXR</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> via Sketchfab by @OdinLovis</span></li></ul><p></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-20706300781076127562020-10-08T16:56:00.001-07:002020-10-19T16:57:56.627-07:00Cool WebGL stuff, 2020-10-08<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><a href="https://dawars.me/smal/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Parametric Animal Model - Interactive Demo</span></a></li><li><a href="https://shadered.org/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">SHADERed - Free and open source shader editor - shadered.org</span></a></li><li><a href="https://twitter.com/jankais3r/status/1314972971967143937" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Holographic video call displayed on Looking Glass holographic display</span></a></li><li><a href="https://twitter.com/yugam_/status/1309105583941980167?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Glitch Clock GLSL</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @yugam_</span></li><li><a href="https://twitter.com/0xca0a/status/1309121006552977409?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">react-three-fiber v5 CodeSandbox</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @0xca0a</span></li><ul><li><a href="https://twitter.com/0xca0a/status/1309121004128608262?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Announcement thread</span></a></li></ul><li><a href="https://twitter.com/thespite/status/1308827326952677378?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Energy Shield VFX</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @thespite</span></li><li><a href="https://twitter.com/supahfunk/status/1308882404153667586?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">C E R A M I C</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @supahfunk</span></li><li><a href="https://twitter.com/thriver0/status/1309196254925254657?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">voxiom.io (MineCraft Battle Royale)</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @thriver0</span></li><li><a href="https://twitter.com/Sketchfab/status/1309115677526167559?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">WW1 Binocular</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @penpcm</span></li><li><a href="https://twitter.com/romainguy/status/1309178022944215043?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Capsule shadows</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @romainguy</span></li><li><a href="https://twitter.com/ryanjkaplan/status/1308818844048330757?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Raymarching Soft 2D Shadows</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @ryanjkaplan</span></li><li><a href="https://twitter.com/yugam_/status/1309461433994878976?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Toon Fire Shader</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @yugam_</span></li><li><a href="https://twitter.com/Sketchfab/status/1310021464322707456?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Zelda the Wind Waker - Unexpected Encounter</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Dylan Durupt</span></li><li><a href="https://twitter.com/Flexi23/status/1177289317405908993?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">“wave function collapse” with loxodromic half sphere</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @Flexi23</span></li><li><a href="https://twitter.com/Sketchfab/status/1310629185950539784?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Sketchfab reaches 4 million members!</span></a></li><li><a href="https://twitter.com/whitequark/status/1310906206471565312?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">AudioWorklet, SharedArrayBuffers and Atomics</span></a></li><li><a href="https://twitter.com/GearsofFlight/status/1311064055642288130?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">3D version of Ancient Donut</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @GearsofFlight</span></li><li><a href="https://twitter.com/threejs_org/status/1311254192238071808?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Three.js r121 released</span></a></li><li><a href="https://twitter.com/mrdoob/status/1311701257799827456?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">“touch-action: pan-y” tip</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @mrdoob</span></li><li><a href="https://twitter.com/Sketchfab/status/1311712638930427904?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Top-Down Hand Painted Dungeons</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by monument3de</span></li><li><a href="https://twitter.com/Sketchfab/status/1312256207399391236?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Sci fi Racer - Mad Max Style</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by glennrenner</span></li><li><a href="https://twitter.com/Sketchfab/status/1312195783333048320?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Cold Rampage / Draft Punk 2</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Skynetushka</span></li><li><a href="https://twitter.com/thespite/status/1312845979394215937?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Bank note-like patterns</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @thespite</span></li><ul><li><a href="https://twitter.com/thespite/status/1312832891714449410?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">RGB ink engraving tests</span></a></li><li><a href="https://twitter.com/thespite/status/1313600774644133892?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Sepia ink on parchment</span></a></li><li><a href="https://twitter.com/thespite/status/1314281221984260105?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Pencil</span></a></li></ul><li><a href="https://twitter.com/Sketchfab/status/1312739341408653314?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Stylized Sushi Test</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @SusanaAlonsoC</span></li><li><a href="https://twitter.com/Sketchfab/status/1312678882319962112?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Seven Stars Brick Lane</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @artfletch</span></li><li><a href="https://twitter.com/lampysprites/status/1304373952387706881?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">choch - js13k game</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @kostik13337 w/help from @lampysprites</span></li><li><a href="https://twitter.com/Sketchfab/status/1312860055662977024?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Wrist Watch - Bvlgari Armbansur</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by David Young</span></li><li><a href="https://twitter.com/javierbyte/status/1304170051440988160?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">sombras.app - Shadows and pixelart</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @javierbyte</span></li><li><a href="https://twitter.com/mrdoob/status/1313399150512406529?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">13kb-404</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @mrdoob - second place in JS13K WebXR 2020 competition</span></li><ul><li><a href="https://twitter.com/js13kGames/status/1313175433324756994?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">See all the entries!</span></a></li></ul><li><a href="https://twitter.com/jesuisundev/status/1313266354913529857?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Wormhole visualization</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @jesuisundev</span></li><li><a href="https://twitter.com/haeric/status/1313286066170859521?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Matterport is hiring</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> 3D, WebGL and Three.js developers!</span></li><li><a href="https://twitter.com/fabiandekok/status/1313155568945725448?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Virus Explorer</span></a></li><li><a href="https://twitter.com/Shadertoy/status/1313806482765500416?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">“Worms”</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by iq</span></li><li><a href="https://twitter.com/lusionltd/status/1314144441272279040?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Virtual AI Art Gallery</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @refikanadol with @lusionltd</span></li><li><a href="https://twitter.com/albn/status/1313951864824770560?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Boom Aero XB-1</span></a></li><li><a href="https://twitter.com/soju22/status/1313923209276919810?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Zoom Blur Slider</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @soju22</span></li><li><a href="https://twitter.com/webkit/status/1314261958711934976?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">WebGL 2.0 Enabled by Default</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> in Safari Technology Preview</span></li></ul><p></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><br /></span></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-15262547247778591582020-09-24T10:58:00.001-07:002020-10-01T10:59:46.664-07:00Cool WebGL stuff, 2020-09-24<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><a href="https://twitter.com/UkskSan/status/1304721668158308352?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Flashback</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @UkskSan (GPU intensive)</span></li><li><a href="https://twitter.com/AlanZucconi/status/1304781814834233345?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Shadertoy illustrating PBR</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @knarkowicz</span></li><li><a href="https://twitter.com/pixelsnafu/status/1304852698492149761?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Textured rectangular area light</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @pixelsnafu</span></li><li><a href="https://twitter.com/Calneon/status/1305190209856864260?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Denoise filter with WebGL demo</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @BrutPitt</span></li><li><a href="https://twitter.com/jaburnsnet/status/1305312408215330816?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">404kph</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @jaburnsnet</span></li><li><a href="https://twitter.com/iquilezles/status/1305395443216519168?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Fast hexgrid ray-traversal</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @iquilezles</span></li><li><a href="https://twitter.com/Sketchfab/status/1305189511878635522?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Lantern Girl</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Dorado</span></li><li><a href="https://twitter.com/grorgwork/status/1305600597651910656?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">WebGL 2.0 enabled on top-of-tree WebKit!</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @grorgwork</span></li><li><a href="https://twitter.com/thespite/status/1305534801584295936?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Updates and fixes to THREE.Meshline</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @jeremboo, @_RyKi_, more c/o @thespite</span></li><li><a href="https://twitter.com/xavierchermain/status/1305443303819800579?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Procedural Physically based BRDF for Real-Time Rendering of Glints</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @xavierchermain et al</span></li><li><a href="https://twitter.com/Sketchfab/status/1306216418225127426?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Steinway & Sons Grand Piano Action Model</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @angel_e_cormier</span></li><li><a href="https://twitter.com/aqro/status/1306245049341153281?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Furry Nebula</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @aqro</span></li><li><a href="https://twitter.com/bayraitt/status/1299013993252544521?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Maquette sculpture</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> done in VR with Adobe Medium by @bayraitt</span></li><li><a href="https://twitter.com/Shadertoy/status/1306130370258108417?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Hutger Rauer (4k Intro port)</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by spolsh</span></li><li><a href="https://twitter.com/sebavanjs/status/1306990050689851394?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Fancy Drawing in WebGL with Babylon.js</span></a></li><li><a href="https://twitter.com/PlayingInCanvas/status/1306867845473632257?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Pirron Island Forest Demo</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @PlayingInCanvas</span></li><li><a href="https://twitter.com/the8thwall/status/1306722449073909762?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Revelio! Harry Potter WebAR experience</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> with @the8thwall by @Hoopla_Digital</span></li><li><a href="https://twitter.com/thespite/status/1306635184046067712?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Earth Now Pioneer</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by NASA</span></li><li><a href="https://twitter.com/modelviewer/status/1306613961261940736?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">How to get best Lighthouse scores with <model-viewer></span></a></li><li><a href="https://twitter.com/Sketchfab/status/1306578754081259522?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">SARS-CoV-2 (COVID-19)</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> model by @FusionMedicalCG</span></li><li><a href="https://twitter.com/Sketchfab/status/1306518309781864453?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Power hammer Nazel 4B</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Osho</span></li><li><a href="https://twitter.com/Sketchfab/status/1307665913429331968?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Head Anatomy & Musculature</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @FusionMedicalCG</span></li><li><a href="https://twitter.com/lucasrangit/status/1307663126553341953?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Vacation Mode Github Action</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @lucasrangit (so @mrdoob can take a vacation!)</span></li><li><a href="https://twitter.com/sukupaperu/status/1307666103125127169?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">“indications”</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @sukupaperu</span></li><li><a href="https://twitter.com/PavelBoytchev/status/1308728946373074945?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Constructive Solid Geometry demo</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @PavelBoytchev</span></li></ul><p></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><br /></span></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-12161979451244114872020-09-10T16:19:00.009-07:002020-09-10T16:19:55.883-07:00Cool WebGL stuff, 2020-09-10<p> <span style="font-family: inherit;">Cool stuff from around the web, discovered by Khronos' WebGL working group.</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><span style="font-family: inherit;"><a href="https://twitter.com/martinRenou/status/1298964130666250240?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Real-time caustics water rendering</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @martinRenou</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/thespite/status/1300400249509474304?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Three.js WebXR finger trails</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @thespite</span></span></li><ul><li><a href="https://twitter.com/thespite/status/1300510661311594498?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Live demo</span></span></a></li></ul><li><a href="https://twitter.com/Sketchfab/status/1300599306936881153?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Sophia by Jean Zoudi</span></span></a></li><li><a href="https://twitter.com/glTF3D/status/1296435557443174400?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Live glTF Asset Editing in your Browser - Even in AR</span></span></a></li><li><span style="font-family: inherit;"><a href="https://twitter.com/dubenko_/status/1300097583717789696?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">react-xr@1.1.0 with hand tracking support</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @dubenko_</span></span></li><li><a href="https://twitter.com/Shadertoy/status/1301193729655488513?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Sep 2 featured Shadertoys</span></span></a></li><li><span style="font-family: inherit;"><a href="https://twitter.com/RayT_uk/status/1301173235279638529?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Motivation for EXT_shader_framebuffer_fetch extension</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @RayT_uk</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/TooMuchVoltage/status/1299723825907724288?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Walk-on-spheres approximate lighting</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @TooMuchVoltage</span></span></li><li><a href="https://twitter.com/Shadertoy/status/1300973815799767040?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">'Snaliens' by noobcsf</span></span></a></li><li><span style="font-family: inherit;"><a href="https://twitter.com/lusionltd/status/1301094777971183621?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">WebGL modules for CampCretaceous</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @lusionltd</span></span></li><li><a href="https://twitter.com/gfxprogrammer/status/1301246609129222144?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">KHR_parallel_shader_compile perf improvement by Jie Chen from Intel</span></span></a></li><li><span style="font-family: inherit;"><a href="https://twitter.com/nytimes/status/1299449382270578695?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Jackson Heights, Queens photogrammetry</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @nytimes</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/riklomas/status/1301528850086727680?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Klein Bottle</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @riklomas</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/varunprime/status/1301435344475152385?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">AR support in Marble Mouse via WebXR</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @varunprime</span></span></li><li><a href="https://twitter.com/modelviewer/status/1301547699230052353?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;"><model-viewer> v1.2.1 released</span></span></a></li><li><span style="font-family: inherit;"><a href="https://twitter.com/eddbiddulph/status/1301615356059045897?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Oily Marble</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @eddbiddulph</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/ouch_pixels/status/1301221887670976512?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">“Moonlight at dawn”</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @ouch_pixels</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/threejs_org/status/1301929086953156608?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Sketchbook 0.4 (three.js + cannon.js playground)</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by swifterik</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/threejs_org/status/1301926910449065984?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Panoglobe - 3D Route Visualizer</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by weiserhei</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/EvgenyDemidov/status/1301825322871148544?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Cartoon arrows in WebXR molecule viewer</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @EvgenyDemidov</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/karlikpj/status/1301538024493395968?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Minimal fragment shader bootstrap</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @karlikpj</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/mlperego/status/1301684947476979712?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Recursive torus</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @mlperego</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/ycwhk/status/1301973638871093248?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Virtual lenticular image</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @ycwhk</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/Marlon360/status/1302717938307403780?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">3D drawing with hand tracking in WebXR</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @Marlon360</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1302652973340864514?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Art Spotlight: Trash Golem, Sketchfab Editor</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by Bohdan Lvov</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/Sketchfab/status/1303739969643720706?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Gelatinous Cube</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @glenatron87</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/dmarcos/status/1303733361630801920?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Add hand tracking to @aframevr experience with one line of HTML!</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @dmarcos</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/MilkDropPresets/status/1027972724713381888?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">martin - extreme heat</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">, posted by @MilkDropPresets</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/xik_le/status/1303721875558854656?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Water reflections in @playcanvas</span></a><span style="font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @xik_le</span></span></li></ul><p></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-77644284387909599942020-08-27T16:14:00.000-07:002020-09-10T16:15:21.016-07:00Cool WebGL stuff, 2020-08-27<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><a href="https://twitter.com/rickyreusser/status/1294296841303941120?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Line integral convolution</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @rickyreusser</span></li><li><a href="https://twitter.com/Sketchfab/status/1295223939250163714?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Victorian Monobike</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @gabshega</span></li><li><a href="https://twitter.com/tafcisco/status/1200583841406164992?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Interactive Path Tracing in WebGL 2.0</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @HOVER3D</span></li><li><a href="https://twitter.com/ycwhk/status/1295745022596276226?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">luv</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @ycwhk</span></li><li><a href="https://twitter.com/hellomondaycom/status/1295738516304007170?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">University of Denmark’s Future Education</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> project (see also </span><a href="https://twitter.com/Supermoos/status/1295768789766873088?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">@Supermoos’ tweet</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">)</span></li><li><a href="https://twitter.com/playcanvas/status/1296116422586900480?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">PlayCanvas Engine v1.34.0 released</span></a></li><li><a href="https://twitter.com/MaxenceClt/status/1296088037559087105?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">InstancedMesh experiment</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @MaxenceClt</span></li><li><a href="https://twitter.com/torgo/status/1295984174415908864?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Voice your support for MDN</span></a></li><li><a href="https://twitter.com/Sketchfab/status/1295707314096406528?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Mack R series semitruck</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Veaceslav Condraciuc</span></li><li><a href="https://twitter.com/xeolabs/status/1297795345980719104?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">xeokit 1.3.9 released</span></a></li><li><a href="https://twitter.com/eddbiddulph/status/1298016123376537600?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Analytic ray-surface intersection test</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @eddbiddulph</span></li><li><a href="https://twitter.com/martinRenou/status/1298596515661983745?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Real-time water caustics</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @martinRenou</span></li><li><a href="https://twitter.com/mrdoob/status/1298558936778506240?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Cloud 3D texture / volume exploration</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @mrdoob and @thespite</span></li><li><a href="https://twitter.com/threejs_org/status/1298554099735158785?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Three.js r120 released</span></a></li><li><a href="https://twitter.com/Sketchfab/status/1298545817817620481?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Platen Press</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Benjamin Gallegos</span></li><li><a href="https://twitter.com/Shadertoy/status/1298361892654571521?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Warped Extruded Skewed Grid</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by Shane</span></li><li><a href="https://twitter.com/jamportz/status/1297969041479553024?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Trinity -- a programmable 3D GPU (WebGL) fluid simulator</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @jamportz</span></li><li><a href="https://twitter.com/fernandojsg/status/1298670510016991233?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">WebXR Haptics</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @fernandojsg</span></li><li><a href="https://twitter.com/aqro/status/1298711542892904449?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Coder in the Swamp</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @aqro</span></li><li><a href="https://twitter.com/xik_le/status/1298336405043777537?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Planar Reflections in PlayCanvas</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @xik_le</span></li><li><a href="https://twitter.com/Sketchfab/status/1297760560411561984?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Sentaro Bot Number 5</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @the3dninja</span></li><li><a href="https://twitter.com/Sketchfab/status/1297398170536890368?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Super Starfury</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @hangarb</span></li></ul><p></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-26282848403548042552020-08-13T17:33:00.000-07:002020-08-26T17:34:54.837-07:00Cool WebGL stuff, 2020-08-13<p> <span style="font-family: inherit;">Cool stuff from around the web, discovered by Khronos' WebGL working group.</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><span style="font-family: inherit;"><a href="https://twitter.com/iquilezles/status/1288958725328220160?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Filtering of cos(x) functions</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @iquilezles</span></span></li><li><a href="https://twitter.com/playcanvas/status/1288866660657528838?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">PlayCanvas reaches 100% glTF 2.0 spec compliance, open-sources viewer app</span></span></a></li><li><span style="font-family: inherit;"><a href="https://twitter.com/Flexi23/status/1289466015449939968?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Gold-plated maelstrom of chaos Milkdrop preset in Butterchurn</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @Flexi23</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/74WTungsteno/status/1289169205464453121?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Rolfsen Knot Table up to 7 crossings</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @74WTungsteno</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/ericbroberic/status/1290317625197723648?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Attack of the Killer Bunnies</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by </span><a href="https://ericbroberic.itch.io/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">ericbroberic</span></a><span style="background-color: transparent; color: #90207e; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">, </span><a href="https://misplayj.itch.io/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">MisplayJ</span></a><span style="background-color: transparent; color: #90207e; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">, </span><a href="https://albinochicken.itch.io/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">albinochicken</span></a><span style="background-color: transparent; color: #90207e; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">, </span><a href="https://brian-sweet.itch.io/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Brian Sweet</span></a><span style="background-color: transparent; color: #90207e; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">, </span><a href="https://zhixson.itch.io/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">zhixson</span></a></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/grorgwork/status/1289679221313290240?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Plan to turn on WebGL 2.0 in Safari Technology Preview in early September</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @grorgwork</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/mrdoob/status/1290052764551110657?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Explorations with 3D Textures and Instancing</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @mrdoob</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/el_djanki/status/1289605034720636929?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">New Frontier Chapel</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @el_djanki</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/fuji_3DCG/status/1290276597254090754?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Sakudari Kannon (Buddhist temple) Japan</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @fuji_3DCG</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/tentonej/status/1291436805988941824?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Shader-calculated generated tile height in geo-three</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @tentonej</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/mlperego/status/1291432788420370433?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Parallax physics toy</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @mlperego</span></span></li><li><a href="https://twitter.com/albn/status/1291395046600847364?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Sketchfab embed showing off power of Modo on @TheFoundryTeam website</span></span></a></li><li><a href="https://twitter.com/Sketchfab/status/1291237730618310656?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Leviatan by Gabriel Gonzalez</span></span></a></li><li><span style="font-family: inherit;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Not strictly WebGL but a huge performance boost: </span><a href="https://twitter.com/vmpstr/status/1291014290804224000?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">content-visibility: the new CSS property that boosts your rendering performance</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @vmpstr</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/mrmaxm/status/1291768693878337536?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">WebXR Hands in PlayCanvas</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @mrmaxm</span></span></li><li><a href="https://twitter.com/playcanvas/status/1291771955029442561?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">PlayCanvas Engine 1.33.0 released</span></span></a></li><li><a href="https://twitter.com/IRCSS/status/1291694182608896001?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Truck accident photogrammetry scan</span></span></a></li><li><span style="font-family: inherit;"><a href="https://twitter.com/mrmaxm/status/1291359980516290560?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">WebXR Controllers project in PlayCanvas</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> by @mrmaxm</span></span></li><li><span style="font-family: inherit;"><a href="https://twitter.com/ggsimm/status/1292554998879051777?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Raymarching shaders</span></a><span style="font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @ggsimm</span></span></li></ul><p></p><p><span><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-58667179329708770452020-07-30T17:29:00.000-07:002020-08-26T17:30:55.024-07:00Cool WebGL stuff, 2020-07-30<p> Cool stuff from around the web, discovered by Khronos' WebGL working group.</p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><ul style="text-align: left;"><li><a href="https://twitter.com/rickyreusser/status/1283623467300999170?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Boy’s Surface visualization</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @rickyreusser</span></li><li><a href="https://twitter.com/xeolabs/status/1283781138943803395?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">XeoKit demo of embedding floor plan in IFC model</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @xeolabs</span></li><li><a href="https://twitter.com/hybridherbst/status/1283833463163027458?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"><model-viewer> tool for setting up and configuring scenes</span></a></li><li><a href="https://twitter.com/modelviewer/status/1288141998088626177?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Also exposes scene graph API for modifying the model</span></a></li><li><a href="https://twitter.com/greggman/status/1284166573758930945?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Strict WebGL helper</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @greggman</span></li><li><a href="https://twitter.com/connrbell/status/1283911183926472706?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Curl noise accumulation shader</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @connrbell</span></li><li><a href="https://twitter.com/_dotbigbang_/status/1284020157019377664?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">DotBigBang</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> - make and play games with your friends with no installation!</span></li><li><a href="https://twitter.com/EvgenyDemidov/status/1284401220124315649?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">WebXR animations of 2MSK and 2FXY protein conformer structures "thermal fluctuations"</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @EvgenyDemidov</span></li><li><a href="https://twitter.com/Guiller84786679/status/1284325427759243265?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">3D Web House model by 3DVOX</span></a></li><li><a href="https://twitter.com/playcanvas/status/1285598408787582977?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">PlayCanvas plan updates</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> - 5-10x storage, download apps, customize loading screen, archive projects offline!</span></li><li><a href="https://twitter.com/Shadertoy/status/1285812068193456130?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">'Mist by Ohno! - OctaHydra' by Flopine</span></a></li><li><a href="https://twitter.com/willeastcott/status/1285913084406771719?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Third person character controller in PlayCanvas</span></a></li><li><a href="https://twitter.com/jacobrossi/status/1285650075197124608?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Oculus Browser gets timewarp, hand tracking support</span></a></li><li><a href="https://twitter.com/mrdoob/status/1285616755663155205?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">DeepView VR HD</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @mrdoob</span></li><li><a href="https://twitter.com/Flexi23/status/1285997961135235082?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Powerhouse</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @Flexi23</span></li><li><a href="https://twitter.com/TaikaWaititi/status/1285636451661688833?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Give Nothing to Racism - Voice of Racism</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @TaikaWaititi et al, built with Three.js</span></li><li><a href="https://twitter.com/threejs_org/status/1286341614152097792?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">THREE.VideoTexture now uses requestVideoFrameCallback</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> where available!</span></li><li><a href="https://twitter.com/ChromiumDev/status/1286194524600115206?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Article on requestVideoFrameCallback by @tomayac</span></a></li><li><a href="https://twitter.com/eddbiddulph/status/1286387632528920577?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Raytracing surface of revolution of 1D quadratic uniform B-spline</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @eddbiddulph</span></li><li><a href="https://twitter.com/Sketchfab/status/1281694743798460417?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Artificial Arm with Bone by Prashant Yadav</span></a></li><li><a href="https://twitter.com/HiteshSahu_/status/1287001752773046278?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">1 Million Boxes in 1 Draw Call with Babylon.js</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @HiteshSahu_</span></li><li><a href="https://twitter.com/Sketchfab/status/1286949446014644226?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Boba Fett by Pierrick Le Texier</span></a></li><li><a href="https://twitter.com/williammanco/status/1286711077846343680?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Gucci Dive Arcade Game</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @williammanco</span></li><li><a href="https://twitter.com/howieeday/status/1287104621601677313?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">StarDog demo</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @howieeday</span></li><li><a href="https://twitter.com/Domenico_brz/status/1287102501318283264?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Depth peeling & screen space refraction</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @Domenico_brz</span></li><li><a href="https://twitter.com/rickyreusser/status/1287239017826676736?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Complex function plotter with expression parser</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @rickyreusser</span></li><li><a href="https://twitter.com/NYTimesRD/status/1288228700950016000?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Article on 3D Photogrammetry</span></a><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> by @NYTimesRD</span></li><li><a href="https://twitter.com/Azadux/status/1288195143791673344?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Further discussion</span></a></li><li><a href="https://twitter.com/vanish_point/status/1285380118748131328?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Digital Ocean immersive art experience</span></a></li><li><a href="https://twitter.com/henryseg/status/1287912120416428033?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Cohomology fractals web app</span></a></li><li><span style="background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><a href="https://twitter.com/threejs_org/status/1288512193181429760?s=20" style="text-decoration: none;">Three.js r119 released</a></span></li><li><a href="https://twitter.com/mrdoob/status/1288554320846360580?s=20" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Exploration of 3D textures</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> by @thespite</span></li></ul><p></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"><br /></span></p>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-74206812102023649072020-07-16T19:23:00.000-07:002020-07-29T19:23:41.190-07:00Cool WebGL stuff, 2020-07-16Cool WebGL stuff from around the web, as discovered by Khronos' WebGL working group.<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<ul>
<li><a href="https://twitter.com/Kyan0s/status/1276533724868423680?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Insect mecha by @Kyan0s</span></span></a></li>
<li><a href="https://twitter.com/iquilezles/status/1276986891288539136?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">3D fractal Shadertoy by @iquilezles</span></span></a></li>
<li><a href="https://twitter.com/DaniGatunes/status/1276939751665348614?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">WebXR block world by @DaniGatunes</span></span></a></li>
<li><a href="https://twitter.com/rickyreusser/status/1277829868298752000?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Sphere Eversion by @rickyreusser</span></span></a></li>
<li><a href="https://twitter.com/rickyreusser/status/1277804796938878976?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Animation</span></span></a></li>
<li><a href="https://twitter.com/mrdoob/status/1275505663418884098?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">DeepView AR by @mrdoob</span></span></a></li>
<li><a href="https://twitter.com/thsherif/status/1278304791219798017?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Tesseract Explorer by @thsherif</span></span></a></li>
<li><a href="https://twitter.com/tgcnzn/status/1278560723120148481?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Fiat Strada in AR</span></span></a></li>
<li><a href="https://twitter.com/ycwhk/status/1279264622701277188?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Displacing abstract images by @ycwhk</span></span></a></li>
<li><a href="https://twitter.com/Atrix256/status/1280257158324445184?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Shadertoy faking 3D rendering using 2D transformations</span></span></a></li>
<li><a href="https://twitter.com/albn/status/1280168229617500161?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">The Last Human by mturco21</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1280063952790192129?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Post-Apocalyptic Cipher Machine by Glennosaurus</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1277527429729390593?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Bronze Pattern by G-99Factory</span></span></a></li>
<li><a href="https://twitter.com/artfletch/status/1279382428134576130?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Photogrammetry scan of London’s Leake Street tunnel by @artfletch</span></span></a></li>
<li><a href="https://twitter.com/ValigurskyM/status/1280522791058657286?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">VAO support in PlayCanvas by @ValigurskyM</span></span></a></li>
<li><a href="https://twitter.com/luruke/status/966648724888965120?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Raymarching Three.js experiment by @luruke</span></span></a></li>
<li><a href="https://twitter.com/superhoge/status/1275840926204616705?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">VAO support in Three.js r118 by @superhoge</span></span></a></li>
<li><a href="https://twitter.com/ilithya_net/status/1280285724777086977?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Bubbles Lamp by @ilithya_net</span></span></a></li>
<li><a href="https://twitter.com/EvgenyDemidov/status/1281150730401914880?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">WebXR animation of protein molecule by @EvgenyDemidov</span></span></a></li>
<li><a href="https://twitter.com/DasSurma/status/1281253024531390465?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Article on ResizeObserver’s device-pixel-border-box by @DasSurma</span></span></a></li>
<li><a href="https://twitter.com/w3reality/status/1281565073710837761?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Rendering 3D terrain via three-geo by @w3reality</span></span></a></li>
<li><a href="https://twitter.com/mrdoob/status/1282071186021785600?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Obsolidian demo for Solskogen Demoparty by @thespite and @mrdoob</span></span></a></li>
<li><a href="https://twitter.com/DasSurma/status/1221914789686992897?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Running Three.js WebXR content on a worker by @DasSurma</span></span></a></li>
<li><a href="https://twitter.com/simesgreen/status/1282085405765009408?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">3D scan of skull from St. Nicolas Church, Deptford by @simesgreen</span></span></a></li>
<li><a href="https://twitter.com/Atrix256/status/1282146550781636608?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Interpolating Data Over Arbitrary Shapes With Laplace’s Equation and Walk on Spheres by @Atrix256</span></span></a></li>
<li><a href="https://twitter.com/rickyreusser/status/1282556536351420417?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Galaxies in 2D particle-mesh universe by @rickyreusser</span></span></a></li>
<li><a href="https://twitter.com/Michael_Moroz_/status/1282358268535463936?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Model of self-gravitating gas by @Michael_Moroz_</span></span></a></li>
<li><a href="https://twitter.com/mlperego/status/1282327665551319040?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Nautilus animation by @mlperego</span></span></a></li>
<li><a href="https://twitter.com/rickyreusser/status/1281327582818865153?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Jump Flooding algorithm visualization by @rickyreusser</span></span></a></li>
<li><a href="https://twitter.com/Shadertoy/status/1199143210498453504?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Multiscape MIP Fluid by cornusammonis</span></span></a></li>
<li><a href="https://twitter.com/jongold/status/1282715082472820742?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">@DerSchmale’s thin-film iridescence in react-three-fiber by @jongold</span></span></a></li>
<li><a href="https://twitter.com/Michael_Moroz_/status/1282087450404413441?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Water flowing infinitely in looped space by @Michael_Moroz_</span></span></a></li>
<li><a href="https://twitter.com/RayT_uk/status/1282675777759313921?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Damage material effect in PlayCanvas by @RayT_uk</span></span></a></li>
<li><a href="https://twitter.com/nagix/status/1282141738983763968?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Mini Tokyo 3D v2.2.0 by @nagix</span></span></a></li>
<li><a href="https://twitter.com/mrdoob/status/1283392430188957696?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">List of all Three.js demos on pouet.net</span></span></a></li>
<li><span id="docs-internal-guid-30fd0063-7fff-bc5d-d062-0318ac5ee393"><span style="font-family: inherit;"><a href="https://www.shadertoy.com/view/tdjyzz" style="text-decoration-line: none;"><span style="color: #1155cc; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Tree in the wind</span></a><span style="font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> shadertoy</span></span></span></li>
</ul>
<br />
<span><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-91614819471938247962020-06-25T14:57:00.000-07:002020-07-01T14:57:28.036-07:00Cool WebGL stuff, 2020-06-25<span style="font-family: inherit;">Cool WebGL stuff from around the web, as discovered by Khronos' WebGL working group.</span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<ul>
<li><a href="https://cindyjs.org/gallery/cindygl/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">https://cindyjs.org/gallery/cindygl/</span></span></a></li>
<li><a href="https://augmentedperception.github.io/deepviewvideo/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">https://augmentedperception.github.io/deepviewvideo/</span></span></a></li>
<li><a href="https://nphysics.org/all_examples3/" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">https://nphysics.org/all_examples3/</span></span></a></li>
<li><a href="https://twitter.com/donrmccurdy/status/1273620481866903555?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Color Management in Three.js by @donrmccurdy</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1275111652795564032?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Discord Scifi Motorbike Challenge (Sketchfab)</span></span></a></li>
<li><a href="https://twitter.com/tdhooper/status/1274449271509733377?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Phyllotaxes by @tdhooper (ShaderToy)</span></span></a></li>
<li><a href="https://twitter.com/rsms/status/1273429089404153858?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Importance of Canvas sRGB support to Figma</span></span></a></li>
<li><a href="https://twitter.com/threejs_org/status/1275838676337979395?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Three.js r118 released</span></span></a></li>
<li><a href="https://twitter.com/donrmccurdy/status/1275912443512811521?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">glTF texture loading speedups in Three.js via ImageBitmap by @Tojiro</span></span></a></li>
<li><a href="https://twitter.com/BlurSpline/status/1276274121857327105?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Happy birthday to @mrdoob!</span></span></a></li>
<li><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit; text-decoration: none;"><a href="https://twitter.com/sebavanjs/status/1276196474699816961?s=20" style="text-decoration: none;">Real-time PBR filtering in Babylon.js</a></span></span></li>
</ul>
<div>
<span style="color: #1155cc;"><span style="white-space: pre-wrap;"><u><br /></u></span></span></div>
gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-39767845947554604632020-06-18T13:42:00.000-07:002020-07-01T13:43:07.298-07:00Cool WebGL Stuff, 2020-06-18Cool WebGL stuff from around the web, as discovered by Khronos' WebGL working group.<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<ul>
<li><a href="https://twitter.com/capnramses/status/1268241072406347776?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Dissolve effect by @capnramses</span></span></a></li>
<li><a href="https://twitter.com/ValigurskyM/status/1268552824415281152?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">GPU mesh morphing for PlayCanvas based on floating-point textures by @ValigurskyM</span></span></a></li>
<li><a href="https://twitter.com/RayT_uk/status/1268480924586516481?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">The Emperor dancing hip hop by @RayT_uk</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1268467599240769536?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Basketball playground low-poly city game asset by haykel-shaba (Sketchfab)</span></span></a></li>
<li><a href="https://twitter.com/theCGchannel/status/1268105141741326342?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Best Sketchfab models of the month by @theCGChannel</span></span></a></li>
<li><a href="https://twitter.com/threejs_org/status/1267529292390391808?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">blockbench.net by @JannisX11</span></span></a></li>
<li><a href="https://twitter.com/marcogomez_/status/1267536072461950977?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Swarm by @marcogomez_</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1268981018331144192?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Sketchfab’s Screen Space Reflections</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1268830037664583685?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">George Floyd Memorial Bust by Daniel Edwards</span></span></a></li>
<li><a href="https://twitter.com/dbabbs/status/1268610053885419520?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Real-time shadows in harp.gl</span></span></a></li>
<li><a href="https://twitter.com/chriskwallis/status/1269399386271838208?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Moana-inspired Shadertoy by @chriskwallis</span></span></a></li>
<li><a href="https://twitter.com/thespite/status/1269291858016047105?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Reactive sphere by @thespite</span></span></a></li>
<li><a href="https://twitter.com/Atrix256/status/1269396378318278656?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Casual Shadertoy Path Tracing 2 by @Atrix256</span></span></a></li>
<li><a href="https://twitter.com/bghgary/status/1270061624183808000?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Progressive loading of glTF assets by @bghgary</span></span></a></li>
<li><a href="https://twitter.com/willeastcott/status/1269940964166074370?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">WebGL Batman in PlayCanvas by @willeastcott</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1270279480607674369?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Procedural Hard Surface Modeling Test by @a_saito (Sketchfab)</span></span></a></li>
<li><a href="https://twitter.com/modelviewer/status/1270752935064920064?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;"><model-viewer> version 1.0 shipped!</model-viewer></span></span></a></li>
<li><a href="https://twitter.com/playcanvas/status/1271122574156726272?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">TANX is back!!! Built in @playcanvas</span></span></a></li>
<li><a href="https://twitter.com/threejs_org/status/1270956605446606848?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">PBR in Three.js from r90 to r118dev</span></span></a></li>
<li><a href="https://twitter.com/tanxgame/status/1271347110324166666?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">TANX featured on @Miniclip</span></span></a></li>
<li><a href="https://twitter.com/HoopMaster4/status/1271163723890044929?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Hoop Master, built with @playcanvas</span></span></a></li>
<li><a href="https://twitter.com/thespite/status/1271129046198468608?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">64K “Boxels” test by @thespite</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1272091472196706305?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Retro TV by Alana G (Sketchfab)</span></span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1271970788116217856?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Spot Bike Red Belt by @M_Kadilnikov (Sketchfab)</span></span></a></li>
<li><a href="https://twitter.com/thespite/status/1272576790607925248?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Signed distance field geometry by @thespite</span></span></a></li>
<li><a href="https://twitter.com/_pwd_/status/1272448758119370753?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Hall of Mirrors by @_pwd_</span></span></a></li>
<li><span style="font-family: inherit;"><a href="https://twitter.com/rickyreusser/status/1271630620997771264?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Faking Transparency of 3D Surfaces by @rickyreusser</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> (</span><a href="https://twitter.com/rickyreusser/status/1271691447587094528?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Observable notebook</span></a><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">)</span></span></li>
<li><a href="https://twitter.com/thespite/status/1272838877552787462?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Triplanar mapping by @thespite</span></span></a></li>
<li><a href="https://twitter.com/thespite/status/1273294137564037121?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Touch webtoy by @thespite</span></span></a></li>
<li><a href="https://twitter.com/thespite/status/1273206228978720768?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">X-ray effect by @thespite</span></span></a></li>
<li><a href="https://twitter.com/Shadertoy/status/1273138908184956930?s=20" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;">Fractal Explorer Shadertoy by Dave_Hoskins</span></span></a></li>
</ul>
<br />
<span id="docs-internal-guid-079ce563-7fff-cc2f-2f0d-0e0c6a4ec789"></span>gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0tag:blogger.com,1999:blog-3905768613350654967.post-66101985919108866462020-06-04T16:00:00.000-07:002020-06-16T16:01:10.751-07:00Cool WebGL Stuff, 2020-06-04Cool WebGL stuff from around the web, as discovered by Khronos' WebGL working group.<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<ul>
<li><a href="https://twitter.com/mrdoob/status/1263990053316857856?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">WebXR live coding by @mrdoob in homage to @brianpeiris</span></a></li>
<li><a href="https://twitter.com/Flexi23/status/1228814536507035648?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Polar coordinate heart curves by @Flexi23</span></a></li>
<li><a href="https://twitter.com/lildata/status/1265005843625451521?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">HENGE by @lildata and @Cabbibo</span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1264964499842400261?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Mercedes-Benz 500K Marlene (1936) by @raiznewmedia (Sketchfab)</span></a></li>
<li><a href="https://twitter.com/mrdoob/status/1264769415112847360?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">readyplayer.me</span></a></li>
<li><a href="https://twitter.com/giuliandrimba/status/1265288920486608898?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Interactive particle simulation by @guliandrimba</span></a></li>
<li><a href="https://twitter.com/Sketchfab/status/1265266488874864641?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">BALLY Crew Backpack by @inVRsion (Sketchfab)</span></a></li>
<li><a href="https://twitter.com/Shadertoy/status/1265543302952124423?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Re-entry by nimitz (Shadertoy)</span></a></li>
<li><a href="https://twitter.com/threejs_org/status/1265697318176608256?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Three.js r117 released</span></a></li>
<li><a href="https://twitter.com/falessandrelli/status/1266312270155571200?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Godot Editor running in-browser</span></a></li>
<li><a href="https://twitter.com/CesiumJS/status/1267466992262537216?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Cesium OSM Buildings - over 350M buildings, globally</span></a></li>
<li><a href="https://twitter.com/Flexi23/status/1267567388272312324?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Inline webworker for physics simulation by @Flexi23</span></a></li>
<li><a href="https://twitter.com/glitchsune/status/1267654054064390149?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Magic cube effect made with arjs and threejs by @glitchsune</span></a></li>
<li><a href="https://twitter.com/Shadertoy/status/1268085852426473472?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Buckaroo version 2 by blackle (Shadertoy)</span></a></li>
<li><a href="https://twitter.com/edinburghcastle/status/1268130147544305664?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Virtual tour of Edinburgh Castle</span></a></li>
<li><a href="https://twitter.com/frguthmann/status/1268110106417397760?s=20" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Dassault Systems’ experimental physically based path tracer</span></a></li>
<li><span style="background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><a href="https://twitter.com/marcinignac/status/1267388040705695745?s=20" style="text-decoration: none;">Screen Space Global Illumination by @marcinignac</a></span></li>
</ul>
<div>
<br /></div>
gfxprogrammerhttp://www.blogger.com/profile/10836046961868342164noreply@blogger.com0