Fixes iOS6 Safari's image file rendering issue for large size image (over mega-pixel), which causes unexpected subsampling when drawing it in canvas.

A canvas on which you can draw anything with ease before drawing the pixels on your small hardware display.

Lightweight, high-performance WebSocket server for No Man's Canvas, the pixel drawing game.

Pixel art drawing canvas for working with Exquisite Graphics files

Cursed Pixels contains the source code for a basic canvas drawing application built using HTML and JavaScript. The application allows users to draw on a canvas element, change brush colors and sizes, and load images onto the canvas.

A drawing tool made in vanilla JavaScript, HTML and CSS

🎨A Canvas based pixel drawing board

A Javascript canvas library for drawing isometric pixel art

A javascript library for drawing images to the canvas with reverse pixel mapping using WebGL.

React and WebSocket based client for No Man's Canvas, a pixel drawing board that anyone can modify in real time.

🧠 OCR Neural Network A handwritten digit recognition system built from scratch using a simple feedforward neural network. Accepts 28×28 pixel grayscale inputs and classifies them into digits (0–9). Includes training, prediction, and a web-based drawing canvas.

Paxel motion framework enables drawing pixel art and create motion designs with html canvas.

A library to perform various imaging tasks, such as drawing any file as a series of pixels, or combining many images into a single image or zoomable canvas.

a canvas for drawing pixel art

A canvas-based pixel art drawing program that will let you easily share your drawings with others.

A pixel art creation app with a unique dual-layer canvas system. Draw crisp pixel art and add fine vector details on a smooth overlay layer. Built with React, Vite, and Tailwind CSS. Features 8+ drawing tools, advanced color system, project management, and multi-format export (PNG, SVG, JSON, HTML). ✨

A highly experimental, Python-based Snake game that literally uses your Windows desktop icons as the snake! Eat icons to grow longer, and navigate your desktop grid to win. Instead of drawing pixels on a canvas, this script uses pyautogui to physically drag your desktop shortcuts around the screen. If you manage to eat all icons, you WIN.

