- MobileJavaStudy/SnakeBite/Spec3Source . . . . 31 matches
class SnakeBiteCanvas extends Canvas implements Runnable {
private final int canvasWidth;
private final int canvasHeight;
public SnakeBiteCanvas() {
canvasWidth = getWidth();
canvasHeight = getHeight();
boardWidth = canvasWidth - 6 - (canvasWidth - 6 - boardWallWidth * 2) % snakeCellWidth;
boardX = (canvasWidth - boardWidth) / 2;
boardY = (canvasHeight - boardHeight) /2;
g.fillRect(0, 0, canvasWidth, canvasHeight);
g.drawString("Game Over!!", canvasWidth / 2, canvasHeight, Graphics.HCENTER | Graphics.BOTTOM);
if(gameAction == Canvas.LEFT && snake.getDirection() != Snake.RIGHT)
else if(gameAction == Canvas.RIGHT && snake.getDirection() != Snake.LEFT)
else if(gameAction == Canvas.UP && snake.getDirection() != Snake.DOWN)
else if(gameAction == Canvas.DOWN && snake.getDirection() != Snake.UP)
private SnakeBiteCanvas canvas;
canvas = new SnakeBiteCanvas();
canvas.pauseCommand = pauseCommand;
canvas.restartCommand = restartCommand;
canvas.addCommand(startCommand);
- MobileJavaStudy/SnakeBite/Spec2Source . . . . 30 matches
class SnakeBiteCanvas extends Canvas {
private final int canvasWidth;
private final int canvasHeight;
public SnakeBiteCanvas() {
canvasWidth = getWidth();
canvasHeight = getHeight();
boardWidth = canvasWidth - 6 - (canvasWidth - 6 - boardWallWidth * 2) % snakeCellWidth;
boardX = (canvasWidth - boardWidth) / 2;
boardY = (canvasHeight - boardHeight) /2;
g.fillRect(0, 0, canvasWidth, canvasHeight);
g.drawString("Game Over!!", canvasWidth / 2, canvasHeight, Graphics.HCENTER | Graphics.BOTTOM);
if(gameAction == Canvas.LEFT && snake.getDirection() != Snake.RIGHT)
else if(gameAction == Canvas.RIGHT && snake.getDirection() != Snake.LEFT)
else if(gameAction == Canvas.UP && snake.getDirection() != Snake.DOWN)
else if(gameAction == Canvas.DOWN && snake.getDirection() != Snake.UP)
private SnakeBiteCanvas canvas;
canvas = new SnakeBiteCanvas();
canvas.pauseCommand = pauseCommand;
canvas.restartCommand = restartCommand;
canvas.addCommand(startCommand);
- 방울뱀스터디/만두4개 . . . . 28 matches
#ball = canvas.create_oval(x - 1, y - 1, x + CELL + 1, y + CELL + 1, fill='white', outline = 'white')
#canvas.coords(ball, x - 1, y - 1, x + CELL + 1, y + CELL + 1)
#img2 = canvas.create_oval(1, 1, 13, 13, fill='white', outline = 'white')
canvas.move("oval", speed,0)
canvas.create_line(row, col, row+speed, col, fill="red")
canvas.move("oval", -speed,0)
canvas.create_line(row, col, row-speed, col, fill="red")
#canvas.create_line(x, y, row, col, fill="red")
canvas.move("oval", 0,-speed)
canvas.create_line(row, col, row, col-speed, fill="red")
canvas.move("oval", 0,speed)
canvas.create_line(row, col, row, col+speed, fill="red")
#canvas.create_rectangle(GAP, GAP, MAX_WIDTH - GAP, MAX_HEIGHT - GAP)
#canvas.create_image(x, y, anchor=NW, image=playerImg)
# canvas.create_line(row, col+8, row + speed, col+8, fill="red")
# canvas.create_line(row + speed + 8, col+8, row + 8, col+8, fill="red")
# canvas.create_line(row + 8, col+ speed + 8, row + 8, col + 8 , fill="red")
# canvas.create_line(row + 8, col, row + 8, col +speed, fill="red")
canvas = Canvas(root, width = MAX_WIDTH, height = MAX_HEIGHT, bg='white')
canvas.create_rectangle(GAP, GAP, MAX_WIDTH - GAP, MAX_HEIGHT - GAP)
- JavaScript/2011년스터디/CanvasPaint . . . . 23 matches
<canvas id="drawLine" width="300" height="300" onmousedown="hold();"
onmouseup="release();" onmouseout="release();" onmousemove="draw();"></canvas>
1. CanvasJs.html
<title>Javascript canvas Page</title>
<script language ="Javascript" src ="canvasJS.js"></script>
<canvas id="testCanvas" width="900" height="500" style="border: 1px solid black"></canvas>
2. canvasJs.js
var canvas, ctx, tool;
var canvas1, ctx1;
dataURL = canvas.toDataURL();
canvas = document.getElementById('testCanvas');
ctx = canvas.getContext('2d');
if(!canvas){
alert("Can't find Canvas Objective!");
// canvas1 = document.getElementById('testCanvas1');
// ctx1.canvas1.getContext('2d');
canvas.addEventListener("mousedown", ev_canvas, false);
canvas.addEventListener('mousemove', ev_canvas, false);
canvas.addEventListener('mouseup', ev_canvas, false);
dataURL = canvas.toDataURL();
- MobileJavaStudy/SnakeBite/FinalSource . . . . 14 matches
class SplashCanvas extends Canvas {
class SnakeBiteCanvas extends Canvas implements Runnable {
private final int canvasWidth;
private final int canvasHeight;
public SnakeBiteCanvas() {
canvasWidth = getWidth();
canvasHeight = getHeight();
boardWidth = canvasWidth - 6 - (canvasWidth - 6 - boardWallWidth * 2) % snakeCellWidth;
boardX = (canvasWidth - boardWidth) / 2;
boardY = (canvasHeight - boardHeight) /2;
g.fillRect(0, 0, canvasWidth, canvasHeight);
g.fillRect(0, 0, canvasWidth, boardY);
g.drawString("Level : " + level, canvasWidth / 2, 0, Graphics.HCENTER | Graphics.TOP);
g.drawString("Game Over!!", canvasWidth / 2, canvasHeight, Graphics.HCENTER | Graphics.BOTTOM);
if(gameAction == Canvas.LEFT && direction != Snake.RIGHT)
else if(gameAction == Canvas.RIGHT && direction != Snake.LEFT)
else if(gameAction == Canvas.UP && direction != Snake.DOWN)
else if(gameAction == Canvas.DOWN && direction != Snake.UP)
private SplashCanvas splashCanvas;
private SnakeBiteCanvas snakeBiteCanvas;
- html5/canvas . . . . 13 matches
* IE를 제외한 모든 주요 브라우저(?)에서 사용할 수 있는 기능. IE에서 사용하고 싶으면 Explorer Canvas, uuCanfas.js 등의 라이브러리를 사용하여 제한적 기능으로 사용할 수 있다.
<canvas></canvas>
* canvas위에 그림을 그리려면 Javascript로 그리기 컨텍스트를 생성해야한다.
var canvas = document.getElementById(가져오고 싶은 canvas의 id);
* img 요소, video 요소, canvas 요소의 DOM 객체를 그릴 수 있다.
* CanvasGradient
* CanvasPattern
* http://dev.w3.org/html5/canvas-api/canvas-2d-api.html
* https://developer.mozilla.org/en/Canvas_tutorial
* [http://mugtug.com/sketchpad/ canvas로 구현된 그림판]
* [http://simon.html5.org/dump/html5-canvas-cheat-sheet.html HTML5 canvas cheat sheet]
* [http://diveintohtml5.org/canvas.html#divingin canvas에 관한 아주 자세한 설명] 어떻게 그려지는지에 대해서는 이곳에서 물어보면 대부분 해결 될 듯
* [http://efreedom.com/Question/1-3684492/Html5-Canvas-Framerate framerate 측정 코드]
- html5practice/roundRect . . . . 9 matches
<title>canvas test</title>
<canvas id="canvas"/>
* roundRect function 는 [http://js-bits.blogspot.com/2010/07/canvas-rounded-corner-rectangles.html 이용] 하였음.
var canvas = document.getElementById('canvas');
if (canvas.getContext){
var ctx = canvas.getContext('2d');
nodeDraw(ctx, "hello canvas", pt);
- WebGL . . . . 8 matches
OpenGL에서 정말 실무에서 쓰는 부분만 따로 떼어낸 OpenGL ES(Embeded System)의 Javascript 구현체이며 [HTML5] [Canvas]를 통해 나타난다. 따라서 초보자가 쉽게 배우는데에 초점이 맞추어져 있지 않고 오직 전문가가 구현을 하는데에 초점이 맞추어져 있다.
var gl = canvas.getContext("experimental-webgl");
var canvas = document.getElementsByTagName("canvas");
canvas = [].filter.call(canvas, function(element){
canvas = canvas[0];
return canvas.getContext("experimental-webgl");
- html5practice/계층형자료구조그리기 . . . . 7 matches
<title>canvas test</title>
<canvas id="canvas" width="500px" height="500px" style="background-color:gray"/>
var canvas = document.getElementById('canvas');
if (!canvas.getContext){
var ctx = canvas.getContext('2d');
- MobileJavaStudy/HelloWorld . . . . 6 matches
class HelloWorldCanvas extends Canvas {
private HelloWorldCanvas canvas;
canvas = new HelloWorldCanvas();
canvas.addCommand(exitCommand);
canvas.setCommandListener(this);
display.setCurrent(canvas);
canvas = null;
- 데블스캠프2012/셋째날/앵그리버드만들기 . . . . 5 matches
* HTML5 canvas를 이용해 앵그리버드를 만들어봅시다.
<canvas id="devilsBird" width="600" height="400" style="background:#acbefb">
</canvas>
clearCanvas();
function clearCanvas()
<canvas id="devilsBird" width="600" height="400" style="background:#acbefb"></canvas>
- 방울뱀스터디 . . . . 5 matches
# Make a Canvas
canvas = Canvas(root, width=boundx, height=boundy)
canvas.pack()
canvas.create_image(0, 0, image=background, anchor=NW)
canvas.create_text(350, 265, text='ball.pyn' '¸¸???? eeeeh')
canvas.create_polygon(100, 100, 20, 5, 50, 16, 300, 300, fill='orange')
- canvas . . . . 4 matches
//CPPStudy_2005_1/Canvas
vector<Shape*> canvas;
canvas.push_back(pObj);
for(vector<Shape*>::iterator it=canvas.begin(); it!=canvas.end();++it)
- 데블스캠프2012/셋째날/후기 . . . . 3 matches
* [김태진] - 사실 물리법칙 구현이 목표였는데, 데블스버드 만들기쯤으로 뻥튀기해 실습하였더니 좀 더 괜찮았던거 같네요. 작년 이맘때 canvas를 잘 써먹어봤는데, 신입생들도 이걸 해보고 잘 써볼 수 있기를 기원합니다. 구현에 치중된 GUI를 쉽게 짜는건 html과 javascript를 이용하는게 가장 쉽고 간단하게 이해할 수 있더라구요.
* [안혁준] - 땜방용티가 많이 났나요? 사실 canvas는 아무리 생각해도 설계를 잘못한것 같아요. 도무지 API들이 바로바로 떠오르지 않아요. 거기다가 왠지 함수 일것 같은데 문자열로 넣어줘야 하는 부분들도 있고요. 딱히 canvas는 아니지만 [https://developer.mozilla.org/ko/demos HTML5을 활용한 예제]를 보면 신선한 느낌일듯 하네요.
- 방울뱀스터디/Thread . . . . 3 matches
canvas = Canvas(root, width=400, height=300)
canvas.pack()
canvas.create_image(0, 0, image=wall, anchor=NW)
- Android/WallpaperChanger . . . . 2 matches
protected void drawHorizontalScrollBar(Canvas canvas, int width, int height) {
mScrollBar.draw(canvas);
- html5practice . . . . 2 matches
* [html5practice/roundRect] : [html5/canvas] 활용 - 이승한
* [html5practice/계층형자료구조그리기] : [html5/canvas] 활용 - 이승한
- pinple . . . . 2 matches
ajax, [websoket], [wiki:html5/geolocation geolocation], [wiki:html5/canvas canvas], google map
- SmallTalk/강좌FromHitel/강의2 . . . . 1 match
(DesktopView current canvas)
- SmallTalk/강좌FromHitel/강의3 . . . . 1 match
(DesktopView current canvas)
- html5/form . . . . 1 match
* HTML5 의 Canvas를 지원하지 않는 IE8 이전 버전을 위해 ExplorerCanvas(http://code.google.com/p/explorercanvas/) 라이브러리가 제공되듯이 HTML5 확장 폼을 지원하지 않는 브라우저의 경우 WebForm2 라이브러리를 사용할만 하다
- html5/문제점 . . . . 1 match
* HTML5는 audio, video, canvas만 알려져 있는데,
Found 22 matching pages out of 7555 total pages (5000 pages are searched)
You can also click here to search title.
