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/deonvz/imagetoasciiart

Converts any picture or your live Webcam feed into ascii art. Uses Javascript, P5.js, Asciiart repository and is based on the Coding Train Challenges.

art ascii ascii-art canvas creative-coding drawing generative-art html image image-processing javascript ps5 webcam webcam-streaming webcamera

Last synced: 21 Jan 2025

https://github.com/nau7ilus/hangmanbot

🎮 The implementation of the game Hangman in the form of a Discord bot

bot canvas discord game hangman js node

Last synced: 12 Nov 2024

https://github.com/nbsp1221/canvas-calculator

Implementation of a direct manipulation calculator on canvas

calculator canvas direct-manipulation

Last synced: 16 Jan 2025

https://github.com/faizanu94/spirals

Spirals simulation in HTML5 canvas with pure JavaScript

canvas javascript

Last synced: 22 Dec 2024

https://github.com/do-me/deckgl-label-collision

A scatterplot example with deck.gl and dynamic label collision settings

canvas deckgl labelcollision scatterplot

Last synced: 16 Jan 2025

https://github.com/juleskulcsar/image-editor

minimalist image editor - javascript

canvas css html javascript

Last synced: 08 Jan 2025

https://github.com/emmmabk/flappy-bird

🐦🎮 'Adil's Bird' is a fun HTML5 Canvas game. Control the bird, dodge obstacles using keyboard keys. Clone, open index.html to play. Enhance or modify for new features! #HTML5 #Canvas #JavaScript #GameDev 🕹️🌟

canvas gamedev html5 javascript

Last synced: 20 Dec 2024

https://github.com/barbwire-1/particlesfactory

A tiny JS Canvas Particles Factory

animated canvas interactive lightweight particles

Last synced: 10 Jan 2025

https://github.com/dmnsgn/hot-red

Experiment about The Getaway album by the Red Hot Chili Peppers

canvas experiment spotify-api

Last synced: 18 Jan 2025

https://github.com/hollowman6/canvas-nest.js

A nest background drawn on canvas.(粒子网运动背景插件,仿老版知乎登录页面)

canvas nest-js

Last synced: 14 Jan 2025

https://github.com/gmartigny/fizzle.js

:large_blue_circle: Write any text in a canvas with fizzly bubbles.

animation bubble canvas html5 text

Last synced: 25 Dec 2024

https://github.com/jimeh87/pencil

A Canvas mouse / touch detection directive for Angular. It uses Bresenham's Line Drawing Algorithm to insure a smooth draw.

angular canvas library

Last synced: 11 Feb 2025

https://github.com/tigerabrodi/jirayia

A small drawing app to practice canvas.

canvas netlify solidjs typescript

Last synced: 08 Jan 2025

https://github.com/hiteshsahu/android-merge-bitmaps-with-glide

Android Loading, cropping and merging Bitmaps in Android Canvas

android bitmap canvas glide

Last synced: 09 Jan 2025

https://github.com/neo/tilting

:art: Tilt to draw

accelerometer art canvas draw phone socket-io tilt

Last synced: 27 Jan 2025

https://github.com/p-chan/zakkin.js

zakkin.js is a heatmap display library

canvas heatmap

Last synced: 08 Feb 2025

https://github.com/farab-hussain/engin-site

An impressive 3D animated website built with HTML, CSS, and JS, inspired by Magma Awwwards design. It features captivating scrolling animations using the Canvas API, delivering an immersive and modern user experience.

canvas css html javascript

Last synced: 22 Jan 2025

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

WordPress open graph image generator

canvas node

Last synced: 12 Jan 2025

https://github.com/richeyphu/dechroma.js

Chroma keying for canvas-manipulated video

canvas canvas2d chroma-key javascript library npm npm-package typescript utility

Last synced: 07 Jan 2025

https://github.com/gaozhenqiang/tankedazhan

一个简单的坦克大战小游戏,实现其基本功能,技术栈,canvas + ts + webpack

canvas canvas-game css game html typescript

Last synced: 26 Jan 2025

https://github.com/peteee/threejs-figma-svg

Load your SVGs from Figma with ease into a ThreeJS 3D Scene

3d canvas canvas-animation figma figmadesign three-js threejs

Last synced: 07 Jan 2025

https://github.com/zmofei/mindmaps

A canvas based mindmaps

canvas mindmap mindmaps

Last synced: 29 Jan 2025

https://github.com/teresaromero/trick-or-treat-game

Ironhack Project #01. HTML,Canvas,CSS,Javascript

canvas css game html5 javascript

Last synced: 15 Oct 2024

