Skip to content

Instantly share code, notes, and snippets.

@nazrdogan

nazrdogan/pendulumTizen.html

Created October 1, 2013 11:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nazrdogan/6776991 to your computer and use it in GitHub Desktop.
Save nazrdogan/6776991 to your computer and use it in GitHub Desktop.
Download ZIP
Processing.js on Tizen
Raw
pendulumTizen.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="A single-page template generated by Tizen Web IDE"/>
<title>Tizen Web IDE - Tizen - jQuery Mobile - Single-Page</title>
<link rel="stylesheet" href="./css/jquery.mobile-1.2.0.css"/>
<script type="text/javascript" src="./js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.2.0.js"></script>
<script type="text/javascript" src="./js/main.js"></script>
<script type="text/javascript" src="processing.js"></script>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<div data-role="page" >
<div data-role="header" data-position="fixed" >
<h1>Single-page application </h1>
</div><!-- /header -->
<script type="text/processing" data-processing-target="mycanvas">
// mousePressed henuz tam olarak çalışmıyor
// x genlik
float x= (PI/2);
float pos;
void setup() {
size(400, 600);
}
void draw() {
background(255);
translate(width/2, height/2);
if(mousePressed){
float tan_Theta=(mouseY/mouseX);
println(tan_Theta);
println("X->"+mouseX+""+"Y->"+mouseY);
pos = (tan_Theta*cos(millis()/1600.0));
}
else{
pos = (x*cos(millis()/1600.0));
}
//translate(width/2, height/2);
stroke(0);
line(-400,0,400,00);
line(0,-400,0,400);
rotate(pos);
stroke(0);
line(0, 0, 0, 150);
fill(0, 133, 200);
noStroke();
ellipse(0, 150, 40, 40);
// println(pos);
}
</script>
<canvas id="mycanvas"></canvas>
<div data-role="footer" data-position="fixed" >
<h4>Footer content</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment