Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Canvas

The Canvas API provides a means for drawing graphics via JavaScript and the HTML canvas element. Among other things, it can be used for animation, game graphics, data visualization, photo manipulation, and real-time video processing.

https://github.com/tommm2/snake-game

canvas 貪吃蛇遊戲

canvas

Last synced: 12 Jan 2025

https://github.com/aliaks-ei/photo-message

Simple PWA (with Workbox) that uses device's camera to make the photo and attach it to the message

bootstrap camera canvas css express html javascript jquery nodejs pwa toastr workbox

Last synced: 30 Jan 2025

https://github.com/eugenedakin/canvascoordinpaint

Determine Canvas/Window Coordinates in Paint Event using System MouseX and MouseY

canvas paint-event xojo

Last synced: 01 Feb 2025

https://github.com/waichungwong/jw-canvas-ascii

A text react component which renders the ascii text converted from a canvas image data.

ascii ascii-converter canvas npm-module react

Last synced: 23 Jan 2025

https://github.com/bugoverdose/maze-runner

A game where you escape from a maze that is randomly generated with DFS algorithm

bfs-algorithm canvas react styled-components typescript

Last synced: 25 Jan 2025

https://github.com/lukaszwoznica/snake-canvas

Classic snake game created with Vanilla JavaScript and Canvas API.

canvas canvas-game css3 html5 javascript snake-game vanilla-javascript

Last synced: 12 Jan 2025

https://github.com/diewland/any2canvas

from video/canvas to (another) canvas

canvas html5 html5-canvas html5-video javascript video

Last synced: 12 Jan 2025

https://github.com/waichungwong/jw-animate-canvas

A react component for canvas, integrated with animation feature.

canvas npm-module react requestanimationframe

Last synced: 23 Jan 2025

https://github.com/ryangormican/slidewonder

SlideWonder is a modern web application for creating, managing, and presenting slide decks. Built with React and Fabric.js, it offers an intuitive interface, drag-and-drop functionality, and customizable slides, allowing users to design engaging presentations effortlessly.

canvas draganddrop fabric fabricjs firebase frontend frontenddevelopment javascript materialui react reactjs slidemangement userinterface webapplication

Last synced: 24 Jan 2025

https://github.com/leye195/paintjs

Painting board made with VanilaJS

canvas html-css

Last synced: 06 Feb 2025

https://github.com/mayankagnihotri7/canvanizer

Create a lean canvas using markdown.

canvas lean react react-router reactjs

Last synced: 23 Dec 2024

https://github.com/tuxracer/dashradar-app

🚘 mobile web dash cam enhanced by object detection + LLM

canvas reactive-programming rx rx-js tensorflow webgl webrtc

Last synced: 12 Jan 2025

https://github.com/juanpedroarmella/paint

This is a tool for drawing and editing images.

bootstrap canvas javascript

Last synced: 31 Jan 2025

https://github.com/mathematicode/download-svg-as-png-and-svg

Super simple, no dependencies, just copy and paste. Convert or download SVG to PNG

canvas download png rasterizer svg

Last synced: 24 Jan 2025

https://github.com/vscaperrotta/skeleton-generator

Tool to generate skeleton that scale on multiple frameworks.

angular canvas editor framework generator react skeleton skeleton-css skeleton-loading svg vue

Last synced: 05 Feb 2025

https://github.com/sahilk-027/shaders-journey

Learning GLSL Shaders from 0 -> 1

canvas glsl shaders threejs webgl

Last synced: 17 Jan 2025

https://github.com/jchehe/canvas_sprite

基于 Canvas 实现雪碧图动画

canvas

Last synced: 10 Jan 2025

https://github.com/moehmeni/freeform

Adobe-Illustrator-like freeform gradient generator

2d-graphics adobe-illustrator art canvas digitalart gradient graphics image-processing

Last synced: 23 Dec 2024

https://github.com/ewaldhorn/tinysolar

The famous Mozilla Solar example in Go.

canvas go html html5-canvas tinygo wasm