https://github.com/foo123/canvaslite

An html canvas implementation in pure JavaScript

canvas

Last synced: 22 Jan 2025

https://github.com/junaya/photo-giraffe-mini-app

否TA小程序 用来生成带有自己微信头像昵称签名的明信片

canvas javascript miniapp mpvue photos typescript

Last synced: 11 Feb 2025

https://github.com/haroldao/creative-coding-webgl

Course : https://frontendmasters.com/courses/canvas-webgl/

canvas creative-coding webgl

Last synced: 10 Feb 2025

https://github.com/juanma-gutierrez/arkanoid

Juego Arkanoid básico realizado en Canvas Javascript.

canvas canvas-game css game html javascript juego

Last synced: 11 Jan 2025

https://github.com/zm-cttae/dom-inline-style-filter

High-pass data compression filter for inline styling (embedded CSS).

archiving canvas dataurl dom image inkscape javascript screenshot svg web

Last synced: 08 Nov 2024

https://github.com/tstreamdoth/generative-art

Inspired by Matt DesLauriers's workshop on Creative Coding @mattdesl

canvas creative-coding javascript

Last synced: 29 Dec 2024

https://github.com/0xsolanaceae/canvas_filter

Filter out the information Canvas sends back to administrators

canvas privacy userscript

Last synced: 28 Dec 2024

https://github.com/nenuadrian/d3-html5-canvas-graph-network

Example code on how to create and interact with a network of nodes in a canvas element, a graph, using the D3 javascript library which is mainly build for SVG. Presumably Canvas should be faster in most cases.

canvas canvas-element d3 d3js drawing-app graph graphs html5 javascript js

Last synced: 03 Jan 2025

https://github.com/mudassir0909/analog-stopwatch

Created using HTML5 Canvas

canvas html5 html5-canvas javascript

Last synced: 06 Nov 2024

https://github.com/realign/flow-editor

✏️ A flow editor based on canvas and native javascript.

canvas editor javascript

Last synced: 28 Dec 2024

https://github.com/aiceking/selfimageloader

线程池异步加载图片,可LIFO,可FIFO加载,四级缓存(README有效果动态图)

android canvas image thread-pool

Last synced: 21 Jan 2025

https://github.com/marcbouchenoire/create-canvas-context

🎨 Create a canvas and get a rendering context from it.

canvas context offscreen

Last synced: 11 Feb 2025

https://github.com/jrie/cantop

A canvas driven desktop approach

canvas desktop drawing javascript themes web-desktop

Last synced: 03 Feb 2025

https://github.com/imgss/was

a small js game

canvas js13kgames2019

Last synced: 09 Jan 2025

https://github.com/ryan-menezes/pong

Pong é um jogo eletrônico de esporte em duas dimensões que simula um tênis de mesa. O jogador controla uma paleta (barra vertical) no jogo movendo-a verticalmente no lado esquerdo da tela, e compete contra o computador controla uma segunda raquete no lado oposto.

canvas game javascript jogo jogo-pong language-javascript pong pong-game

Last synced: 15 Jan 2025

https://github.com/AnyPlot/Graphics

👩‍🎨‍ Build your GUI based on Canvas & SVG.

canvas graphics svg visualization

Last synced: 11 Nov 2024

https://github.com/kesiev/metroidvania

Explore, fight, improve, repeat! A printable 1kb JavaScript metroidvania.

arcade-game canvas codegolfing game html5 javascript metroidvania printable

Last synced: 08 Jan 2025

https://github.com/mattcompiles/reason-asteroids

HTML canvas Asteroids clone written in reasonml

asteroids canvas game reasonml

Last synced: 07 Dec 2024

https://github.com/erenyeager101/dsa-multi-algo-simulator

We have developed a multi-algorithm simulator—a web-based platform that visualizes various algorithms in DSA course which will help in visualizing tough topics. This interactive tool will help users explore DSA concepts more thoroughly and give them better understanding.

canvas charts css html5 javascript

Last synced: 08 Nov 2024

https://github.com/nelsonkuang/play-canvas-in-vue

Play Webgl & Canvas In VueJs

canvas glsl webgl

Last synced: 16 Jan 2025

https://github.com/felipegtx/raska

:twisted_rightwards_arrows: HTML5 canvas visual directed graph creation tool (+pet animation and drawing framework)

canvas geometry-library html5 json-graph

Last synced: 11 Feb 2025

https://github.com/hcodes/qchart

QChart

canvas chart js quotes

Last synced: 24 Dec 2024

https://github.com/lancercomet/muso

