Add interactive AR companion page for Code Champ 2026 Workshop 07 - #71
Merged
Conversation
Adds ar.html, a shareable, beginner-oriented augmented reality page for the workshop audience, built for low-end phones on slow connections. Interactive demo (assets/js/ar-lab.js, no third-party libraries): - Tier 1 — WebXR immersive-ar with hit-test, so taps place objects on a real detected plane; depth-sensing is requested optionally and drives per-fragment occlusion behind real furniture when the device supports it. - Tier 2 — camera feed plus device orientation, anchoring objects to an assumed floor. Covers iOS Safari and any Android phone without ARCore. - Tier 3 — the same scene as a draggable 3D animation when no camera is available, so nobody is left with a blank screen. All three share one small WebGL1 renderer with hand-built geometry; the page detects the available tier up front and says so before the visitor starts. Media is click-to-load — nothing heavy is fetched until it is asked for: - Four 14s, 640x360, ~250KB previews of the Niantic Lightship experiments (meshing; segmentation, planes and occlusion; location-based AR; shared AR), each linking out to the full clip. - Miro board and YouTube embeds behind lightweight facades. Research figures are cropped from the thesis and from the open-access hide-and-seek study (MDPI MTI 9(8):79, CC BY 4.0), compressed to WebP. Also links the page from the index.html and news.html workshop cards, and adds it to sitemap.xml and llms.txt. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01G65FiJqW3AbKjyjgP9h4ku
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds ar.html, a shareable, beginner-oriented augmented reality page for the
workshop audience, built for low-end phones on slow connections.
Interactive demo (assets/js/ar-lab.js, no third-party libraries):
detected plane; depth-sensing is requested optionally and drives per-fragment
occlusion behind real furniture when the device supports it.
floor. Covers iOS Safari and any Android phone without ARCore.
available, so nobody is left with a blank screen.
All three share one small WebGL1 renderer with hand-built geometry; the page
detects the available tier up front and says so before the visitor starts.
Media is click-to-load — nothing heavy is fetched until it is asked for:
(meshing; segmentation, planes and occlusion; location-based AR; shared AR),
each linking out to the full clip.
Research figures are cropped from the thesis and from the open-access
hide-and-seek study (MDPI MTI 9(8):79, CC BY 4.0), compressed to WebP.
Also links the page from the index.html and news.html workshop cards, and adds
it to sitemap.xml and llms.txt.
Co-Authored-By: Claude Opus 5 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_01G65FiJqW3AbKjyjgP9h4ku