福野泰介の一日一創 - create every day

100均VRを100均電脳メガネにする方法! 遊びは最大の学びなり

2018/06/14
#megane #kosen 

学生の頃、たくさん遊びましたが、安価で多様なITおもちゃが無数にある現代の学生は更に遊び放題でうらやましい!

お金になるならない、役に立つ立たない、受ける受けない、そんなこと一切気にしなくていいのが遊びのいいところ。 思うがままに作ったら、誰かに見せる遊びもしてみましょう。きっと世界が広がります!

遊び場と遊ぶルールに制限なし。多少の無茶が効く学生のうちに可能性と多様性をめいいっぱい広げておくと、後々きっと便利です。

ということで、福井近辺に住んでいる学生にオススメ「学生団体with
次なる遊びの企み会議にお邪魔してプレゼントしてきた、100均VR!


なんと100均のお店、セリアにダンボールを使った組み立てカンタン「VRゴーグル」が売ってました!


レンズが2つついて、しっかり3Dで見え、ハサミを入れればWebMegane用MRゴーグルが完成。 バンドは付属しないので、何か適当なものを追加で買ってきてオリジナルデジタルメガネづくりを楽しみましょう! スマホを固定することができないので、滑り落ち防止用の何か改造も必要に応じてどうぞ。


見えないものが見えるのが楽しい、WebMegane。電脳メガネアプリ「colorsight」に、色の名前を表示機能を追加してみました。 和名の色名一覧オープンデータを作って、組み合わせると、ステキな色の名前に出会えそう。
色名一覧 - Wikipedia


ひさびさに100均、セリアに行くと、スマホグッズが充実してました!
いろいろ組み合わせて楽しく遊んでしまいましょう!

2018年、jig.jp 高専インターンのメンバーが決定しました。
今年の鯖江の夏も、大いに盛り上がりそうです。
応募してくれた学生さん、ありがとうございます!
残念ながら落選してしまった方、ごめんなさい。よかったら、またチャレンジしてください。

楽しみは創れる!

links
- WebMegane - your new digital sight / デジタルな視界 on iPhone Safari x VR goggles
- taisukef/WebMegane: Megane (eye-glasses) by WebMR - GitHub
- 電脳コイル|磯光雄監督作品

WebVRで取得可能、シンプル快適 Oculus Go controller

2018/06/10
#megane #vr #js 

2次元のテレビやスマホでは伝わらない、VR/AR/MRのスゴさ。実際体験するしかないですねっ。

アメコミ化しためがね大使まゆちゃん。視界がリアルタイムに変換されて、アメコミの世界にいった感覚になれます。・・・と、いくら書いても伝わらないのがもどかしいところ。


めがねフェスでも人気だった、Oculus Go。 自分で創りたくなるのがものづくり好きの性。シンプルながら操作性抜群の Oculus Go controller をwebアプリで取得する方法を調査。 無事、ボタンと加速度の値が取れました!

const gp = navigator.getGamepads()[0]; const corient = gp.pose.orientation; const pad = gp.buttons[0].pressed; const trigger = gp..buttons[1].pressed;

方向とトリガー、パッド部分が押されたかどうかが取得できます。(戻るキーはVRモードが終了してしまう)
* VRDisplay requestPresent した後のみ有効です


視点移動と合わせたシンプルなサンプルとしてまとめて公開したいと思います。


MRの不思議な世界、お子様たちも興味津々。ようこそプログラマブルワールドへ。


まゆちゃんも体験!


NUAGEのメガネアイス!


NUAGEは、めがねグルメグランプリ、二冠!


次回のめがねフェスではどこまで進化しているか!?


めがね大使まゆちゃんとめがね会館 in アメコミ世界

links
- Oculus Go | Oculus (スマホVRの一段上質のVR体験が23,800円!)

めがねフェス2018レポ - めがねと未来、FOLO x MapleSyrup x IchigoJamではじめる、4才からのITプログラミング体験

2018/06/09
#megane #IchigoJam #KidsIT 

めがねのあなたを産地は待っている!めがねフェス2018、開幕です