Yet another photo viewer. Especially designed for manga reading.

canvas comics-reader manga-reader photo-gallery photo-viewer swiper

Last synced: 22 Jan 2025

https://github.com/ishaantek/canvaspro

The most powerful Chrome extension for Canvas Instructure 👨🏻‍🎓

bundlejs canvas chrome chrome-extension extension google instructure-canvas javascript manifest-json

Last synced: 17 Jan 2025

https://github.com/uniorunr/pixl-app

React + Redux Pixel-Art tool with the ability to export animations in GIF format.

application babel canvas css3 es6-javascript eslint firebase firebase-auth html5 html5-canvas javascript jest prettier react react-redux reactjs redux sass scss webpack

Last synced: 28 Jan 2025

https://github.com/karbassi/canvas-animation-frame

Standalone canvas frame limiter. Set the frames per second (FPS) and let it run.

animation canvas fps javascript

Last synced: 14 Jan 2025

https://github.com/gagniuc/sequence-logo-block-style-with-axes

Sequence Logo - block style with axes (native Java Script) is an alternative that provides full control over how the graphics of a Sequence Logo should look like. All the inner workings of this open source application are written in native javascript. The application is independent of the internet.

algorithms axes browser canvas dna graphics java javascript js motif motif-analysis motifs native probability proteins rna sequence-logo

Last synced: 15 Jan 2025

https://github.com/bastilimbach/arkanoidjs

ArkanoidJS is a modern JavaScript version of the Arkanoid arcade game released by Taito in 1986.

arkanoid arkanoid-js canvas game html5-canvas html5-game javascript

Last synced: 31 Dec 2024

https://github.com/bubalubs/vue-sketcher

Vue Sketcher is a lightweight and easy-to-use drawing component for Vue.js.

canvas drawing javascript lightweight sketch typescript vue vue-component vuejs3

Last synced: 10 Feb 2025

https://github.com/nt1m/canvas-filters-app

HTML 5 canvas based filters app, mainly made as an experiment, not production-ready code

canvas filters javascript webapp

Last synced: 31 Jan 2025

https://github.com/juijs/jui-graph

It is the base library of the JUI chart.

canvas javascript jui svg

Last synced: 29 Nov 2024

https://github.com/marcbperez/react-image-crop

An image cropping tool for React.

canvas react typescript

Last synced: 20 Jan 2025

https://github.com/mikhailsdv/fractal-fern-generator

JavaScript fractal fern generation and animation example.

canvas fern fractal

Last synced: 06 Nov 2024

https://github.com/semdy/h5-signature

Signature based html5 canvas

canvas drawing es6 html5 html5-canvas signature webpack

Last synced: 12 Nov 2024

https://github.com/moderrek/clock-digital-hands

Online analog clock, which instead of hands has digits arranged in the shape of hands.

4fun analog analog-clock canvas clock digital digits fun hands html javascript

Last synced: 30 Dec 2024

https://github.com/moderrek/stareater

Polish CodeFest Project. Mini-gra Star Eater polegająca na łapaniu punkcików (gwiazd) jako gracz, które poruszają według prawa powszechnego ciążenia.

canvas codefest game gravitation gravity javascript minigame physics physics-simulation poland polish star

Last synced: 30 Dec 2024

https://github.com/basemax/tictactoecanvasts

Live coding project in TypeScript Global Summit 2023 for a talk about designing the Tic-Tac-Toe game.

canvas canvas-game game game-canvas game-ts game-typescript tic-tac-toe tictactoe ts ts-game typescript typescript-game

Last synced: 09 Feb 2025

https://github.com/frectonz/gundan

A boid simulation program.

boids boids-simulation canvas canvas2d typescript vite

Last synced: 14 Jan 2025

https://github.com/mikixit/snake-game-javascript

the fantastic snake, immortal game created with javascript and html canvas.

canvas css game game-development html html-canvas javascript js js-vanilla snake-game

Last synced: 22 Jan 2025

https://github.com/cdaein/ssam-react

Use Ssam.js creative coding sketches in a React application

canvas create-ssam creative-coding react ssam

Last synced: 19 Jan 2025

https://github.com/petercunha/transform

An HTML5 game that challenges the mind!

canvas html5 webgame

Last synced: 26 Dec 2024

https://github.com/theslladev/playground-web

Projetos simples desenvolvidos junto aos estudos dos fundamentos de front-end, utilizando HTML, CSS e JavaScript de forma pura/vanilla, sem frameworks ou bibliotecas. Aborda tópicos como manipulação do DOM, Web APIs, eventos, drag and drop, arrays, objetos, funções, SVG, canvas, estrutura de repetições, formulários, entre outros.

