ブラウザとMIDIの出会いが拓くWebとMusicの新しい世界 - HTML5 Conference 2013 -
HTML5 Conference 2013 「ブラウザとMIDIの出会いが拓くWebとMusicの新しい世界」 河合 良哉 AMEI Web MIDI WG/ヤマハ株式会社 Web MIDI APIはWeb Audio APIと並ぶ音楽系のAPIです。あまり馴染みのないMIDIですが、Web MIDI APIを使うことであらゆる電子楽器とブラウザの接続が簡単にでき電子楽器からブラウザ上のアプリケーションを操作、また逆に、ブラウザ上のアプリケーションから電子楽器を操作することが可能です。 本セッションではMIDIの基礎、Web MIDI APIの概要、また10月末に発表された音声合成技術をハードウェアに搭載したLSI「NSX-1」を1ボードに収めたeVY1 SHIELDを使ったデモアプリケーション等のご紹介をまじえWebとMusicの世界についてお話させていただきます。
マリオシーケンサをWebアプリにしてみた - minghaiの日記
(6月11日 加筆) マリオシーケンサがChrome Experimentsに採用されました! https://experiments.withgoogle.com/chrome/mario-sequencer 画面サイズの変更を可能に。左上のセレクタを使用して下さい。 赤い線の箱でガイドを表示 マウス位置と音符が置かれる位置が微妙にズレていたのを修正 (5月29日、加筆修正) 現在、HTML5や携帯等のプログラマのお仕事を探しております。 よろしくお願いいたします。 ニコニコ動画で一世を風靡したマリオシーケンサを覚えていらっしゃる方は多いのではないでしょうか? HTML5のCanvas、Web Audio API等を勉強するついでにWebアプリにしてみました。 こちらで遊べます。現在、手抜きでChromeでしか動きません。 http://minghai.github.io/MarioSe
HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」
こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです！ まず、このライブラリの主な特徴についてです。 ■特徴 ・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます（ドラッグ、拡大縮小、回転）。 ・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。 ・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.
LocalStorageがおもいのほか便利すぎたのでまとめ - それマグで！
localStorageを使って見た．食わず嫌いでした．すごく便利ですね cookieで保存するより相当便利です． cookie VS localstorage 比較 Cookieの特長 ドメイン毎にデータが保存される．(SameOriginの原則) Stringが保存される． HTTPリクエストで毎回サーバーに送られる JavaScriptからアクセス可能 有効期限がある LocalStorageの特長 ドメイン毎にデータが保存される．(SameOriginの原則) Stringが保存される． HTTPリクエストで毎回サーバーに送られない JavaScriptからアクセス可能 有効期限が特にない 比較まとめ Cookieの特質から、HTTP通信で送る特性を省いたものHTTP通信で送る必要がないので，Expires（期限）も省略される localStorageの保存方法 js> local
pdf.jsを使いブラウザで見られるPDFスライド表示ツールを作った
追記: ライブラリとして切り出しました pdf.jsを使ってスライド表示するライブラリを書いた | Web Scratch どういうもの https://azu.github.io/slide/DOMQuery/sourcemap.pdf というPDFファイルを読み込んで表示しています。 普通のHTMLスライドのようにウェブページとして公開することも出来ます。 例) https://azu.github.io//slide/DOMQuery/ 作った経緯 mozilla/pdf.jsを使えばPDFをブラウザ上で表示出来るので、これを使ったプレゼンテーションツールとかあると面白そうな気がしたのが始まりです。 こういうのが欲しい理由としては以下のような感じでした。 Deckset みたいにPDFしか配布用のフォーマットがないものがある Deckset自体は便利なので使いたい でもSlideSh
home | p5.js
Search p5js.org Hello! p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone. Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://kanji.sljfaq.org/draw-canvasj.html
range.css
http://www.qcontokyo.com/data_2013/ToruYoshikawa_QConTokyo2013.pdf