Software Engineering Stack Exchange
Software Engineering Stack Exchange

Questions tagged [canvas]

26 questions
9
votes
2 answers

Javascript MVC application design (canvas)

I'm having difficulty grasping how to structure/architect a canvas application using an MVC like approach in Javascript. UI will be fairly fluid and animated, the games fairly simplistic but with heavy emphasis on tweening and animation. I get how…
wigglyworm
  • 93
  • 1
  • 5
5
votes
2 answers

Scripting custom drawing in Delphi application with IF/THEN/ELSE statements?

I'm building a Delphi application which displays a blueprint of a building, including doors, windows, wiring, lighting, outlets, switches, etc. I have implemented a very lightweight script of my own to call drawing commands to the canvas, which is…
Jerry Dodge
  • 345
  • 3
  • 12
4
votes
3 answers

Starting an HTML canvas game with no graphics skills

I want to do some hobby game development, but I have some unfortunate handicaps that have me stuck in indecision; I have no artistic talent, and I also have no experience with 3D graphics. But this is just a hobby project that might not go…
Jacob
  • 382
  • 3
  • 14
4
votes
3 answers

Open Source Licenses

I'm independently developing a physics-based game using HTML5 canvas and JavaScript; I've used no external code at all (including physics or game engines), and my code is about 5000 lines in length. The development is almost complete, and now I want…
mindoftea
  • 141
  • 3
4
votes
2 answers

Are there any frameworks available for drawing with CSS?

I realize this sounds silly. Let me explain: I just came across this page about using CSS elements to create shapes- square, circle, triangle, star, yin-yang (yin-yang!), etc. using pseudo elements. Having struggled with HTML5 Canvas drawing in the…
Matt Cashatt
  • 3,315
  • 5
  • 24
  • 35
3
votes
3 answers

Logic behind an 'undo' for painting on a canvas

I'm working on a module that allows users a basic paint function. I want to support undoing any modifications done to the painting surface. Assuming that we have one layer (for the sake of simplicity), what is a reasonable way to store painting done…
Water
  • 356
  • 1
  • 12
3
votes
2 answers

Repetitive Drawing in Javascript & Canvas

Creating an HTML5 page using canvas and javascript to draw a set number of musical staves on the page, spaced a pre-determined amount in between. What I have is re-drawn on top of the canvas 10 times, and what I really need is something that's…
user1248
3
votes
1 answer

Any resources or books to build VNC client

I am very interested in network programming and I want to build a VNC client for fun and for learning purposes. I have been Googling for resources about VNC client and server, but most of time, resources found were about how to use VNC not how to…
Jason
  • 215
  • 2
  • 11
1
vote
0 answers

How do I make Design Templates like Canva Templates that are unique but can be modified & exported as an image? Should I use Canvas or WebGL?

Canva has Templates that are unique & can be easily modified by anyone & replaced with their own text, images, etc... I want to build something like that. I have multiple options to use but don't know which one is good or which one is fast enough to…
deadcoder0904
  • 119
  • 2
1
vote
0 answers

Canvas-like drawing interface for SVG?

There's lots of stuff out there comparing the HTML elements SVG and Canvas, but I'm still a little confused. I'm looking for a way to draw an arbitrary shape (like, I have a description of a shape, in coordinates, or in lines and circles, etc.). I…
tscizzle
  • 313
  • 2
  • 10
1
vote
2 answers

JavaScript function that acts on same element every time

Let's say I have a HTML/JS project which involves interaction with a canvas. Resizing, drawing, retrieving the current state, etc. Obviously I should separate these into several functions. However, I'm unsure of the best way to go with this. There…
clb
  • 521
  • 1
  • 4
  • 3
1
vote
3 answers

How to draw high-resolution images on client-side?

Any libraries, API, or tips are welcome. I am trying to draw Landsat 8 images using Canvas utility of Javascript on my browser. The grayscale reflectance values for Landsat 8 bands are from minimum -32768 and maximum +32767(int16). The Canvas…
gaurav tripathi
  • 79
  • 1
  • 1
  • 4
1
vote
0 answers

Create 2D drawing with touch screen that also works in IE

I have a page the allows a user to create a signature using a touch screen or mouse. The touch screen works fine in Chrome but not in IE. Most of the time IE does not 'detect' that I am using a touch screen. We detect touch like this: if…
Dylan
  • 11
  • 2
1
vote
3 answers

Multiple Canvas in the Browser -- How to Proceed?

Here's something I wrote ages ago as Java applet. I want to convert it into JavaScript and run in html5 canvas in the browser. From what I can see, canvas makes the most sense here. (SVG / DIV techniques aren't so friendly for what I want to do.) …
zipzit
  • 119
  • 1
  • 6
1
vote
1 answer

Is possible to create and download a video file via JavaScript, only on the client side?

Is possible to create and download a video file only on the client side? Suppose that we have an animated canvas like in this JSFIDDLE. Please see this snippet: ... var stop = false; setTimeout(function () { stop = true; }, 1860); ... if (!stop)…
Ionică Bizău
  • 223
  • 3
  • 7
1
2