logicalyze::blog

Archive for the ‘HTML5’ tag

HTML5で作られたマルチトラックミキサーの動作実験

leave a comment

h5mixer

久々(約8ヶ月ぶり)の更新になってしまいました。

さて、HTML5で実装されたWebAudio APIを使ったマルチトラック(チャンネル)ミキサーの動作実験をしてみました。

以前、同じようなマルチトラックミキサーをFlashで作った際はFlash単体の機能では動作が厳しいので外部PBJファイルを利用してミキシングの際の演算を行ってました。
が、現在の、HTML5では「WebAudio API」が実装されているので最新ブラウザであればプラグイン無しでも十分動作可能な多チャンネルミキサーを作ることができます。(ただし、ブラウザによって動作状況に少しばらつきがあります)

⇒ テストページはこちら

※デモのオーディオに問題がある場合は、直ぐに削除いたしますのでお知らせください。

Written by admin

3月 30th, 2015 at 3:38 am

レスポンシブデザイン対応のサイトを作ってみる

leave a comment

レスポンシブデザイン

CSS3フレームワーク(Bootstrap、Foundation、等々)のグリッドシステムを利用してレスポンシブ対応(レスポンシブWebデザイン)のサイトを作ってみました。(デモ)

レスポンシブデザインとは、Webページを表示する機器(ブラウザ)の画面サイズに対応して自動的に表示を変えるスタイルのものです。

過去には、ブラウザサイズ(環境取得)からページ(HTMLファイル)や対応するCSSファイルを分岐したりと言った手法が取られていた時期もありましたが、最近はHTML5の普及やブラウザの実装にともなってCSS3フレームワークを利用するのが主流のようです。

写真のデモではWordpressの独自カスタマイズとCSS3フレームワークを使って対応しています。

スマートフォンやタブレットの普及状況を考えれば、ホームページを「レスポンシブデザイン」で作るというのは企業にとっても必須になるんじゃないでしょうか?

どうですか? おひとつ・・・(^^)

Written by admin

5月 10th, 2014 at 4:26 pm

なんか凄そうなHTML5アニメーション作成ツール(Moonbase)

leave a comment

あくまでWEB上のサービスですが下記ビデオを見る限り良い感じです。

Moonbase

Introducing Moonbase from Elepath on Vimeo.

Written by admin

12月 23rd, 2012 at 2:57 am

アドビからHTML5アニメーション作成ソフトプレビュー版が登場

leave a comment

アドビからHTML5アニメーション作成ソフトのプレビュー版が登場しました。

さっそくアドビラボからダウンロードしてみました。

プレビュー版をインストールしサンプルを起動してみると画面はこんな感じです。
(iMac-27での画面キャプチャなので余白が・・・)

Flashのようにタイムラインでアニメーションを作成するのでコードを記述する画面が無いようです。
実際、プラウザでプレビューしたときにソースを確認すると下記のようになってます。
Read the rest of this entry »

Written by admin

8月 1st, 2011 at 6:40 pm

Posted in AJAX / HTML5,Apple

Tagged with , ,

どうなの?「Swiffy」 - Google製なのに・・・

leave a comment

Flashのパブリッシュファイル(SWF)をHTML5に変換するWebツール「Google Swiffy」が公開され、ここ数日話題になってますが、私の個人的な感想としては「Google製なのに・・・その程度の変換??!」という感じでちょっとガッカリです。

まあ、広告用のシンプルなアニメーションを変換するというのが大きな目的だと思いますがコンバート可能なSWFのバージョンもActionScriptのバージョンも古すぎて現実に即して無いのでは?

この程度のコンバーターはもっと前に誰か個人がリリースしていたような気がしないでもないですが。
もちろん書き出しフォーマットや変換の仕組みはまったく違うと思うけど。

Googleと言えば、名のあるGeekや博士号を待った人たちの集まりなので、リリースされるものも当然ながら「すごいものであるはずだ」と勝手に思ってしまいますが・・そうでもないものもまあまああると言うことですかね(^^)

Written by admin

6月 30th, 2011 at 1:43 pm

Posted in Flash/Flex,Googleサービス

Tagged with , ,