Chris jr Nwaijechriskript.hashnode.dev·Nov 30, 2024How to Build a Virtual Roulette Game with HTML, CSS, and JavaScriptHey there, fellow coders!Ever found yourself stuck making a decision in a group? Or maybe you’re looking for a fun, interactive game for your next party? Say no more! Today, I’m going to walk you through building a Virtual Roulette Game using HTML, C...Discussvirtual roulette
Harpreet Singhsinghharpreet.hashnode.dev·Aug 21, 2024The Power of Canvas APIIntroduction In the realm of web graphics, two powerful technologies stand out: HTML Canvas and SVG (Scalable Vector Graphics). Both are essential for creating dynamic and interactive visuals on the web, but they cater to different needs and scenario...Divyanshu Bhatnagar and 1 other are discussing this2 people are discussing thisDiscuss·8 likes·81 readscanvas vs svg
Viviana Yanezviviyanez.hashnode.dev·Feb 9, 2024How to add generated cover images using the Canvas APII have created a customized cover template for my blog posts, which includes a background image with the title and date of the post. This adds a personal touch to my website and also maintains a visual consistency. However, creating and uploading the...Discussfrontend
Loi Hoanghoangloi.hashnode.dev·Feb 1, 2024Circle Collision Detection and Animation: Exploring JavaScript and Canvas APIContinuing from the previous article, in this article, we will focus on: Displaying an additional ball on the screen using the Point and Circle objects. Checking collisions between the objects on the screen. Moving the objects. In the previous a...Discuss·30 readscreative coding
Bhaveek Jainbhaveek.hashnode.dev·Dec 7, 2022Make a Drawing Board using React + TypeScript and Redux ToolkitDrawing Board Let's build an MS Paint inspired windows XP style drawing board.Features:- You can pick different colors and draw lines. If you don’t like the results you can “undo” and “redo” the actions. When you are satisfied with the results you...Discuss·5 likes·622 readsTypeScript
Marco Rossimarcorossi.hashnode.dev·Oct 30, 2022I made a new online tool that creates filling images for webpagesI made this tool to create placeholder images to use on websites or download. It's enough to create a URL like this https://dummypic.onrender.com/1080/100 to get the following: I stored this #opensource project on GitHub obviously so anyone can impr...Discuss·34 readsCanvas API