Questions tagged [canvas]
Canvas is a drawing element introduced to web development with HTML5.
 186 questions
 
 - Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
 
 10
 
 votes
 
 
 
 3
 
 answers
 
 
 
 2k
 
 views
 
 
 
 
 
 A Rubik's Cube game in Python
 I implemented this Rubik's Cube game in Python, using Canvas and Context2d for user interaction. This was mainly an exercise in &...
 
 
 
 
 
 6
 
 votes
 
 
 
 5
 
 answers
 
 
 
 398
 
 views
 
 
 
 
 
 Gomoku game 5 in a row. Javascript simple game Canvas
 Gomoku ★★★ (Tic Tac Toe)
There are many Gomoku (5 in a row) game projects on the Internet.
The scripts of these projects are freely available. Having analyzed them, I created my own
game code based on ...
 
 
 
 
 
 3
 
 votes
 
 
 
 1
 
 answer
 
 
 
 102
 
 views
 
 
 
 
 
 A JavaFX canvas - based UI view component for representing data points in three dimensions
 I have this pie chart. It encodes data points in three dimensions, which are encoded via
sector radius,
sector angle,
color intensity of the sector.
How it looks like?
(See here.)
Code
...
 
 
 
 
 
 2
 
 votes
 
 
 
 1
 
 answer
 
 
 
 128
 
 views
 
 
 
 
 An extended JavaScript plugin for rendering radial pie charts
 (This post is the continuation of A JavaScript plugin for rendering radial pie charts.)
(See the continuation of this post.)
Now, you can mark up the radial pie charts via XML:
...
 
 
 
 
 
 3
 
 votes
 
 
 
 1
 
 answer
 
 
 
 119
 
 views
 
 
 
 
 A JavaScript plugin for rendering radial pie charts
 (See also An extended JavaScript plugin for rendering radial pie charts.)
I have this JavaScript plugin:
rodde-radial-pie-chart.js:
...
 
 
 
 
 
 0
 
 votes
 
 
 
 1
 
 answer
 
 
 
 123
 
 views
 
 
 
 
 
 Comparing video recording algorithms in Java: no-compression vs. naive diff compressor
 Usage of the program is in Facebook.
Intro
In this JavaFX program, a user is presented with a white canvas with a black circle at the center of the canvas. Then, the user has 10 seconds to record a ...
 
 
 
 
 
 4
 
 votes
 
 
 
 1
 
 answer
 
 
 
 299
 
 views
 
 
 
 
 Snake game using Canvas API
 Edit 2: For anyone interested, you can play the game at buggysnake.com
Edit 1: I have typed up the code for making the body of the snake move. It's not perfect and there are small problems I need to ...
 
 
 
 
 
 0
 
 votes
 
 
 
 1
 
 answer
 
 
 
 126
 
 views
 
 
 
 
 
 Create and store the level data for a remake of Super Mario Bros game
 I am trying to remake Super Mario Bros. in JavaScript and I am trying to figure out if there is a more efficient/shorter way to create and store the level data. I have created 1-1 and here's what the ...
 
 
 
 
 
 8
 
 votes
 
 
 
 2
 
 answers
 
 
 
 963
 
 views
 
 
 
 Python - Tkinter - Infinite Canvas World for drawing apps
 We have worked an idea out that seems to have a wide usecase and there seems to be no examples for it on the web for python tkinter. Having unlimited space to draw can be crucial and can be done wrong ...
 
 
 
 
 
 4
 
 votes
 
 
 
 2
 
 answers
 
 
 
 208
 
 views
 
 
 
 
 
 Python Tkinter UI Pattern Password Code
 This post is less of a question and more of a hope for people to see my code which I know is far from great and give me some direction or simple tips on improving the quality of it.
Normal Stud:
...
 
 
 
 
 
 0
 
 votes
 
 
 
 0
 
 answers
 
 
 
 71
 
 views
 
 
 
 
 I've coded a javascript snake game, but i'm not sure if i've used module pattern correctly
 I've wrapped everything inside a gamecontroller, so that everything is private, was this a good idea? that was my first time using oop and module pattern. also the code is in a good shape, or must be ...
 
 
 
 
 
 1
 
 vote
 
 
 
 1
 
 answer
 
 
 
 362
 
 views
 
 
 
 
 
 How to optimize loops drawing canvas pattern?
 I have the following function that draws a canvas pattern. It works so slow when canvas size bigger then 512x512.
...
 
 
 
 
 
 1
 
 vote
 
 
 
 2
 
 answers
 
 
 
 2k
 
 views
 
 
 
 
 Animate circle using Javascript and HTML5 Canvas
 Animate circle using Javascript and HTML5 Canvas. The circle will be drawn at the center of the canvas. The initial radius will be 0 and will keep on increasing till 100 and then decrease till 0 and ...
 
 
 user avatar
 
 
 user245050
 
 
 
 
 
 
 2
 
 votes
 
 
 
 1
 
 answer
 
 
 
 195
 
 views
 
 
 
 
 Draw triangles on the HTML canvas optimization
 There is a function that draws triangles on the canvas area in each lines:
...
 
 
 
 
 
 2
 
 votes
 
 
 
 1
 
 answer
 
 
 
 143
 
 views
 
 
 
 
 Generate Multiple Instances of Canvas-based UI Object
 Background
I'm interested in implementing a small script to display multiple independent instances of a Canvas-based control on one page. The ultimate intention is to add many similar controls to the ...