精華大学 デジタルクリエイションコース 授業用資料リンク集(2016)

精華大学 デジタルクリエイションコース 授業用資料リンク集(2015)

精華大学 デジタルクリエイションコース 授業用資料リンク集(2014)

空間演出

ゲーム・遊具

デバイス開発

プロジェクションマッピング

イベント演出

パフォーマンス

コンセプト/アートプロジェクト/サービス

精華大学 デジタルクリエイションコース 授業用資料 センサー系キーワード集

あくまでブレスト用のキーワードなので、詳しくはGoogle先生に。

Flashによるセンシング

Webカメラ

  • モーション量の検出
  • 動体検知
  • 色の抽出
  • 顔認識
  • マーカー認識
  • AR

マイク

  • 音量の検出
  • 周波数解析(フーリエ変換)

Kinect

  • 深度(距離)情報の取得
  • ボーン情報(スケルトン)の取得

iPhone

  • カメラ
  • GPS
  • マイク
  • Bluetooth
  • 近接センサー
  • 加速度センサー
  • 電子コンパス
  • バイブレーター

Wiiリモコン

  • 加速度センサー
  • ポインター
  • ボタン
  • バイブレーター

センサーの種類

  • ジャイロセンサー
  • GPS(全地球測位シテスム)・GPSデータロガー
  • 加速度センサー
  • 温度センサー
  • 湿度センサー
  • 光センサー
  • 可視光センサー
  • 赤外線センサ
  • カラーセンサー
  • 焦電センサー
  • リモコン受光部
  • UVセンサー(紫外線センサー)
  • ホトカプラ(フォトカプラ)
  • シンチレーター
  • 超音波センサ
  • pH(酸/アルカリ(塩基)センサー)
  • アルコール・ガス センサ
  • 方位センサ
  • 水分センサー
  • アルコールセンサー
  • タッチセンサー
  • 曲げセンサー
  • 感圧センサー
  • 気圧センサー
  • 磁気センサー
  • 心拍センサー
  • 筋電センサー

その他デバイス

マイコン系

  • Arduino
  • Funnel
  • mbed
  • Konashi
  • Raspberry Pi

開発環境

  • Flash
  • Openframeworks
  • Max
  • Processing
  • HTML5+JS
  • PureData
  • XCode
  • iOS(Objective-C)
  • Android
  • Unity
  • Cinder
  • vvvv(windows)

使えそうなwebサービス

  • Betaface API
  • USTREAM
  • YouTube
  • Twitter(search)
  • Twitter(Post)
  • チェックイン系(Facebook、Foursquareなど)
  • メール送信
  • 画像投稿

オススメ書籍

精華大学 デジタルクリエイションコース 授業用資料リンク集(2013)

空間演出

ゲーム・遊具

デバイス開発

プロジェクションマッピング

イベント演出

パフォーマンス

コンセプト/アートプロジェクト/サービス

Yahoo!JAPAN Internet Creative Award 2012で、スマートデバイス広告部門銀賞、スマートデバイスアプリ部門金賞をいただきました!

先日、ノミネートのご報告をした「Yahoo!JAPAN インターネット クリエイティブアワード」。

昨日11/30に贈賞式があり、結果が発表されました!

「運命の人」一般の部 スマートデバイス広告部門 Silver受賞!!


受賞解説ページURL:http://creative-award.yahoo.co.jp/prize/2012/g03.html
作品URL:http://aretokore.jp/yahoo2012/

審査員のコメント:
実は、ゴールド候補でした。
「あの場所」をメディアにしてしまおう、という提案は、イタズラみたいでワクワクする、楽しいアイデア。
すばらしい!……一歩惜しかったのは、「下にある絵が、あの女の子のビジュアルでいいのか?」ってこと。
あの場所を見つけた驚きにふさわしい「納得」をつくることができたなら、文句なく1位だったと思います。
(中村 洋基)

応募〆切前日とかに、ふと思いついてがーっと一気に作った企画でした。
こういうアワード系のいいところは個人レベルのパワーでも挑戦できるような場であることだと思っているので、こういう機会を提供いただけるのは非常に嬉しいです!