めがねとの出会い。メガネな求人コーナー。(めがね会館で働く、ITな求人も


めがねよ、ありがとう作文。めがねが良くしてくれるのは目だけじゃない。


メガネ屋さんと直接話せる、ポップアップギャラリーも大賑わい。メガネ好き集まってます!


巨大、めがねフェス!撮影スポットとして活躍


Hana道場の高校生が開発、めがねフェス合成コーナー。
neoplug体験コーナーもある「めがねxIT」コーナーはその向かい、めがね会館駐車場にて。


増永さんも気に入った!Oculus Go。鯖江のメガネ産業は未来も見てます。


さり気なくHana道場を宣伝する、六足歩行ロボFOLO
VRも、電脳メガネも、ロボットも、洗濯機だって、コンピューター。プログラミングで動いてます。
IchigoJamは、誰にでもやさしい、プログラミングへの入り口を提供中。興味持ったら、Hana道場


ロボットプログラミングに挑戦してくれた4歳児。はじめてのキーボード、気に入った様子。


ロボットはコンピューター。プログラミングで思い通りに動かせます。(接続かんたん、解説は末尾に!)


みんなめがねをかけちゃうメガネワールドメガネ。モデル:梵、加藤さん!


アメコミ風に見えるメガネ


めがね会館を見上げるとまがまがしくておもしろい。


めがね会館内では、美容健康コーナー。ルテインを計測する鯖江市長。
目にもおいしい食事オープンデータ、良さそうですね!


鯖江市から国連大使へ、SDGsスペシャルなメガネ、プレゼント!? SDGs special eyeglasses


鯖江は、国連サミットで採択された「SDGs」に取り組み、持続可能な地域モデル「めがねのまちさばえへ」。 Think Globally! Act Locally! 世界視野で、地域で行動する。外国の方、県外の方にもやさしい町、創りましょう。


毎年好評、メガリンピック


ステージイベント、めがね大使、Cutie Pai まゆちゃん


人気スイーツ、メガネマフィン


福井と言えば、日本酒。フルーツあまざけ、酒粕アイスキャンディーはお子様でも、車でも大丈夫。


ボルガライスなどご当地グルメも揃ったフードコーナー。レギュレーションは、メガネです。


メガネ好きならいろいろ楽しい、めがねフェス。今年で5年目!


東京、大阪、名古屋からもたくさん!Youはどこからきたの?Day1夕方時点


鯖江駅から徒歩10分、めがね会館(めがねミュージアム)を目印にどうぞ!


めがねフェス。6/10 日曜日、16時まで!

FOLOとMapleSyrupのつなぎ方。

1. IchigoJam Tと慎重に合体させる *Uや初代でもMapleSyrup説明書に接続方法記載!
2. FOLOの電池ボックスの赤黒をCN5の一番上(赤)と一番下(黒)へつなぐ
3. FOLOの前後歩き用モーター青黒を、青と緑のジャンパー線でOUT1,2へ
4. FOLOの旋回用モーター黒赤を、白とオレンジのジャンパー線でOUT3,4へ


あとはプログラミング!
OUT1 で前進、OUT2 で後退。
OUT16 で右旋回、OUT32 で左旋回
待つコマンド WAIT60 や、最初から繰り返す GOTO10 コマンドと組み合わせて、自由自在!


モーター2つをかんたん制御、こどもモーターボード、メープルシロップ(MaypleSyrup)
その他、おすすめ商品が揃う「ショップ一日一創」もオープン!

links
- 改造してプログラミングも楽しい!4千円6足歩行ロボ「FOLO」の組み立てとIchigoJamコントロール

Welcome to Megane World! めがねxIT at めがねフェス2018

2018/06/08
#megane #vr #swift 

Welcome to Megane World! めがねをかけないと損する時代は、もうまもなく!

一足先にスマホMRで体験、見えている人、全員が赤いメガネをかける世界。


6/9-10の2日間はステキなメガネに会える「めがねフェス2018
ステージ、グルメ、ショップ、ワークショップなど、イベント盛りだくさん!隣のめがね会館へもどうぞ!


オススメは800円から買えちゃう、各種スマホVR、ぜひ試着してお気に入りのVRを手に入れてください。
一段上のVR体験、Oculus Go も展示!
発売開始から3分で完売 Oculus Go中国国内モデル、入荷待ちは5万人以上 | Mogura VR - 国内外のVR/AR/MR最新情報


めがねxIT」ブースで体験できるメガネアプリ開発者は鯖江在住の現役高校生プログラマー!
ITの基本、プログラミングを子供も大人も学べる格安パソコン「IchigoJam」の体験コーナーもあります。限定品の販売も!?


めがねのまちさばえ!

links
- めがねフェス2018

見ている風景をアメコミ風に変換するデジタルメガネ、パックンとの再会、Innovation Tomorrow / MRで創る未来

2018/06/06
#Swift #opendata #megane 

昨年のVRフレンズ2に続き、VRな会社、フォーラムエイトさん提供のパックンの対談番組「Innovative Tomorrow ~VRが変えるあの業界の未来!~」の収録。 エンジニアなら誰もが憧れるVR、MRの世界。スマホと安いのゴーグル(1000円)があれば、意外と手軽に未来にいけます。


さすがパックン、アメコミ調が似合う!

おみやげに持っていった、iPhoneのフィルタ CIComicEffect を使いリアルタイムに視界をプログラミングで書き換える、デジタルメガネ。 探す時代から、見える時代へ。まずは外観と持続時間をがまんすれば、実用レベル。

let filter = CIFilter(name: "CIComicEffect") filter.setValue(CIImage(image: image), forKey: kCIInputImageKey) image = UIImage(ciImage: filter.outputImage!)

iOS標準のライブラリ(ソフトウェアの部品のこと)を使うだけなので、実現するプログラムもとってもシンプル!


THETAで360度撮影。空気感のそのまま保存、もう1段画質が上がってくれるとステキです。


「Innovative Tomorrow ~VRが変えるあの業界の未来!~」
放送日は未定です。

メガネのまち鯖江なので、デジタルメガネも鯖江から!
夏のインターンのネタにもいいかも。応募締切は今週末。興味ある学生、奮って応募ください!
高専インターン募集開始!鯖江を鯖江でハックしよう / バスのスピードメーターアプリ

コンパスの謎。一眼レフ、WebMegane、THETA、IchigoSodaが活躍した地区の運動会

2018/06/03
#megane #JS 

WebMegane、今いる場所と見ている方角が分かれば、現実にいろいろ情報が加えられます。
JSで方位を取得する deviceorientation を使ってみるも、どうも値が安定しない・・・。

compass」 参考:DeviceOrientation Event Specification - W3C

手元のiPhone X、北がずれたり、南と逆になったりちょっとよく分からない動作をしてますが、とりあえず、WebMegane colorsight にも組み込んでみました。 標準アプリのコンパスとのズレがなくなるような取得方法、何か別にあるのかも??(window.devicePixelRatio を使ったRetinaにちゃんと対応、スマホMRの画質も圧倒的にアップしました!)


良い天気に恵まれた地区の運動会!今回は綱引きに出場。


空き時間のテントでデモするIchigoSodaのIoT。安さがイノベーション、いろんな分野で使える、IoT!

二次元では伝わらないVR/MR。THETAで撮影した運動会・打ち上げの雰囲気をスマホVRで体験してもらう良い機会。

望遠ズームの一眼レフでとらえた町内の勇姿、スマホVRで大きくきれいに見るアプリを作るのは良さそう。

いろんな人、いろんなスマホが集う町内会、プラスITで、もっと楽しい!

デジタル色メガネで見よう colorsight - テクノロジーと高専生とアフリカと

2018/06/02
#megane #kosen #IchigoJam #codefor #JS #africa 

Code for Sabae発、WebMeganeがCode for Nerimaに飛び火。
WebMegane(色覚体験)

WebMegane、色を文字化してみました。

colorsightsrc on GitHub in JS
時計表示のおまけ付き! 簡単なJavaScriptで改造可能です!


マダガスカル、モロッコからの留学生へIchigoSodaレクチャーする高専生!


夜は高専インターンOG/OBと!

高専生による高専生のための、最高のインターンを目指す、jig.jpインターン、申込み期限間近!
学生インターンプログラム2018~全国高専生向けjig.jpインターンシップ募集開始のお知らせ~

今までの延長線上に未来なし、攻める鯖江商工会議所と常識反転メガネ

2018/05/25
#sabae #megane #js 

鯖江市内を中心に1846の会員を持つ、鯖江商工会議所の記念すべき第60回通常議員総会。

WebMegane」 JSで作ったブラウザで動くWebMeganeに、反転モードを追加
左右反転させるレンズもプログラム1行で実現できてしまう、デジタル化したメガネ。

強烈に気持ち悪い左右反転視界も、しばらく歩き回っているとなんとかなってしまう不思議。
電話も、ネットも、スマホ、「今までの常識と違う」気持ち悪さも「利便性」には叶わない。

一眼レフがデジタル化し、光学ファインダーから液晶モニター化によるミラーレスが実現したように。 メガネの世界でもレンズレス時代が訪れる。


今までの延長線上じゃだめだと開会宣言する、鯖江商工会議所、黒田会頭。


新任で阪大から来られた福井工業大学、学長で、理学博士の掛下知行さんと鯖江市長!
商工会議所、鯖江市、福井工大による産官学連携も丸10年。


鯖江商工会議所副会頭「」代表の加藤さんによる〆。


サイトリニューアルしていた「日本酒「梵」の酒蔵 | 加藤吉平商店 |


SDGsバッジとメガネバッジを付けた鯖江市長、いよいよ国連本部、ニューヨークへ!
鯖江の市長さん、ニューヨークへ行く!こどもプログラミングで地方が変わる、EDIX&自治体総合フェア!
鯖江の新しい一歩のきっかけに!

Swift4でつくるQRコードをリアルタイムに読むアプリ

2018/05/24
#swift #megane 

iPhoneの本当のおもしろさはプログラミングしないと分からない。
画像認識APIのひとつ、QRコード認識を使って、リアルタイムにQRコードが読めるアプリを作ってみました。

QRコードを認識すると、埋め込まれている文字として上書きします。
(QRコード生成アプリ qrmakeriPhone風スマホ画像素材使用)

Swift4で書く、QRコードの認識プログラムは簡単!カメラからの画像を CIDetector に渡すだけ。
画面内の複数のQRコードをまとめて認識してくれるのがおもしろい!

let detector : CIDetector = CIDetector(ofType: CIDetectorTypeQRCode, context: nil, options:[CIDetectorAccuracy: CIDetectorAccuracyHigh] )! let features : NSArray = detector.features(in: ciimage) as NSArray

まちの標識の先頭につけておき、その人が分かる文字にリアルタイムに、視界を上書きするメガネが簡単にできちゃいそうです。

現実とネットをつなぐインターフェイス、メガネ。
いよいよ実現が近づいてきました!

links
- WebMeganeでMR、JSで手軽に実現、外カメラ映像とCGをミックス!

WebMeganeでMR、JSで手軽に実現、外カメラ映像とCGをミックス!

2018/05/23
#megane #js 

MR = Mixed Reallity。CGと現実を混ぜること。

スマホとVRゴーグルで手軽なデジタルメガネを実現、WebMegane
three.jsと組み合わせて、MR化!

ひとまずシンプルな赤い画面を半透明にして合成。
現実とCGが混ざる世界ができあがった。


カメラ入力とThree.jsのCGをミックス!「redsnow - WebMeganesrc on GitHub
ただ失敗は背景のカメラは立体視非対応で、CGは立体視なので違和感あり・・・。
CGの左右視差はなしにする必要がありそう。外カメラ2つが使えれば、立体視可能にできるかも。


こちらオタマートで販売しているVRゴーグルの一番安いもの。
高いものにはついているボタンがないので、何かインタラクションを付ける場合は、視点の移動を基本にする必要がありですが、デジタルメガネ実現だけなら問題なし!

格安VRゴーグルとJSで、Let's begin to make your WebMegane!

links
- 任天堂伝説のゲーム機、バーチャルボーイ風をスマホVRとWebVRで手軽に創る
- WebMegane - your new digital sight / デジタルな視界 on iPhone Safari x VR goggles

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY 福野泰介 - Taisuke Fukuno / @taisukef / high-res profile image