How to build an image from component parts using HTML canvas

Channels

kosiso29 posted 3 years ago

Hello Chris, please I'm trying to recreate the bicycle builder functionality we have here using HTML canvas. I'd like to know whether it's possible with HTML canvas and which course/tutorial do I need to take for it. This is kinda urgent so I'd appreciate a quick feedback.

chris posted 3 years ago

Hi Kosiso, definitely possible, but you'll want to use Three.js instead of a canvas with a 2d context. With Three.js you can render out a 3d rendering of the bike, select colors, parts, etc, then have them display dynamically based on your choosings.

Don't have a direct tutorial on how to do this, but I can pretty much guarantee pursuing the Three.js route is the way to go!

kosiso29 posted 3 years ago

Thank you very much for the quick response Chris. Please could you point me to a tutorial on YouTube or anywhere else that you'll recommend I go with in order to achieve this?

kosiso29 posted 3 years ago

I'd also appreciate if the course/video you recommend is something I can finish within a week or so and focuses on the bike builder type of implementation.

Want to participate?

Create a free Chris Courses account to begin

Providing the lift to launch your development career

Education

Support

Legal