Last synced: 25 Jan 2025

https://github.com/axel-jalonen/tsp.axelj.dev

A simple implementation of a nearest neighbours greedy algorithm to provide an answer to the travelling salesman problem.

algorithms canvas canvas2d recursion travelling-salesman-problem

Last synced: 12 Jan 2025

https://github.com/mohamedelareeg/barcode-generator

Barcode Generator with Barcode Designer is a versatile application developed using C# and WPF. It offers comprehensive barcode generation capabilities for assets, boxes, files, and documents, along with an intuitive Barcode Designer feature for creating custom barcode labels effortlessly.

barcode barcode-generator canvas dotnet label-designer wpf zxing

Last synced: 12 Jan 2025

https://github.com/schwalbe-t/wein2d.js-wasm

Wein2D.js bindings for creating browser games in Rust using WebAssembly.

canvas canvas-game canvas2d game-2d game-dev games html5-canvas html5-game rust webassembly

Last synced: 30 Jan 2025

https://github.com/milliorn/image-generator

The Image Generator is a Node.js application that generates images using the OpenAI API. It allows you to create custom images by leveraging the power of OpenAI's image generation capabilities.

algorithmic-art canvas creative-coding creative-project express express-js expressjs generative-art image-generator-using-openai-api image-manipulation image-processing image-rendering node node-js nodejs openai procedural-generation randomization sweetalert2 visual-effects

Last synced: 12 Jan 2025

https://github.com/ninjawork007/capture-video-streamming

capture video streamming

api-rest canvas javascript

Last synced: 24 Jan 2025

https://github.com/beenotung/create-snowpack-canvas

Setup simple template with snowpack to get started with typescript and full-screen canvas quickly.

canvas cli snowpack snowpack-canvas starter-kit starter-kits template typescript

Last synced: 01 Jan 2025

https://github.com/schwalbe-t/wein2d.js

Wein2D.js is a library for handling graphics, input and sound for Browser Games in Javascript.

canvas drawing game game-2d game-development html5-canvas html5-game

Last synced: 30 Jan 2025

https://github.com/beenotung/loop-animation

Loading animation implemented with canvas

animation canvas loading loading-animations loading-spinner loop

Last synced: 01 Jan 2025

https://github.com/sanwebinfo/create-image

Post Generator - Generate 1080x1080 square shape image size Social Media Post and Status.

bulma canvas css html javascript

Last synced: 01 Feb 2025

https://github.com/lovesaroha/regression-with-single-parameter

In statistics, simple linear regression is a linear regression model with a single explanatory variable.That is, it concerns two-dimensional sample points with one independent variable and one dependent variable (conventionally, the x and y coordinates in a Cartesian coordinate system) and finds a linear function (a non-vertical straight line) that, as accurately as possible, predicts the dependent variable values as a function of the independent variables.

canvas html javascript linear-regression regression

Last synced: 12 Jan 2025

https://github.com/lovesaroha/space-invaders-game

Space Invaders is a 1978 shoot 'em up arcade game developed by Tomohiro Nishikado. It was manufactured and sold by Taito in Japan, and licensed by the Midway division of Bally for overseas distribution.

canvas game html javascript space-invaders

Last synced: 12 Jan 2025

https://github.com/lovesaroha/travelling-salesman-problem

The travelling salesman problem (also called the travelling salesperson problem or TSP) asks the following question: "Given a list of cities and the distances between each pair of cities, what is the shortest possible route that visits each city and returns to the origin city?" It is an NP-hard problem in combinatorial optimization, important in theoretical computer science and operations research.

canvas genetic-algorithm html javascript travelling-salesman-problem

Last synced: 12 Jan 2025

https://github.com/lovesaroha/smart-rockets

Each rockets goal is to reach the target circle without crashing. A genetic algorithm creates new populations, with the most "fit" rockets most likely to become parents.

canvas genetic-algorithm html javascript smart-rockets

Last synced: 12 Jan 2025

https://github.com/lovesaroha/asteroids-game

