William Ngan williamngan
williamngan
/ pt-start-guide-empty.html
Last active
August 31, 2015 02:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Pt - getting started</title> | |
| <script type="text/javascript" src="http://williamngan.github.io/pt/dist/pt.min.js"></script> | |
| </head> | |
| <body> | |
| <div id="pt" style="width: 500px; height: 500px;"></div> | |
| <script type="text/javascript"> |
williamngan
/ pt-start-guide-space1.html
Last active
August 7, 2016 09:08
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Our exciting code | |
| space = new CanvasSpace("#pt") | |
| </script> |
williamngan
/ pt-start-guide-space2.html
Last active
August 7, 2016 09:09
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Our exciting code | |
| space = new CanvasSpace("#pt").setup( {bgcolor: "#f1f1f1"} ) | |
| </script> |
williamngan
/ pt-start-guide-dot1.html
Last active
August 7, 2016 09:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Our exciting code | |
| space = new CanvasSpace("#pt").setup( {bgcolor: "#f1f1f1"} ) | |
| form = new Form(space) | |
| dot = new Point( 250, 250 ) | |
| bot = { |
williamngan
/ pt-start-guide-form1.html
Last active
August 7, 2016 09:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Our exciting code | |
| space = new CanvasSpace("#pt").setup( {bgcolor: "#f1f1f1"} ) | |
| form = new Form(space) | |
| </script> |
williamngan
/ pt-start-guide-circle1.html
Last active
August 7, 2016 09:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Our exciting code | |
| space = new CanvasSpace("#pt").setup( {bgcolor: "#f1f1f1"} ) | |
| form = new Form(space) | |
| dot = new Circle( 250, 250 ).setRadius( 50 ) | |
| bot = { |
williamngan
/ pt-start-guide-time1.html
Last active
August 31, 2015 01:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Previous code omitted ... | |
| bot = { | |
| animate: function( time, fs, context ) { | |
| form.fill( "#999" ) | |
| form.text( new Point( 20, 20 ), "frame rate is "+(1000/fs) ) | |
| form.fill( "#5AF" ).stroke( false ) |
williamngan
/ pt-start-guide-circle2.html
Last active
August 31, 2015 01:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Previous code omitted ... | |
| another = new Circle( 100, 100 ).setRadius( 50 ) | |
| bot = { | |
| animate: function( time, fs, context ) { | |
| // Previous code omitted ... | |
| form.fill( false ).stroke( "#fc0", 5 ) |
williamngan
/ pt-start-guide-mouse1.html
Created
August 31, 2015 01:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Previous code omitted ... | |
| bot = { | |
| animate: function(time, fs, context) { | |
| // Previous code omitted ... | |
| }, | |
| onMouseAction: function(type, x, y, evt) { | |
| // Code to track mouse actions will go here |
williamngan
/ pt-start-guide-mouse2.html
Created
August 31, 2015 01:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| // Previous code omitted ... | |
| bot = { | |
| animate: function(time, fs, context) { | |
| // Previous code omitted ... | |
| }, | |
| onMouseAction: function(type, x, y, evt) { | |
| if (type == "move") { |
OlderNewer