I'm working on a personal project and I want to create a website that has pages with graphics users can interact with. The graphics will consist of shapes that deform based on user clicks and their positioning on the page. I've been looking into using three.js for the front end to accomplish this, but I wonder if there are other packages worth considering. Since I want the interactions to happen in real time, I'm guessing websockets would be the way to go? For the backend, I'm thinking about using C# with .Net just to learn more, but is that a good approach? Would love to hear your thoughts!
4 Answers
Just a heads up regarding your graphics: make sure the interaction design isn’t confusing for users—navigation should be clear and intuitive. Also, for your backend, it might be a bit much considering your project sounds mostly front-end focused. You might only need backend support if you're looking to store data or manage user sessions.
I’d like to clarify that the shapes I mentioned are actually complex mathematical objects that will undergo specific deformations based on their properties—like manifolds and topological spaces. I plan to handle the heavy calculations on the backend for efficiency.
Three.js is fantastic for 3D graphics, but if you’re focusing on 2D, you might want to check out PixiJS as it's more tailored for that. Overall, each choice has its benefits, so pick whichever you find most interesting! If you're thinking long-term, it could be fun to experiment with different stacks down the line—like starting with C# now and perhaps trying Node or Go later. Good luck with your project!
If you plan to use basic shapes, have a look at Lottie for interactive SVG animations—it might fit your needs perfectly!
Related Questions
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads