This page provides samples of various HTML, CSS, JavaScript, PHP coding projects. In particular, they showcase coding without frameworks or libraries.
A complete WebGL and WebVR framework, authored without any libraries or framework. Creates all the code needed to load 3D models in a variety of formats, including GLtF format. Uses and XML file to define the organization of the 3D environment and place objects. Add 2D UI elements for controlling loaded models and scenes. Direct and complete support for the WebVR JavaScript API (a subset of the newer WebXR API) for virtual reality headsets.
Click the following link to see a Working Version of the
WebVR-Mini WebVR Framework
Short video demonstrating WebVR-Mini loading sample worlds.
Simulation of the real positions, sizes and colors of the nearest 117,000 stars, taken from multiple stellar databases. Plutonian allows the user to fly through the local space (around 1000 light years). A few systems (the Sun, Alpha Centauri) show additional detail. Works in 3D on your desktop, or in VR headsets (Windows MR or Oculus). Be as a god, walking among the stars...
The back-end code can dynamically scan stellar spectra, and compute the likely color and size and type of each star.
Click the following link to see a Working Version of the
PlutonianXR Stellar Simulation
Short video demonstrating PlutonianXR.
A planetary simulation, authored for WebVR/WebXR using the BabylonJS game engine. Implements texture loading, program 3D model generation, orbital motion, and access to virtual reality simulation using the WebVR JavaScript API. Shows the great features of the BabylonJS library for building WebXR and 3D browser simulations in general.
Click the following link to see a Working Version of the
BabylonJS WebVR Planet Simulation
Short video demonstrating the BabylonJS WebVR app.
An HTML5 Game concept, developed from scratch without libraries or frameworks. Uses the Canvas API to generate 2D scenes and animation. Adaptive (meaning that the game automatically resizes to different screen sizes). Gameplay implements an elevator model for "levels" - a system that is harder to create than it looks.
Click the following link to see a Working Version of the
BabylonJS WebVR Planet Simulation
Short video demonstrating Elefart gameplay.