Project 2: Space Invader - enhanced features and utilizing design patterns For this project, students are allowed to do pair-programming but are not required. Thus, students can choose to do project 2 either individually or pair-programming. For details of pair-programming, refer to Pair Programming The pair-programming team has an additional requirement specified in "E. Additional Requirement of Pair-programming Team" A. Overview of Program Requirements Your code must be based on Lesson 7. No credits will be given if your code is not based on Lesson 7. The key structures of Lesson 7 student should keep include (but is not limited to): The way Java GUI window is created and initialized. Use of Java GUI other than Swing (with some AWT) is not allowed. I.e., the use of JavaFX is not allowed. The use of MVC architecture: Separation codes among model, view, controller functions. The use of MyCanvas to render graphics: paintComponent() method in JPanel class represents a canvas for drawing The use of the game loop: Events of Timer provides the periodic loop to update canvas rendering and collision processing Add more features to make a better Space Invader game. Add more functionality to the gameplay. Visual changes using graphic images or adding sound effects are not counted for credits. E.g., the use of graphic image files to represent the enemy is not counted for credits. However, you may do it for your own interests. Implement 3 design patterns in the project B. Required Features to Add The enemies The enemy array goes down by 20 pixels (ENEYMY_SIZE) whenever it changes direction (hits the side walls). When an enemy reaches the bottom, the game ends (showing game over screen) Game Score and Game over Score: 10 points every time an enemy is destroyed. Display the live score updates. "You Won" if all enemies are destroyed "You Lost" if (1) one of the enemies reaches the bottom or (2) the shooter is hit 4 times by bombs - all 4 squares of the shooter get destroyed. When the game ends, the game over message ("You Won" or "You Lost") with "score: XXX" must be displayed on the canvas. The shooter As a bomb hits one of the four squares, the corresponding square is destroyed and disappears from the game scene. When all four squares are destroyed, the game ends C. Add Your Own Ideas Add your own creative ideas to enhance the functionality of the gameplay Note: Graphic image changes or adding sound effects including background music will not be counted for credits. Credits will be given as you add new features to the gameplay, and the amount of the credits will be determined by the complexity of implementation. You may borrow ideas from the original space invader game or you may add your own ideas to make the game more fun D. Implement 3 Design Patterns (1) Strategy pattern, (2) Observer pattern, (3) An additional design pattern (other than Strategy and Observer). The third design pattern must be from one of the patterns learned in Lesson 5. If not, it is not counted for credits. i.e., the third design pattern should be one of these: State, Decorator, or Builder You should implement yourself ALL participants in the corresponding design pattern. Utilizing Java libraries is not counted as an implementation requirement (e.g., the use of JButton event listener as observer design pattern). E. Additional Requirement of Pair-programming Team Implement one more design pattern (the fourth design pattern) from the ones learned in Lesson 5. Two implementations of the same design pattern is not counted. E.g., implementing Observer pattern in two places is not counted. The same requirements in item "D" apply Video Presentation Requirements Video 1: Show running program demo that you've completed "B. Required Features" Video 2: Show running program demo about "C. Your Own Ideas" Video 3: Show you've correctly implemented the Strategy pattern as follows: From running program, indicate where the Strategy pattern is utilized Show and explain the UML diagram for your implementation of the Strategy pattern Students should mannually draw UML diagrams by a software tool such as draw.io web site The use of automatic UML generator tool is NOT allowed (No credits if violated). Include classes only if they are participants of the Strategy pattern (No credits if other classes are included) In Class UML, show member variables/methods only if they are relevant to the Strategy pattern (No credits if unrelated members are included) Show and explain the source code to prove the Strategy pattern is correctly implemented Explain how your implementation meets (1) the intent of the design pattern and (2) the responsibility of each participant in the design pattern You may not get credits if your explanation is not correct. Video 4: The same as Video 3 but this is for the Observer pattern Video 5: The same as Video 3 but this is for an additional (third) design pattern Video 6 (only for the pair-programming team): The same as Video 3 but this is for the fourth design pattern. Max video length: Each video should not be longer than 4 minutes. Refer to the submission instructions below as to the places you should submit the video links. Submission Program code Download from GitHub and submit the zip file to Project2 Video presentation Post the URLs of Videos 1 and 2 at the corresponding Student Video Presentation forum (i.e., Videos 1 and 2 are disclosed to all students) Paste the URLs of Videos 3, 4, 5, (6 if pair programming) in the "Comments" box of the Program submission page (i.e., Videos 3,4,5,6 are not disclosed to students) Note: D2L keeps only the last submission if you submit multiple times. If you submit again, you should submit everything again together. E.g., submitting the code only or submitting the revised URL only is not allowed. Grading Program code and ALL videos should be submitted to get credits. If a video is not submitted, zero points will be given for the corresponding part. In videos 3,4,5,6, incorrect explanation of the design pattern implementation will cause significant penalty. Points allocation: Total of 220 points 60 points for "B. Required Features" 70 points for "C. Your Own Ideas" 90 points for "D. Design Patterns"; 30 points for each design pattern (22.5 points for each pattern if pair-programming)

A simple canvas for drawing to the screen pixel by pixel.

Digital canvas with 25,600 pixels for drawing

JS Game Library - pixel perfect drawing using canvas

A sprite editor. Users can create static or animated pixel art by drawing on a canvas and adding multiple frames. Animations can be exported as GIF's. (C++, Qt, Qt Creator)

A small canvas to create figures and drawings in pixel art style

[SHUTDOWN] A web and mobile app combo for drawing on shared pixel canvases

This is an interactive canvas that applies a pixel rain effect to an uploaded image, drawing it onto the canvas.

Nord Pixel is a ReactJS pixel drawing web application, where you could create an art piece with pixels on a canvas and save it on your computer.

PixelPuppet is a pixel art drawing tool that supports layers, multiple brush types, and canvas resizing. It allows users to import, export, and create pixel art with customizable tools in a user-friendly interface.

Drawaria CanvasPic is a Python script that automates the process of drawing an image on the Drawaria online canvas using Selenium and JavaScript. The script downloads an image, processes its pixel data, and then uses Selenium to interact with the Drawaria website, injecting JavaScript to draw the image pixel by pixel on the canvas.

Pixel Art website. It is a web canvas where the user can make drawings by painting the pixels, and at the end they can download the image. It was created using HTML, CSS and JavaScript, based on a design brief.

A real-time multiplayer drawing application that enables users to collaborate on a shared pixel canvas. Paint together, create art, and watch as your collaborative masterpiece comes to life in real-time!