Questions tagged [canvas]
Canvas is a drawing element introduced to web development with HTML5.
168
questions
2
votes
0answers
50 views
Canvas Drawing / Bucket Filing Kotlin
I have completed a solution for the below problem and uploaded it in Git Repo. I would be grateful if somebody can review in term of code quality, design and Kotlin language usage.
Repo
You're ...
1
vote
0answers
30 views
Moving square on a canvas
here's my code for moving a square on a canvas. Basicly I'm creating this thinking of some simple simulations or maybe a simple game. Would love some feedback how to optimize the code.
...
2
votes
0answers
35 views
HTML game engine within angular
I currently have a very very basic js script that runs something 30 times per second. This is later to be used in a game engine.
But now I'm not quite sure how I can best do that. This little script ...
6
votes
3answers
163 views
Performance in particles.js library
Hey I'm trying to optimise particles.js library from Vincent Garrau in order to get 60fps @ 500 particles ~.
I've already refactored the code to use a quad tree instead but it does not seem to be ...
1
vote
1answer
96 views
Chess game in JavaScript
I have created a chess game in JavaScript. Right now you can only play against another human.
...
2
votes
1answer
87 views
d3.js canvas performance
I've just rewritten this code (a simple gravitational restricted n-body simulation) to display using canvas, rather than SVG. The reason being that I'd like to be able to run it with many thousands of ...
2
votes
1answer
152 views
Plotting a parabola using Tkinter
I'm a beginner, and I have just written this basic code that simply plots a parabola in a graph.
Is it possible to make my code more efficient?
The process works by the creating lists of X and Y then ...
4
votes
2answers
241 views
Edge detection in a canvas
I have one function in my code to detect edges in a canvas but it's the slowest part of my code and is used everywhere. If I could just optimise this, my whole program would speed up considerably.
...
6
votes
2answers
559 views
Improving particle performance in P5.js
I have modified a particle system to create an effect similar to the one that I want. However, with any substantial amount of particles it performs very slowly on my laptop (around 1.7 fps at the ...
2
votes
1answer
50 views
React component to animate planets on a canvas
I wrote some JavaScript to generate some graphics on a canvas, on a regular HTML page.
I now want the same code to run in a component that is part of a React app. I've done this:
...
5
votes
1answer
66 views
JS Simple game in canvas
I'm trying to learn javascript (especially the OOP part) and made this simple game. I'm looking for advice and ways to improve my code.
Did I handle OOP well enough?
What's the best way to create a ...
6
votes
1answer
92 views
Tetris Game Javascript
I am creating Tetris in javascript. I have finished the basic mechanics. I would appreciate some feedback on how I could improve it.
Down, left, and right arrow keys move the piece while the up arrow ...
6
votes
1answer
891 views
15 Puzzle Game JavaScript
I have created a program that lets you play the fifteen puzzle game. You have to get the blocks into ascending order by moving them into the one open space. I would like some feedback on the code and ...
1
vote
1answer
57 views
Upload image without src attribute
We gave an option for user to Upload the image
Image is uploading fine, but its not adding any img src tag for that uploaded image.... Is this is acceptable to upload image without using any img tag ?...
3
votes
1answer
54 views
Monte Carlo pi animation
I have created a program that calculates pi using a Monte Carlo method. It also animates the process and displays the value as it is updated to show how it gets closer and closer to the actual value ...
2
votes
1answer
96 views
Mandelbrot Set generator
I want to reduce the big time it needed for my mandelbrot set generator to work. I'm working this for already a week.
I tried to reduce the canvas size from 400 by 400 to 200 by 200 and the speed ...
3
votes
1answer
30 views
Recamán Sequence Animation
I wrote a program that animates the Recamán sequence. It is in uses HTML canvas and JavaScript. I was hoping for some feedback on how it could be improved.
...
3
votes
2answers
892 views
JavaScript flood fill
I tried to implement a very simple color flood fill to experiment a bit with Javascript. All comments about the code are welcome but I am especially interested in performance as it seems to be a bit ...
2
votes
0answers
157 views
Simple jumping game: continue with jquery or switch to html5 canvas?
I'm coding for fun with the secret ambition of making a fun little game for mobile. So I started out building this little jumping game with Javascript and jQuery.
The game relies heavy on css ...
4
votes
1answer
134 views
Sierpinski’s Gasket Triangle in JavaScript
I wrote the Sierpinski’s Gasket Triangle in JavaScript, but I feel the code can be better, especially from L32 to L47. Could you make it more organized?
...
8
votes
2answers
470 views
Two player snake game
I created a 2 player Snake game from my original one player version. I am looking for some feedback on how I made it. I think I could use improvement when handling input (...
1
vote
2answers
92 views
Wireframe animation on canvas is slow
I'm recently working on a project that involves animation in the background. It works well on desktop but performance drops drastically on mobile. I'm using Paper.js to import a svg and animate it. ...
4
votes
1answer
105 views
JavaScript canvas Snake game
This is my 3rd JavaScript canvas game. It's basically just snake right now but I am planning on adding some more aspects to it soon. I was wondering if I could get some feedback especially on how I'm ...
1
vote
2answers
44 views
A function that generates arrays of video thumbnails using canvas
I have just finished my first version of a function that returns an array of video screenshots created with canvas. What I am looking for are ways to improve this speed by as much as possible. I want ...
5
votes
1answer
454 views
Rendering explosion of bouncing balls on a canvas
I'm making a particle engine that can spawn new explosions while keeping particles from previous ones active (until they despawn).
The code works well on its own but within the game, two or more ...
0
votes
1answer
461 views
Breaking up a simple Paint application into smaller classes
(Sorry this is a repeat post, I hadn't logged in on my initial question and am unable to respond)
I currently have a working code for a simple paint application but it is all in one file and very ...
2
votes
2answers
2k views
Javascript: Canvas drawing - storing mouse coordinates
I have a small JS application that allows a user, after clicking on a canvas, to draw a picture.
Once the user clicks the mouse, the user is allowed to drag the mouse wherever they want within the ...
4
votes
0answers
219 views
Sierpinski triangle html canvas Implementation
I wrote my Sierpinski Triangle fractal animation using html canvas with js: JsFiddle
Code:
...
6
votes
3answers
734 views
My re-written snake game in Javascript
This a snake game I wrote about 1 month ago. It's working well.
Looking for any suggestions for my code, I want my coding improved.
jsfiddle link http://jsfiddle.net/geswhvdc/
...
3
votes
0answers
24 views
Loading NRRDs, images and names of parts and segments
I am creating a program to show NRRDs which are a format of medical images. In addition it loads a gallery of thumbnails, where each thumbnail has a link to change the selected NRRD. Plus there is a ...
11
votes
1answer
216 views
2
votes
3answers
624 views
Display Thousands/Millions of different background images
Kindly help me check this code, I want to be able to make it load thousands/millions of different pictures as HTML background without crashing or slowing down the browser.
The images can be created ...
6
votes
1answer
82 views
Pong Game in JS
I am new to game development and took on the task to create a Pong replica due to my curiosity and interest in the field. I decided to write it in JavaScript because the game is not too labor ...
0
votes
1answer
288 views
Improving canvas pre-rendering [closed]
I define my canvas as you normally would, but I also include a bunch of different makeshift canvases:
...
2
votes
0answers
183 views
Inventory and stats for a game with Tkinter
It's an inventory UI and also displays the player's stats. I have been programming for a year or more and I want to improve my code.
...
5
votes
1answer
873 views
JavaScript Graphing Calculator
I have a pretty functional JavaScript based graphing calculator.
Functions like \$\space tan(x)\$, \$\space\frac{1}{tan(x)}\space\$ and \$\space x^{high\space number}\space\$ look weird, however ...
4
votes
2answers
189 views
Lorentz Attractor visualization using functional programming
I have been working on this Lorenz Attractor visualization for the past day. I am currently also trying to change my coding style into a more functional programming one.
I find it quite hard, to be ...
2
votes
0answers
61 views
App showing a welcome page with an animal's picture
I have an app which shows a welcome page with an animal's picture. Also, we can navigate to a second view, where there are two canvas, and a collapsable panel which hosts controls' inputs.
The aim of ...
1
vote
1answer
53 views
Display class containing a Canvas in a JFrame
I've been using this class for so long, I never thought about how terribly big and how bad it looks. Looking back on it, this class looks so out-of-date, and nothing explains itself; I want to get it ...
1
vote
1answer
2k views
Read an image file into a canvas and display click coordinates
I am a beginner in JavaScript, which I have started studying since Summer last year.
My code's purpose is read a file from file explorer, and put that image in a canvas. Also there is code to allow ...
2
votes
2answers
370 views
Drawing a castle and towers with acm.graphics
The following code is my solution of exercise 10 of chapter 5 of The Art and Science of Java. So here, using acm program and graphics, I need to draw a castle with two side towers and other three ...
7
votes
1answer
121 views
First Javascript program - Snakes game on HTML canvas
I'm relatively new to programming but my most familiar languages are Java, C# and Haskell and this is my first javascript program.
All the concepts used in here were just the first thing that came to ...
10
votes
2answers
628 views
Implement a Tetris game in JavaScript using HTML5 Canvas
I just wrote a Tetris game and I'd like to ask experienced people for a code review, especially in terms of code efficiency and bad coding habits, and if the code is easy to reason about.
Here is the ...
2
votes
1answer
602 views
A simple JavaScript and HTML5 Canvas drawing component
This is my first time writing a Vanilla JS plugin.
I have tried to make a simple HTML5 canvas drawing script. I have tried to handle both touch and mouse events on the canvas.
Kindly help me point ...
7
votes
1answer
344 views
Yet another flappy bird clone
This is my first game,
and I really want to improve my coding skills.
Please review my flappy bird clone implementation
and let me know how it could be optimized,
and any other coding tips.
...
3
votes
1answer
6k views
Manipulating images and text on a canvas using Fabric.js
I have a small application that allows a user to manipulate objects on a canvas with fabric.js. I'm new to JS and Fabric.js, and I'm hoping to get some direction on how I could write this neater:
<...
0
votes
1answer
53 views
How to run canvas animation without effecting other javascript code [closed]
It seems to be the case that the canvas animation affects other JavaScript functions when I use window.onload = function() {. Please let me know the best practice ...
2
votes
1answer
3k views
Redraw text on change, with automatic zooming, using fabric.js
My code works, but I think that my code is non-standard, not optimized, and has poor logic. I want to improve my coding skills, so please suggest how to improve my code.
...
2
votes
1answer
58 views
Plotting points representing many events on a canvas
I have a web app which uses Node canvas to plot points on a graph. Each point is called an 'event'. An event is an array of usually 6 'parameters' represented as numbers. My app allows users to plot 2 ...
1
vote
1answer
4k views
On right click draw triangle to the canvas
This is a simple program that using easelJS adds functionality to the right click, when the right mouse button is clicked a triangle is drawn to the screen. I am just wanting to get the opinions of ...