Asteroids is a space-themed multidirectional shooter arcade game designed by Lyle Rains and Ed Logg released in November 1979 by Atari, Inc.The player controls a single spaceship in an asteroid field which is periodically traversed by flying saucers.

asteroids-game canvas game html javascript

Last synced: 12 Jan 2025

https://github.com/lovesaroha/snake-game

Snake is the common name for a video game concept where the player maneuvers a line which grows in length, with the line itself being a primary obstacle.

canvas game html javascript snake-game

Last synced: 12 Jan 2025

https://github.com/lovesaroha/flappy-bird-game-ai

This is a flappy bird game AI trained with the lovesaroha/lmath.js library.

ai canvas flappy-bird-game game javascript math neural-network

Last synced: 12 Jan 2025

https://github.com/lovesaroha/object-detector

A simple object detector trained on a very small dataset.

canvas javascript machine-learning object-detection tensorflow

Last synced: 12 Jan 2025

https://github.com/lovesaroha/dino-game

T-Rex Dinosaur - a replica of the hidden game from Chrome offline mode. Press Space to start the game online and jump your Dino.

canvas dinosaur-game html javascript

Last synced: 12 Jan 2025

https://github.com/lovesaroha/logistic-regression-and-or

In statistics, the logistic model (or logit model) is used to model the probability of a certain class or event existing such as pass/fail, win/lose, alive/dead or healthy/sick. This can be extended to model several classes of events such as determining whether an image contains a cat, dog, lion, etc. Each object being detected in the image would be assigned a probability between 0 and 1, with a sum of one.

canvas html javascript logistic-regression regression

Last synced: 12 Jan 2025

https://github.com/lovesaroha/car-racing-game

A simple 2d car racing game in javascript.

canvas game html javascript

Last synced: 12 Jan 2025

https://github.com/lovesaroha/lsketch

Want to draw something creative. Just pick a color and draw, it is as easy as that.

canvas html javascript sketch

Last synced: 12 Jan 2025

https://github.com/farazf19/facial-id-app

This web application utilizes React and the MediaPipe Holistic model to facilitate real-time detection of facial and hand landmarks via webcam. It analyzes head orientation, tracks eye blinking, and visually represents landmarks and connections on an interactive canvas. Furthermore, it optimizes performance by efficiently logging relevant data .

canvas eye-blink-detection facial-recognition hand-tracking holistic landmark-detection mediapipe react real-time-processing web-app webcam

Last synced: 31 Dec 2024

https://github.com/lovesaroha/flappy-bird-game

This game is a side-scroller where the player controls a bird, attempting to fly between columns of pipes without hitting them using space key.

canvas flappy-bird game html javascript

Last synced: 12 Jan 2025

https://github.com/chaos1ee/game

canvas小游戏

canvas

Last synced: 29 Jan 2025

https://github.com/partisan-games/partisan-games.github.io

Small games inspired by Yugoslav partisans

2d-game 3d-game canvas game-engine javascript threejs

Last synced: 01 Feb 2025

https://github.com/mateusfg7/nlw-return

Feedget is widget to send feedbacks to the page owner. This project was made during the Next Level Week Return: Impulse, by Rocketseat.

canvas headlessui nlw node nodemailer phosphor-react prisma reactjs tailwindcss vitejs

Last synced: 01 Feb 2025

https://github.com/aasif-iqbal/check-your-logo-on-product

Drag and Drop your custom logo on any product.

canvas css html5 javascript jquery

Last synced: 18 Jan 2025

https://github.com/briuor/minesweeperjs

A minesweeper game made with javascript(es6 syntax) and canvas.

canvas es6 es6-javascript game javascript minesweeper minesweeper-game minesweeper-javascript minesweeper-js

Last synced: 07 Feb 2025

https://github.com/gusalfonso/best-cities

Elige tu ciudad para ir de Workation!

canvas dax-languague excel microsoft-sql-server power-bi

Last synced: 18 Jan 2025

https://github.com/axeldotdev/pong

