いつかまた行きたい。沖縄のファミリー向けリゾートの記録
沖縄のリゾートでのバカンス。いい響きですね。でも10年以上前に旅行したあとには、なかなか沖縄に再訪できず、今回、子供が小学校入学前の旅行ということで、(多少無理しつつ)沖縄に行ってきました。
これは今回はじめて泊まったホテルの部屋から見た景色。子連れで訪れたスポットや遊んだマリンプログラムなどを紹介しつつ、安価な広角アクションカメラの軽いレビューも書きます。時期は3月末ごろです。
続きを読む備忘録:よく知りもしないJavaScriptでライブラリとか作る男の記録
ハッ。と、気づくと去年からブログを更新してない。でもなにもやってなかったわけじゃないので、 Twitterからいくつか拾って備忘録にします。
その2はJavaScript編。
Webでビジュアルプログラミング体験。まほうのハコ
ビジュアルプログラミングとテキストを使った通常のプログラミングの橋渡し的なものがあればと思って、手を出してみました。
試しに作ってみてます。
— n_ryota (@n_ryota) 2016年2月5日
プログラミングをたいけんする「まほうのハコ - P5 Visual Editor - (alpha)」https://t.co/9vBA6GgkEU#p5js #processing #プログラミング
ひらがなだけじゃなくて、わざとコードも載せて、コードを覚えるきっかけ、橋渡しになればいいなと思ったり。https://t.co/9vBA6GgkEU #p5js pic.twitter.com/jZ37Fukj0P
— n_ryota (@n_ryota) 2016年2月5日
mameblock.jsとp5.jsを使って作っています。
まだα版です。
Processing.jsを高速化
最近WebでProcessingといえばp5.jsなことも多いですが、ProcessingのJava的なコードをクラスなどもそのまま動かすならProcessing.jsの方がかなり楽です。ただtint()を使うとかなり遅いです。どのくらい遅いかというとこのくらいです。
それを高速化したのがprocessing.fast.jsです。どのくらい高速化したかというとこのくらいです。
processing.jsのtint()を一定条件のとき高速化したり、blendMode()足したりしたprocessing.fast.jsをGitHubに。https://t.co/37qNUAww1l pic.twitter.com/jeKNDbWSgE
— n_ryota (@n_ryota) 2016年3月4日
fastといっても他のグラフィックス系のJavaScriptライブラリと比べて速いわけじゃないですが、透明度だけ変えるtint()とか、ある画像の色を変えて次回も同じ色を使うときなどは速くなってます。
もともとは以前、パフォーマンス計測でProcessing.jsが異常なレベルで不憫な成績だったのを見かねて高速化したのですが、
それをベースに、色替えしたときもキャッシュしたり、ついでにblendMode()を足したり、スマホ向けにorientation()を足したりもしました。
ベースにしたProcessing.jsは1.4.1です。1.4.3あたりからスマホでのマウス(タッチ)の動作がうまくとれない感じがするので、仕方なく。
WebAudioでMinimっぽく音を再生
Processing 3は公式っぽいSoundのライブラリがあるのですが、使おうとしたらエラーになる時期が続いていた(最新版では治ってるかも?)ので、いまのところMinimを使っています。
で、Minimでplay()とかtrigger()とか使って再生するようなシンプルなプログラムをWebで動かすとき用にp.minim.jsというライブラリを作りました。いまのところ基本的な再生とか位置取得ぐらいの単純機能のみです。
ブラウザでminimのplay()やtrigger()的に音を再生できるp.minim.jsを作ってみた。
— n_ryota (@n_ryota) 2016年3月7日
GitHub https://t.co/X2r9JyjyHJ
サンプル https://t.co/Ryf3zIteQp
WebAudioを使ってます。 #HTML5
p.minim.jsサンプルを修正。iOS / Androidでも動くはず。https://t.co/Ryf3zIteQp
— n_ryota (@n_ryota) 2016年3月8日
(タッチの反応が変なので、一緒に使っていたprocessing.jsを1.4.1にダウングレード) pic.twitter.com/DhYMnpv5UE
WebAudioがiOSで音が歪む(リロードすると正しくなる)現象があったので、こちら(https://t.co/5wSBxiMVSc)を参考に対処してみました。 p.minim.js サンプル→ https://t.co/Ryf3zIteQp
— n_ryota (@n_ryota) 2016年3月13日
iOSではブラウザ側の制限により、タッチするまでは音が鳴らない仕様です。さらに上記のように謎の音ゆがみ現象があったので、なぜこんなことを…というダーティな対応をしています。
備忘録:Arduinoデビューしたある男の記録
ハッ。と、気づくと去年からブログを更新してない。でもなにもやってなかったわけじゃないので、 Twitterからいくつか拾って備忘録にします。
その1はArduinoという電子工作に最適なマイコンボード編。
Arduinoデビューする
P5erもすなるArduinoというものを電子工作弱者もしてみんとてするなり。ということで、「Arduinoをはじめよう 互換キット UNO R3対応互換 基本部品セット20 in 1」を買ってみた。 https://t.co/DGnRHxuVQ0
— n_ryota (@n_ryota) 2015年11月14日
妙な部品がいろいろあったので、Lチカだけよりモチベーション保てるかなと思って。4桁LEDとか、ステッピングモーター、傾きセンサー、赤外線リモコン、etc. ただ、ノープランだけど。
— n_ryota (@n_ryota) 2015年11月14日
(本がまだ届いてないので)ひとまずドットインストールのArduino講座を一式やったところ、物凄く簡単にできてて、感心しました。https://t.co/LmHxaRXcCd
— n_ryota (@n_ryota) 2015年11月14日
LEDを光らせる
ひとまず、Arudinoで明るさにあわせてLEDを光らせてみた。(こういうつなげ方でいいのだろうか…全然理解してない) pic.twitter.com/edJCvFAQbt
— n_ryota (@n_ryota) 2015年11月21日
Arudino買ったので、ひとまず明るさにあわせてLEDを光らせてみた図 https://t.co/MVp87UGzsV
— n_ryota (@n_ryota) 2015年11月21日
Vineの方は分かりやすく暗闇で撮ってみたものです。しかしArduinoはこんな初心者にも優しくてありがたい。
— n_ryota (@n_ryota) 2015年11月21日
何回かArduinoのスペルミスしてるけど、まぁ互換機だからいいか(いや、すみません)
— n_ryota (@n_ryota) 2015年11月21日
サーボモーターで冷蔵庫(のおもちゃ)を開ける
Arduinoでマイクロサーボと光センサーで無意味にレゴの冷蔵庫を開け閉めする図 https://t.co/4xnwMx7eeD
— n_ryota (@n_ryota) 2015年11月23日
この雑すぎる工作を見ればある意味勇気が出るかもしれない。
— n_ryota (@n_ryota) 2015年11月23日
電光掲示板を使う
ArduinoでLCDに電光掲示板っぽく文字を表示する図 https://t.co/6x13P5XwfX
— n_ryota (@n_ryota) 2015年11月24日
残像があってスクロール中に読みづらかったので、いっそのこと高速スクロールさせて停止させる感じに
— n_ryota (@n_ryota) 2015年11月24日
あとLCDのprint命令で文字列表示させても、Webのサンプルと違ってなぜか先頭の1文字しか表示されなかったので、一文字ずつprintするという無駄っぽいことをやって無理やり文章を表示しています…
— n_ryota (@n_ryota) 2015年11月24日
そのあと忙しくなって、まだ他の部品は使ってないけど、楽しいです! ただ「なにを作るか」って発想が、ソフトウェアを作るときと違って、パッと出てこないので、もっと経験値が必要かなぁと思いました。
遠い昔、はるか彼方の銀河系で…3DスペースシューティングをProcessingで作ろう:改造編
毎年恒例、Processingをテーマにした技術系アドベントカレンダー「Processing Advent Calendar 2015」に今年も参加しました。いつもみなさんの記事を読むのを楽しみにしているのですが、自分の記事は土壇場で作るので、毎回結構冷や汗をかいています。
さて、12月のイベントといえばクリスマーーいや、今年は新作が公開されたばかりのスターウォーズでしょう! でも「チケットはあるのに見るのはまだ先」になりそうなこの気持ちは、プログラムにぶつけるしかない!
そんなわけで、今年は(余裕がなかったので)以前作ったスペースシューティングを改造して遊びます。
↑これが今回作る(改造後の)プログラムのスクリーンショットです。
続きを読む車で那須旅行&子連れで那須の秋キャンプってどうなの?
今はもう冬な感じですが、10月初旬頃にコンパクトカーを借りて那須旅行、秋キャンプをしたので、写真でざっくり紹介します。春キャンプも似たような感じかな? 那須やキャンプ、子連れの旅行に興味がある方は、参考までにどうぞ。
家族とキャンプをするにあたって以前キャンプしたコテージ→今回のようなテントと順をおって進めたのは、(気持ちの)慣れとか、道具のそろえ方としてとてもよかったなと思います。
続きを読む仕事も家庭も趣味も充実。小さな約束って何だ?
今年の夏8月27日(木)にCEDEC2015というゲーム開発者向けイベントのショートセッションに登壇しました。
ゲーム開発を仕事としている日々の中で、やってよかったと思えたパーソナルワーク(個人制作)の手法を、失敗談やコツを交えつつ紹介する、という内容。
スライドを事例動画3本付きで公開!
それで、そのときのスライドをスライドシェアで公開しましたのでお知らせ。途中に3本ほど短い動画も挟まっています。
やりたいことがたくさんあるけど続けるのが難しくて困ってる方、本を書くことやプログラミングに興味があるんだけど大変そうだしという方、仕事も家庭も趣味も大事なんだ! といった方のお役に立てると嬉しいです。
準備は大変だった
内容を盛り込みすぎて30分の講義に収めるのが大変でした。
これが2回目のCEDEC登壇でしたが、今回は対人のリハーサルをあまりできず、ひとりでぶつぶつ言って時間を計ってたら全然収まらず、あとスライドを6枚カットして、ここは20秒以内で進めて…とかひたすら削ってました。
1時間で申請しておけばよかった……。
それで、ライブコーディングもやろうと思っていたけど、絶対無理な時間だったので、早回し動画にしてライブで解説を入れました。
パーソナルワークのすすめ (事例2)5分プログラミング - YouTube
これは講演後、公開用にMacBookAirの内蔵マイクで録ったのですが、途中から排熱のファンがうなりをあげて大変だったという…やっぱ、こういうのには専用マイクがほしいですね。
実際の講義は幸いなことに暖かく見守っていただけて、笑いもあり、アンケートでも8割型満足していただいたり、役に立ちそうと思っていただけたようで、今回もやってよかったです!!(ありがとうございました)
オマケ:CEDEC2012の講義
ちなみに、はじめてCEDEC2012で登壇した時の「ゲーム作りに役立つ! デジカメプロトタイピング」もスライドシェアで公開してありますので、デジカメを使ったゲームの試作に興味がある方はこちらもどうぞ。