paper.js
6角形のライフゲームvar width = view.viewSize.width;var height = view.viewSize.height;var cellSize =8;var sides = 6;var widthNum = Math.floor(width/(cellSize* Math.sqrt(3)));var heightNum = Math.floor(height/(cellSize*1.5));var cells = [];v…
ライフゲーム var width = view.viewSize.width;var height = view.viewSize.height;var circleSize = 12;var widthNum = Math.floor(width/circleSize);var heightNum = Math.floor(height/circleSize);var circles = [];var maxCount = 32;function defaul…
ライフゲームvar width = view.viewSize.width;var heigt = view.viewSize.height;var circleSize = 8;var widthNum = width/circleSize;var heigtNum = heigt/circleSize;var circles = [];var count = 0;var maxCount = 15;function defaultAlign(){for( v…
canvasvar raster = new Raster("test8_icon");raster.position = view.center;raster.scale(0.5);raster.rotate(45);var mouse = view.center;function onFrame( ){var distance = view.center.getDistance(mouse);raster.rotate(200/(distance+0.1));}func…
canvasvar circles = new Array();function addCircles( count ){var num = count*2;for(var i= 0;iテスト4の表示が気に入らなかったため修正版。 マウスの移動時のみ描画変更。ソース var circles = new Array(); function addCircles( count ){ var num = …
canvasvar circles = new Array();function onMouseDown( event ){var path = new Path.Circle(event.point, 60 );path.set_size = 60;path.strokeColor ="#fff";path.strokeWidth = 4;path.fillColor ="#333";var innerPath = path.clone();innerPath.scale…
画面内に複数paperscirptの記述があった場合、変数のスコープの範囲がどうなっているのかテスト。ついでにjavascriptも。以下テスト用ソース <script type="text/paperscript" canvas="scope_test1"> console.log("p1 > a : " + a); console.log("p1 > b : " + b); var a= "a"; console.log("p1 > a : " + a); </script> <canvas id="scope_test1" ></canvas>
var paths_4 = new Array();var added_4 = 1;function addCircles( ){var num = added_4;for(var i= 0;i 以前のがうまく行かなかったので作業的に少し手前に戻って、多数のpath表示テスト。 クリックでcanvas領域の中心を元にして円増加。クリックするほど、…
var paths = new Array();var num = 6;var added = 0;function addCircle( num ){for(var i= 0;i追加用ボタン paper.js内でjqueryを記述して問題ないかテスト。 数値を入力してボタンを押せば数値の分だけ円の追加。されるはずなのだがうまくいかない。次回…
var paths = new Array();for(var i= 0;ipaperscript部分の改行とタブを全て消したら、記事中にコード直接貼り付けて動作させることができた。 var paths = new Array(); for(var i= 0;i<7;i++){ var circle = new Path.Circle(new Point(i*50,50),30); circ…
var circle1 = new Path.Circle(new Point(0,0),100);circle1.strokeColor = '#101030';circle1.fillColor = "#435892";circle1.strokeWidth = 6;var prescale1 = 1;var circle2 = new Path.Circle(new Point(0,0),50);circle2.strokeColor = '#202030';circ…