canvas css dom-manipulation html javascript js open-source opensource playground sass study-project vanilla web-api

Last synced: 06 Jan 2025

https://github.com/akiacode/wasm-chika

WebAssembly for easy canvas manipulation

canvas chika wasm wasm-chika

Last synced: 22 Jan 2025

https://github.com/the-anton/martial-art-simulation

A online martial art simulator that perform different moves. Built using JavaScript canvas.

canvas javascript-game

Last synced: 27 Dec 2024

https://github.com/avindra/snake

:snake: minimal JavaScript snake (renders to 2d canvas)

2d-canvas canvas game javascript snake typescript webaudio

Last synced: 16 Jan 2025

https://github.com/chanran/someanimations

some little animations when learning CSS3,Canvas,SVG,WebGL

animations canvas css3 svg webgl

Last synced: 16 Jan 2025

https://github.com/splittydev/subtle

Beautiful subtle particle effects using canvas.

background canvas effect subtle vanilla-javascript vanilla-js webapp

Last synced: 01 Feb 2025

https://github.com/andrewgerez/re-fast-act

[⚠️ in-progress] A new way to use React in outdated, low-memory environments. Designed for devices, perfect for developers.

canvas reactjs reconciler typescript

Last synced: 29 Jan 2025

https://github.com/positlabs/poly-refractor

2D canvas "fly-eye" image filter.

canvas effect image-processing

Last synced: 02 Feb 2025

https://github.com/claudioantonio/territoryfrontend

Frontend for Territory game / Frontend para o jogo Território

canvas game game-development reactjs typescript websocket

Last synced: 11 Feb 2025

https://github.com/sujalxplores/react-audio-visualizer-pro

React Audio Visualizer Pro is a powerful and customizable React library designed for real-time audio visualization. It supports multiple visualization types and audio sources, including audio files and microphone input.

canvas npm-package react react-audio

Last synced: 22 Dec 2024

https://github.com/quinten/mirrored

webcam to html5 canvas experiment

canvas demo experiment html5 javascript webcam

Last synced: 22 Dec 2024

https://github.com/en10/html5fighting

A 2D fighting game in JS & Canvas

canvas fighting game js

Last synced: 05 Dec 2024

https://github.com/micahstubbs/parse-image-color

some tools for parsing dominant colors out of an image

canvas color image-processing javascript

Last synced: 24 Jan 2025

https://github.com/yunir/iad_lw3

Third semester. Internet application development. Third laboratory work.

canvas css facelets javascript jdbc jsf postgresql primefaces xhtml

Last synced: 09 Feb 2025

https://github.com/abisake3/editor-main

This project integrates Fabric.js, a powerful HTML5 canvas library, with React.js to create a highly interactive and dynamic web application for designing and editing content on a canvas.

canvas dns fabricjs lucide-react mui mui-material reactjs

Last synced: 05 Feb 2025

https://github.com/fwcd/whiteboard

2D drawing application with real-time collaboration

2d-graphics canvas drawingboard paint whiteboard

Last synced: 13 Dec 2024

https://github.com/neuralteam/exwin

Package for external drawing based on https://github.com/tfriedel6/canvas and https://github.com/go-gl/glfw.

canvas canvas2d drawing external go golang opengl windows

Last synced: 29 Jan 2025

https://github.com/btea/note

notes :fish: :zap:

canvas css html javascript node note react vue

Last synced: 06 Jan 2025

https://github.com/devloop01/canvas-image-interaction

Using HTML5 canvas to create cool hover interaction

canvas image interaction manipulation

Last synced: 20 Dec 2024

https://github.com/alirezasaadatmand/shooter-game

A game written in Python and JavaScript , mostly inspired by the "Chris Courses" YouTube channel

canvas canvas-game game javascript pygame python shooter shooter-game

Last synced: 08 Nov 2024

https://github.com/upenn/gradescope-canvas-crawler

Gradescope and Canvas Data Crawler

canvas gradescope student-success

Last synced: 23 Oct 2024

https://github.com/mxr2000/GradeScope-Canvas-Grade-Translator

a GUI Tool to Translate the grades from GradeScope to Canvas, build with ScalaFX

canvas gradescope javafx scala scalafx

Last synced: 23 Oct 2024

https://github.com/leonlaser/p5js-starfield

A starfield animation inspired by the windows 95/98 screensaver, with additional movement control on click and hold.

canvas html5 javascript p5js p5xjs screensaver sketch starfield

Last synced: 29 Dec 2024