Saturday, May 20, 2023

Web3D, VR, AR: A-frame, three.js, WebGL, OpenGL, WebXR + ChatGPT AI

While web is a rich platform for making all kinds of apps, 
making 3D visualization is still a bit of challenge, 30+ years later.

Even VRML was "usable" way back, but not quite "good enough" for wide adoption.

Current set of tools is much improved, but "not there yet" for easy use...

Differences between Three.js vs. A-Frame, Unity, Unreal Engine and other 3D libraries : r/vrdev

A-frame is based upon three.js, every a-entity in aframe is a threejs object too.


A-Frame (virtual reality framework) - Wikipedia

A-Frame is an open-source web framework for building virtual reality (VR) experiences.
A-Frame is an entity component system framework for Three.js where developers can create 3D and WebXR scenes using HTML.

A-Frame – Make WebVR

Introduction – A-Frame

aframevr/aframe: Web framework for building virtual reality experiences. @GitHub

Aframe @glitch.com (dev env)

Developing with three.js – A-Frame


Three.js - Wikipedia

Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL

Three.js – JavaScript 3D Library

three.js examples

Simple house model example in threejs | Dustin John Pfister at github pages

test_threejs/views/forpost/threejs-examples-house at master · dustinpfister/test_threejs · GitHub

Libraries and Plugins – three.js docs


WebGL - Wikipedia

WebGL (Short for Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins.[2] WebGL is fully integrated with other web standards, allowing GPU-accelerated usage of physics and image processing and effects as part of the web page canvas. WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background.[3]

WebGL programs consist of control code written in JavaScript and shader code that is written in OpenGL ES Shading Language (GLSL ES), a language similar to C or C++, and is executed on a computer's graphics processing unit (GPU). WebGL is designed and maintained by the non-profit Khronos Group

Vladimir Vukićević - Wikipedia Vladimir Vukicevic | LinkedIn

creator of WebGL.



WebXR Device API

support for accessing virtual reality (VR) and augmented reality (AR) devices, including sensors and head-mounted displays, on the Web.



House Model with Three.js, generated by ChatGPT

after 13 prompts / iterations; as good as it gets, for now...

voice => ChatGPT => code => GitHub => deploy

"what can go wrong :)" 

 Mckay Wrigley on Twitter: "Jarvis is now reality. My GPT-4 coding assistant can now build & deploy brand new web apps! It initializes my project, builds my app, creates a GitHub repo, and deploys it to Vercel. All from simply using my voice. https://t.co/0D5UbOjT5s" / Twitter

mckaywrigley (Mckay Wrigley) @GitHub


link from:
.NET Rocks! Entity Framework Tooling with Erik Ejlskov Jensen

Cloud Native: new default?

Cloud Native Progressive Delivery • Matt Turner • GOTO 2022 - YouTube

GOTOpia: Why Cloud Native is the New Standard

Tibi Covaci, from Microsoft Azure, and Eric Johnson from AWS Serverless, are advocating for cloud native as a default characteristic of any organization, no matter of its size.

RECOMMENDED BOOKS
Adzic & Korac • Running Serverless
Scott Patterson • Learn AWS Serverless Computing
Steve Miles & Peter De Tender • Microsoft Azure Fundamentals Certification & Beyond
Peter Sbarski • Serverless Architectures on AWS
Vlad Riscutia • Data Engineering on Azure
Liz Rice • Kubernetes Security