じょりらぼ

野菜だったりプログラムだったり電子工作だったり

2019-08-01から1ヶ月間の記事一覧

2019年 秋野菜の準備 その1

急に秋らしくなったので。畑の夏野菜はナスを残して終了 朝からせっせと夏野菜を取り除いたり草むしったりと畑を耕しました。 今年の秋冬野菜はかぶ、だいこん、そらまめ、にんにく、白菜、キャベツ、人参かなーだいたい毎年同じだけど 白菜、キャベツは家庭…

html5で遊ぶ その3(canvasでアニメーション)【玄人向け】

前回までcontextをくるくるさせることで三角形を動かしていましたが、 contextそのものを動かさなくても描画する図形そのものを動かす方法もあります。 ※translateやrotateを使わないパターンです。難点はcosやsinが必要なぐらいですかね。 <html> <head> <script type="text/javascript"> function init</head></html>…

html5で遊ぶ その2(canvasでアニメーション)

前回は1つの三角形をくるくると回転させただけですので、 今回は複数の三角形をくるくるさせてみたいと思います。 <html> <head> <script type="text/javascript"> function init(){ var canvas = document.getElementById('field'); var context = canvas.getContext('2d'); // 1つ目の三角形 context.</head></html>…

html5で遊ぶ その1(canvasでアニメーション)

今更ながらhtml5のcanvasで遊んでみました。 canvasはJavaScriptを使うといろいろとお絵かきができちゃいます。 しかも、大抵のスマホでも動かすことができます、素敵!! (ばいばい、flash! htmlを用意する <html> <head></head> <body> <div> <canvas width="400" height="400" id="field"></canvas> </div> </body> いろいろ省いていますが超シンプルに書く</html>…