In this paper, we describe the utilization and genesis of an interactive website you can use to create and display different conic sections.
A conic section (conic) result from a plane intersecting a double cone. Depending on the height and the angle of the plane, the conic can be an ellipse, a parabola, or a hyperbola.
You can use the keyboard keys W and S to move the plane up and down. A and D rotate the plane. Pressing the left mouse button, you can orbit the camera around the scenery. With the mouse wheel you can zoom in and out. The website has been programmed in Unity in C#, compiled for WebGL, and should run in every modern browser.
Table of Contents
1. Manual
1.1 Introduction
1.2 Ellipse
1.2.1 Circle
1.2.2 Point
1.3 Parabola
1.3.1 One straight line
1.4 Hyperbola
1.4.1 Two straight lines
2. Under the hood
2.1 Coordinate system
2.2 Cone
2.2.1 Cone class
2.2.2 CreateShape
2.2.3 MakeDoublesided
2.2.4 UpdateMesh
2.3 Plane
2.3.1 Plane class
2.3.2 WASD class
2.4 Camera
2.4.1 Mouse Orbit
2.5 Canvas
2.5.1 Text Display
Objectives and Topics
This paper explores the development and implementation of an interactive web-based application designed to visualize various conic sections, such as ellipses, parabolas, and hyperbolas, created by the intersection of a plane and a double cone. The central objective is to demonstrate how these mathematical shapes can be generated and manipulated in a real-time 3D environment.
- Implementation of interactive geometric modeling using the Unity engine.
- Algorithmic generation of 3D meshes for cones and planes.
- User interface development for real-time manipulation of geometric parameters.
- Techniques for rendering and camera control in a web-based browser context.
Excerpt from the Book
1.2.2 Point
The ellipse degenerates into a point (figure 1.3) if the height of the plane is zero, i. e. the plane intersects the twin tip of the double cone.
Summary of Chapters
1. Manual: Provides an overview of how users can interact with the website, covering controls for movement, rotation, and zooming, while defining the resulting conic sections.
2. Under the hood: Details the technical implementation, explaining the coordinate systems, the programmatic mesh generation for cones and planes, camera navigation, and the dynamic text display.
Keywords
Conic Sections, Interactive Website, Unity, C#, WebGL, Mesh Generation, Geometric Modeling, Ellipse, Parabola, Hyperbola, Computer Graphics, Camera Orbit, User Interface.
Frequently Asked Questions
What is the primary purpose of this work?
The work documents the creation of an interactive web-based tool that allows users to explore and visualize conic sections by manipulating a plane intersecting a 3D double cone.
Which technical platform is used for this application?
The application is developed using the Unity game engine with C# scripts and compiled into WebGL to ensure accessibility via modern web browsers.
What is the core mathematical focus?
The focus lies on the geometric relationships between a plane and a double cone, specifically how varying the plane's angle and height results in different shapes like circles, ellipses, parabolas, and hyperbolas.
How is the 3D geometry generated?
Instead of importing 3D models, the cones and planes are generated programmatically by calculating vertices and triangles to construct the meshes within Unity.
What controls are available to the user?
Users can use the keyboard (W, A, S, D) to translate and rotate the plane, and the mouse to orbit the camera around the scenery or zoom in and out.
What are the primary programming concepts discussed?
The text covers mesh construction, vertex indexing, normal vector calculation for double-sided rendering, quaternion rotations for the camera, and UI scripting for real-time feedback.
Why does the author use custom classes for primitives instead of built-in ones?
Custom classes provide higher flexibility and allow for the specific mesh requirements needed to accurately represent the mathematical intersection of the cone and the plane.
What is "z-fighting" in the context of this paper?
Z-fighting refers to a rendering artifact that occurs when a point lies exactly on the intersection of two surfaces, making it difficult for the graphics card to determine which color to display for a single pixel.
How does the application ensure compatibility?
By compiling the Unity project into WebGL, the application is designed to run in all modern web browsers, with the minor exception of Internet Explorer.
- Quote paper
- Prof. Dr.-Ing. Jörg Buchholz (Author), 2019, The Utilization of Interactive Websites to Create Conic Sections, Munich, GRIN Verlag, https://www.grin.com/document/512682
