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...

No comments: