Add basic three.js wireframe tutorials with HTML5 Canvas and Three.js implementations

[Copilot]

This PR implements a comprehensive wireframe tutorial collection for learning 3D rendering concepts, addressing the request to "make a basic three.js html wireframe".

🎯 What's Added

Wireframe Implementations

1. HTML5 Canvas Wireframe (wireframe.html)

   • Pure JavaScript implementation with no external dependencies
   • Demonstrates fundamental 3D mathematics including rotation matrices and perspective projection
   • Features an animated rotating wireframe cube with visible vertices
   • Educational approach showing the underlying math behind 3D rendering

2. Three.js Wireframe (threejs-wireframe.html)

   • Professional implementation using the Three.js library
   • Displays both a rotating wireframe cube and sphere
   • Uses WebGL for hardware-accelerated rendering
   • Includes fallback handling for when external libraries can't be loaded

3. Tutorial Landing Page (index.html)

   • Clean, responsive interface for navigating between tutorials
   • Provides educational context and tech stack information for each demo
   • Modern dark theme with hover effects

📚 Educational Value

The tutorials are designed to teach:

• Basic 3D coordinate systems and transformations
• Wireframe rendering techniques using different approaches
• Animation loops and frame timing
• Camera and perspective projection concepts
• Both pure JavaScript and library-based implementations

🔧 Technical Features

• No Build System Required: All files can be run directly in a browser
• Self-Contained: HTML5 Canvas version has zero dependencies
• Responsive Design: Works on different screen sizes
• Well-Commented Code: Educational comments explain 3D concepts
• Error Handling: Graceful fallbacks when external resources fail

📖 Documentation

Updated README.md with:

• Getting started instructions
• Live demo links
• Learning objectives
• File structure overview
• Technical explanations of each approach

The implementation provides both beginner-friendly (Canvas) and advanced (Three.js) approaches to 3D wireframe rendering, making it an excellent starting point for learning 3D graphics programming.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• cdn.jsdelivr.net
  • Triggering command: curl -o three.min.js REDACTED (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.