Geometry Manipulation Engine

Okay so within the past 4-ish days, I have added many new features! I coded the rendering and click behavior for the circle, triangle, and rectangle tools. Also, I’m using SVG to render my shapes. —————————————————————————––––––––––––––––––————One of the things I enjoyed most about coding the tools is actually the mathematical components I implemented. I had JavaScript calculate distance between points, slope along lines, side lengths and area for triangles and rectangles (later polygons), and I had it calculate radii + area for circles. I had a little fun with this since I got to use familiar equations we actually use in class such as area formulas like Heron’s formula for SSS triangles, slope formula, and used PI for circle area and circumference. ——————————————————————————————————————–—–Along with this though, there was definitely A LOT of debugging. After I coded each tool, I tested it and had to work around the click behavior failing to recognize the unique ID’s, and the SVG not rendering correctly. At one point my file was overwrote somehow and the only reason I was able to recover all my code from my triangle and rectangle tools was because of my web browser’s console tab. —————————————————————————————————————–––Anyway, I’m so excited to keep adding more visual tools to this and make the design come to life at the end! Oh and I also included a video below of me testing out the new tools.

Okay I updated the point tool in the engine and added my first line tool feature. Now selected points appear orange and larger, while previously made points remain blue and smaller. Along with this, I added the first version of the line tool feature where a segment can be made between 2 existing points that recognizes the unique endpoint IDs. More features and add-ons for the tools later this week!

Little mini update for today, this is a mockup design I made using Canva to model what I hope the final look for the geometry engine will look like! I did do some coding on it today however, it was more updating and debugging. I haven’t added any new focuses like transformations and interactive features for any of the shapes quite yet. I will get to that tomorrow. Let me know what you think of the mockup design tho!

Hi! There have been many changes since my last devlog of this project. I had a lot of trouble with the correct Pygame installation version syncing with my Python code, and I wanted to tweak parts of my code anyway, so I decided to restart and switch back to previous languages I had already worked with. That being CSS, HTML, and JavaScript. ————————————————————————————————————— This time instead of trying to render the entire engine at once (and in a single coding file), I made a list of things to focus on creating first that I’ll gradually edit and go back to update; also to ensure that the engine is actually interactive and working as I go. My focuses currently are: [Points, Lines, Circles, Rectangles, Triangles, Polygons, Transformations, Intersections, Distances + Angles (later), Coordinate plane, and Camera movement / zoom which will be later.]———————————————————————————————————–– Today I was able to successfully code the coordinate plane + window, top-bar and toolbar, selection types and a selection status below the toolbar, and interactive features with points. The status tool shows the point you made and its coordinates as well! It took a while for me to get the x and y axes to show up in the proper orientation, as well as the selection status tool to work, but I was able to debug both! I then spent some time in Canva designing a mock-up of what I want the final website to look like. It’s not much yet, but I’d say it’s definitely a big improvement from my last coding project!

Hi, for my second coding project I’ve decided to create a Geometry Manipulation Engine where you can create shapes and polygons and view them in 3D; and see the math behind each. —————————————————————————————————————————–So far, I’ve created the 2D sketch plane, which doesn’t look like much yet, but I’ll keep posting updates. Recently I added the camera, renderer, and loop the scene on top of the code for the basic shapes. ——————————————————————————————————————————I’m not sure yet if this will closely resemble an engine like GeoGebra, or a CAD design software, but my goal is to code a little geometry building space with simple mathematics behind it (angles, arc lengths, side lengths). I’m very excited to see what this project will look like finished! :))