A basic html pong game developped for fun.

canvas game html5 pong

Last synced: 10 Jan 2025

https://github.com/en10/canvastopng

HTML canvas to PNG with node.js

canvas javascript nodejs png

Last synced: 01 Feb 2025

https://github.com/en10/ellipseblink

Simple Blink with Ellipse

canvas ellipse javascript

Last synced: 01 Feb 2025

https://github.com/abhiprasad/paint-application

A paint application created in Javascript

canvas javascript

Last synced: 06 Feb 2025

https://github.com/wlodpawlowski/web-graphics-application

"Web Graphics Application" (WGA) - it's a web-application consist of different modules and functionalities for learning Google Maps API, SVG Graphics and Web Canvas.

canvas canvas-animation canvas2d google-maps google-maps-api google-maps-javascript-api html-css html-css-javascript html-sass html-svg html5 html5-canvas svg svg-animations svg-files svg-icons svg-images svg-path svg-sprite svg-sprites

Last synced: 24 Jan 2025

https://github.com/lomirus/chaos

🌈 what the hell is this?

canvas fun fuzzy wtf

Last synced: 06 Feb 2025

https://github.com/aleksandrhovhannisyan/raycasting-js

Demo of 2D and 3D raycasting in JavaScript using an HTML canvas.

canvas demoscene gamedev javascript raycasting

Last synced: 25 Dec 2024

https://github.com/cdaein/sketch-wrapper-examples

A collection of example sketches created with sketch-wrapper

canvas creative-coding generative-art ogl typescript

Last synced: 06 Feb 2025

https://github.com/emurenmrz/canvas-effect-demo-js

Demo of effects processing in HTML5-CANVAS.

canvas javascript post-effect

Last synced: 24 Dec 2024

https://github.com/konojunya/canvas-to-twitter

[CODE SANDBOX] Canvas image upload to twitter using twitter api.

canvas codesandbox html-canvas sandbox twitter twitter-api

Last synced: 23 Dec 2024

https://github.com/sayan-maity/zocket-assignment

React Canvas editor

canvas reactjs tailwindcss

Last synced: 17 Jan 2025

https://github.com/cloudwerxlabs/quantum-particle-animation

🌌 An interactive quantum particle simulation creating mesmerizing visual effects with HTML5 Canvas. Features real-time physics, quantum-inspired behaviors, and stunning visual effects including vortexes, black holes, and time dilation. Built with vanilla JavaScript for maximum performance and compatibility. Perfect for creative coding enthusiasts

animation background canvas css html html5 javascript particles quantum

Last synced: 12 Dec 2024

https://github.com/luizfelipedasilva678/drawing-app

Drawing app 🎨 made with HTML5 Canvas and Typescript

canvas typescript

Last synced: 17 Jan 2025

https://github.com/singhayush1260/visual-edit

This application allows users to upload images and perform various manipulations such as cropping, rotating, resizing, scaling, adding text overlays, emojis, applying filters, and adjusting brightness, contrast, and hue.

canvas color-matrix frammar-motion react react-easy-crop react-emoji-picker react-red react-router-dom redux resizable sass

Last synced: 07 Feb 2025

https://github.com/incrypto32/one-canvas

A collaborative canvas on Harmony One blockchain

blockchain canvas ethereum harmony-one one pixel-art solidity

Last synced: 07 Feb 2025

https://github.com/zxb1655/canvas-draw

一个简单的在线画板，基于 Canvas 和 JavaScript 的小demo

canvas html javascript

Last synced: 23 Dec 2024

https://github.com/vantaboard/canvas-cli

🎓 CLI application for Canvas messaging

bash canvas messaging python

Last synced: 09 Feb 2025

https://github.com/muskanmi/flappy-bird-game

A simple Flappy Bird Game made using Javascript and HTML Canvas.

canvas css html javascript

Last synced: 23 Dec 2024

https://github.com/ebrahimmfadae/draw-curved-path

Connect an airplane from its estimated location to destination airport through a curved line

bezier-curve canvas path-drawing