洋基さんのコメントには、「ゴールド候補」だったという驚きもありつつ、非常に嬉しいお言葉が。
『ふさわしい「納得」』を作るビジュアルとは?って言うのも含めて改めて見直してみたいと思います。

ちなみにこういった「スキマを有効活用」ネタは割と好きで、前にもこんなの作ったりしています。

「twika^o^(ツイカオ)」一般の部 スマートデバイスアプリ部門 Gold受賞!!!!!


受賞解説ページURL:http://creative-award.yahoo.co.jp/prize/2012/g05.html
作品URL:http://twikao.jp/yahoo/

審査員のコメント:
顔写真を顔文字にするという着眼点が非常におもしろかったです。
というか、わざわざ面倒なプロセスを経て、情報量の多いリアルな顔を、極限まで情報量の少ない顔にしようということがおもしろい。
そのプロセス自体はとてもおもしろいが、その結果をどうするのかというところがちょっと弱く、もったいない気がしました。
結局、顔写真の上に、できあがった顔文字をのせてしまっていたり、そもそもTwitterでなくてもいいかもと思ったり…。
別の出口を考えてみるともっと美しくストンと落ちるかもしれません。
(下浜 臨太郎)

ろくたんかなめけんじょーと4人で作ったアプリで、アワードとか関係なくみんなで何か作ろう!っていうところから生まれた企画です。今年の始めにリリース後国内を含めて沢山の方に楽しんでいただいております。(NAVERまとめはこちら

実は顔検出に使用していたFace.comがFacebookに買収されたため、今は一時的にランダム表示になっています。
こちらの賞金はアップデートに使おうと思っているので、下浜さんからの指摘や、懇親会で深津さんからいただいたアドバイスなどを参考にしつつ、よりいいアプリに育てていこうと思います。

こういった形で自分の作ったものを評価していただけるのは非常に嬉しいです!
改めてお祝いメッセージをいただいた皆様有り難うございました!

今後もこんなふうにお仕事以外でも、ちょっとワクワクできるような何かを考えたり、作ったりできたらと思っていますので、皆さんよろしくお願いします!

蛇足的な話

一般の部 アイディア部門に応募していたおでかけがもっと楽しくなるアプリ『おでかけマイヒーロー』
何人かからご指摘いただいたのですが、YJICAで2年前に同一コンセプトのものが受賞されていました。過去の受賞作はちゃんとチェックしておくべきですね。。。

実はこの企画はほかの一般公募のアワードに応募したもののブラッシュアップ案でした。企画的には結構気に入ってたのでこういう風に日の目を見ることになってよかったです。

【メモ】Illustratorで描いた曲線の頂点を間引いてからBlenderに持っていく

Illustratorのベジェ曲線で描いたデータをBlenderで押し出して、
モデリングデータを作るっていうケースがあったんですが、
普通にやると曲線部分の頂点数が多くなってUnityとかだとちょっと重くなってしまいました。

どうにか頂点を間引けないかということで、
まず、BlenderのDecimatorという頂点数を自動で間引いてくれる機能を使ってみました。

  1. [Illustrator](必要があれば)パスデータを複合パスに
  2. [Illustrator]SVG形式で保存
  3. [Blender]2で書き出したSVGをImport
  4. [Blender]Object ModeのObject > Convert to > Mesh from Curve/Meta/Surf/Textで、Meshに変換
  5. [Blender]押し出しで高さをつける
  6. [Blender]Object ModifiersでDecimateをAdd Modifierする
  7. [Blender]しきい値を下げて頂点数をギリギリまで減らす

Decimatorを使った場合、途中まではいい感じに頂点数が減っていくんですが、
途中で頂点が思わぬ削られ方をして形状がおかしくなってしまうことがありました。
(もちろん、パスデータの形状にもよると思います。)

そこで、Illustrator側でなんとかできないかと思い方法を探ったところ
下記の方法で頂点を間引いたモデリングデータを作成することができました。

  1. [Illustrator](必要があれば)パスデータを複合パスに
  2. [Illustrator]オブジェクト > パス > 単純化で曲線の精度を100%、角度のしきい値を0に
  3. [Illustrator]オブジェクト > パス > アンカーポイントを増やす (パスの数を見ながら何回か実行)
  4. [Illustrator]オブジェクト > パス > 単純化で直線にチェックを入れて、角度のしきい値を10〜15くらいに
  5. [Illustrator]SVG形式で保存
  6. [Blender]2で書き出したSVGをImport
  7. [Blender]Object ModeのObject > Convert to > Mesh from Curve/Meta/Surf/Textで、Meshに変換
  8. [Blender]押し出しで高さをつける

この方法を使うと、Illustrator上で頂点数を減らした直線図形を作成できるので、
Blenderで細かく頂点数を調整する手間がなくなりました。

「Yahoo!JAPAN インターネット クリエイティブアワード」に3作品がノミネートされました!

毎年、Yahoo!JAPANさんが開催されている「Yahoo!JAPAN インターネット クリエイティブアワード」。

以前に、バナー部門の銅賞をいただいたこともあるのですが、
今年は一般部門に3作品がノミネートされました!

一般の部 スマートデバイス広告部門

運命の人


ノミネートページURL:http://creative-award.yahoo.co.jp/nominate/gn01.html
作品URL:http://aretokore.jp/yahoo2012/

一般の部 スマートデバイスアプリ部門

twika^o^(ツイカオ)


ノミネートページURL:http://creative-award.yahoo.co.jp/nominate/gn13.html
作品URL:http://twikao.jp/yahoo/

※ アップデート中につき、現在動作していません。ごめんなさい。。。

一般の部 アイディア部門

おでかけがもっと楽しくなるアプリ『おでかけマイヒーロー』


ノミネートページURL:http://creative-award.yahoo.co.jp/nominate/gn14.html
企画書URL:http://aretokore.jp/yahoo2012/odekake-my_hero.pdf

11月末に贈賞式があり、そこで受賞作品が発表されるとのことなので、
何かしら受賞できたら嬉しいです。

「tweather」を使っても背景が更新されないという方へ

twitterの仕様上、もともと背景に画像を設定していない設定を選んでいる方は、
APIからの背景画像が適用されないことがあるようです。

お手数ですが、下記手順にて再度お試しいただければと思います。

  1. Twitterの設定 > デザイン ページを開く
  2. 背景画像を何でもいいので設定する
  3. tweatherのサイトを開く
  4. 「やめる」ボタンをクリック(「やめる」ボタンが表示されていない場合はこのステップは不要です)
  5. 「つかう」ボタンをクリック。ダイアログに沿ってtwitterのOAuthの認証を行う

上記の手順で表示されるようになると思います!

本症状が出ている方には大変ご迷惑をおかけいたしますが、
今後ともtweatherをよろしくお願いいたします。

2012年デジクリ後期授業用参考リンク集

HARRY’s Bottle Message – Cheil Singapore – YouTube
奢る + メッセージ
CBCNET : TOPIC » 絵を描きながら音楽を奏でることができるiPadアプリ – VISUAMUSIO
ビジュアル + 音楽
こんな時こそ、ふと自分の口臭が気になる – Campaign_Otaku
パラパラマンガ + 臭い
Noah: Sealkiller Killer | Ads of the World™
寄付 + 的当て
Kumon: Daily Fun Math | Ads of the World™
教育 + カレンダー
Vitaminwater: Olympic games | Ads of the World™
実況 + サプライズ
Nike+ FuelBand
万歩計 + ビジュアライズ
Ascii Street View
Google Street View + AsciiArt
Band-Aid® Magic Vision
絆創膏 + AR
Universal Wrapping Paper – Fubiz™
包装紙 + クロスワード
Tactus Technology Introduction on Vimeo
スマートフォン + ボタン
How to Play 重鉄騎 – YouTube
Kinect + 戦車
本物のブラウン管を通す写真フィルタ iOSアプリ InstaCRT (動画) – Engadget Japanese
フィルタ + ブラウン管
メッセージを、届けるべき時に、届ける (McDonald’s “Train timetable shows time in hamburgers”) « 3 MINUTES OLDER
待ち時間 + 食事の時間
おまいら、一人bumpって知ってっか???:ハムスター速報
Bump + ランダムアクセス
Swedish Armed Forces Who cares? – YouTube
監視カメラ + 身代わり
Starbucks: Personal CCTV | Ads of the World™
カフェ + 監視カメラ
『レシピ付きレシート』 – アドロック
レシピ + レシート
"Project Re: Brief | Coca-Cola | Mobile Ad Demo" – YouTube
自動販売機 + ビデオチャット
Austria Solar – Annual Report – YouTube
環境レポート + 太陽光に反応するインク
Repellent Radio, da Talent, ganha GP e Ouro em Rádio no Cannes Lions 2012 – YouTube
ラジオ + 蚊よけ
The Museum of Me – Create and explore a visual archive of your social life.
ソーシャルグラフ + 美術館
Easy Way pronunciation game
音声検索 + 英会話
Social Bookmark!
ブックマーク + 店頭ポップ
フォまもり|ソニー損保
お守り + 写真立て
Olla Condoms: Unexpected Babies | Ads of the World™
友達申請 + 赤ちゃん
Lay’s: Machine | Ads of the World™
自販機 + 製造工程
『フィッティングのマジック・ミラーでサプライズ』 – アドロック
試着室 + AR
KFC Tower Burger: Tower your status | Ads of the World™
縦書き + Facebook
自転車をこぎつつ映画を観よう!人間の力で発電しておこなう上映会「Cycle-In Cinema」がイギリスで開催。 | greenz.jp グリーンズ
自転車発電 + 映画上映
「リズムシさん」と日本へのエールをラップで表現 〜 誰でも気軽にラップを楽しめるアプリ『サムライムシ』
タッチパネル + ラップ
禁煙を賭ける(I Bet You Can Quit) : monogocoro ものごころ
禁煙 + ギャンブル
スヌーズするたびに寄付がされる目覚ましアプリ『Snooze』 | IDEA*IDEA
目覚まし時計 + 寄付
応援しないと消すよ。(Alentómetro) : monogocoro ものごころ
歓声 + 照明
Skittles Touch: Cat – YouTube
ビデオ + 指
運転が速くなると音楽が遅くなるiPhoneアプリ « WIRED.jp
BGM + スピード違反
SOUR / MIRROR
MusicVideo + インタラクティブ
Cyber Lions 金賞【SNEAKERPEDIA】|extreme inc.
ファンコミュニティ + 図鑑
Santa’s Forgotten Letters – YouTube
サンタさんへの手紙 + 過去
The Coca Cola Friendship Machine – YouTube
自販機 + 協力
【グランプリ】カンヌ広告祭「Cyber 部門」|SakuTube
応援 + Twitter
Samsung Shakedown
バイブレーション + レース
PilotHandwriting.com – YouTube
手書き + フォント
【グランプリ】カンヌ広告祭「Cyber 部門」|SakuTube
おまけ
[N] ググレカスを優しく伝える「Let me google that for you」
おまけ
Next Holiday
おまけ(去年の日付だけど。。。)
アドロック
インプットしたいときはここを見よう
広告会議 : 広告×インターネット
インプットしたいときはここを見よう
AdverTimes(アドタイ)| 広告界のニュース&情報ポータルサイト
インプットしたいときはここを見よう
TheFWA
インプットしたいときはここを見よう
Webデザインリンク集・ソーシャルブックマーク – straightline bookmark | Web Design Bookmarking
インプットしたいときはここを見よう
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた – かちびと.net
インプットしたいときはここを見よう
appbank
インプットしたいときはここを見よう
CreativeApplications.Net | Apps That Inspire…
インプットしたいときはここを見よう
アレとコレ.jp | 大西拓人(024t910)のブログ
あと、手前味噌だけど