Last synced: 17 Jan 2025

https://github.com/rayzler/paint

Una aplicación sencilla para dibujar usando canvas.

canvas canvas-painter javascript website

Last synced: 05 Feb 2025

https://github.com/yoannchb-pro/tetris-ts

Implementation of the tetris game in typescript.

canvas canvas-game game javascript tetris typescript

Last synced: 05 Feb 2025

https://github.com/yoannchb-pro/jimg

Merge multiple images into one single image

canvas compression format image image-processing join merge nodejs resize-images truncate

Last synced: 05 Feb 2025

https://github.com/remcostoeten/inspiration-storage

A place to store any inspiration I come across related to web-development, especially frontend/design.

canvas excalidraw inspiration nextjs personal-projects storage zustand

Last synced: 23 Jan 2025

https://github.com/egebilecen/joystick-canvas

Joystick application for canvas.

canvas html5 javascript

Last synced: 05 Feb 2025

https://github.com/dariush-hassani/react-candlestick-chart

High performance, lightweight and interactive candlestick chart using the <canvas> tag, D3 and React.

candlestick-chart canvas canvas-api canvas2d chart charting-library d3 d3-visualization d3js datavisualization html5-canvas html5-charts react

Last synced: 19 Jan 2025

https://github.com/venky-123-debug/esignature

Demonstrated eSignature app using svelte, tailwind where user can draw their signature in signature panel and download the signature.

canvas canvas-element svelte tailwindcss

Last synced: 23 Dec 2024

https://github.com/girkovarpa/text-on-image

https://stackoverflow.com/questions/62356929/text-inside-image-click-to-the-link-given-below-to-see-what-i-want-to-achieve

canvas draw image text

Last synced: 24 Jan 2025

https://github.com/zoetian/wheres_waldo

🔎 Canvas web game with sound effects

assembly-x86 canvas vanilla-js waldo

Last synced: 19 Jan 2025

https://github.com/gmpsankalpa/fireworks

Fireworks animation using CSS canvas. 🎆🎇

canvas css fireworks-animation html javascript

Last synced: 17 Jan 2025

https://github.com/gregzanch/marker

A simple collaborative white board application written in Go + Svelte

canvas collaborate drawing go golang sharable svelte typescript websockets

Last synced: 05 Feb 2025

https://github.com/theemperorofdaiviet/platform-game.canvas

Another version using Canvas of the original Platfrom Game.

canvas css3 game html5 javascript

Last synced: 08 Feb 2025

https://github.com/mauroreisvieira/fire-canvas

Implementation of Filipe Deschamps Canvas video.

canvas canvas2d css fire html javascript

Last synced: 23 Dec 2024

https://github.com/jledentu/react-brush-canvas

A canvas component with drawing tools for React

canvas drawing react

Last synced: 24 Jan 2025

https://github.com/process1024/vue-canvas-renderer

canvas渲染器，在vue里随意操作canvas里的元素

canvas vue

Last synced: 08 Feb 2025

https://github.com/xgqfrms/front-end-web-interview-guide

Front End Web Interview-Guide 🚀 Web 前端面试指南(面经)

canvas css css3 es6 front-end guide html html5 interview javascript svg web web-api

Last synced: 07 Feb 2025

https://github.com/kauefraga/online-game

🦎 A simple multiplayer square game to work with canvas + websockets.

2d canvas game websock

Last synced: 08 Feb 2025

Canvas Awesome Lists
knowledge 569 awesome-canvas 304 awesome-web-visualization-frameworks 57 awesome-web-graphics 102 creative-coding-resources 48
Canvas Categories
Uncategorized 562 Libraries 245 Tutorials 34 💄 CSS 20 Articles 20 🌎 Web Graphics 20 🌈 ETC 19 Books 17 🤹‍♀️ WebGL 14 Talks 12 Plugins 10 🎨 Canvas 8 🕹 DOM 6 Courses 5 Resources Website 5 License 4 📐 SVG 2 Contributions 1 Contributor 1