2016年6月29日水曜日

ホームページの細部に無駄なこだわり

仙台のホームページ制作会社ピクセルです。

今回は技術面のお話です。

6/19のエントリー、HTML5canvasによる小細工で、html5canvasによるアニメーションを入れた、と書きましたが、その後の変化に気づいていただけましたでしょうか?

歌と森の妖怪屋敷、主人公歌の他に、数種類の妖怪が駆けて行きます。
スマートフォンで見ると、空から飛んで来るアメフラシにちらつきが生じてしまうのですが、PCではスムーズに再生します。

だから何?と言われればそれまでですが・・・(^ ^;

canvas表示部分(アニメーション展開部分)のボタンが押せない、というトラブルがあったので、以下のように、「最上部から700pxスクロールしたらcanvas要素を消す」という指示をjavascriptファイルに以下を追加して、無事解決。

$(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 700) {
$("#canvas").fadeOut('fast');
}
});
});

また、メイン画像部分のテキスト(h2)の下のコピーに対し、スクロール位置によってフェードイン、フェードアウトする処理を入れました。


$(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$(".catch").fadeOut('slow');
} else {
$(".catch").fadeIn('slow');
}
});
});

スマホでは高さ次第でアニメーションがヘッダー部分の下になってしまうバグを発見したので、z-indexを調整してcanvasを最前面へ表示しました。

誰も気づかないような細部の修正でした。
使えそうなソースあれば、ご自由にお使いください!

株式会社PIXEL
http://pixel-co.com/ 

2016年6月24日金曜日

ヒューガ課長の巻

こんにちは!
仙台のホームページ制作会社ピクセルのエイジです!

今日は松島と名取に行って来ました!
仕事で行ってきたのですが、どちらも休日にゆっくりと行きたい場所でした。

そんなピクセルの会社ではマスコットがいるのです!

その名も・・・


【PIXEL】ヒューガ課長です!
ぜひ、この課長の写真に癒されて下さいね!

仙台でのホームページ制作はピクセルで!
http://pixel-co.com/




2016年6月22日水曜日

しっくり

仙台のホームページ制作会社、株式会社ピクセルです。

訪問させていただいているお客様より、パンフレットの表紙の評判が良いこともあり、WEBサイトトップのメイン画像をパンフレット表紙と同じく、iOSアプリ「歌と森の妖怪屋敷」のイメージイラストのものに変更しました。

iOSアプリ「歌と森の妖怪屋敷」のイメージイラスト
iOSアプリ「歌と森の妖怪屋敷」イメージイラスト


・・・するとあら不思議!?・・・

妙にしっくり来るではありませんか!
現れて消えるキャラクターのアニメーションとも、これで噛み合った気がします。

むしろこの方がピクセルらしいのかも知れません。
なぜ今まで気づかなかったのでしょう・・・

株式会社ピクセルのWEBサイトはこちら!
http://www.pixel-co.com/

2016年6月21日火曜日

夜の撮影

こんにちは!
仙台でホームページ制作をしておりますピクセルのエイジです!

今回もミュージックノートチャンネルの撮影をしてきました!
人数も増えたので良い出来になるかと思いきや・・・


散々な出来栄えです(笑

何年か振りに虫にも刺され、腕が腫れあがっております!
結構間抜けに見えますがこれも仕事(?)なんです

ホームページ制作の他にもイベントの企画やゲームの制作
音楽素材の配信、制作など
楽しい仕事をさせて頂いております!

ユーチューブでの動画の撮影風景だけはそれっっぽい感じですよ!

本編は・・・お楽しみに!

仙台のホームページ制作会社(株)PIXEL
http://pixel-co.com/

無料音楽配信サイトミュージックノート
http://music-note.jp/




2016年6月20日月曜日

ピクセルでの撮影

こんにちは!
仙台のホームページ制作会社ピクセルのエイジです。

普段はピクセルの楽曲制作担当をしております。
今回はピクセルとなってから初のミュージックノートチャンネルの撮影をしました!

無料でフリー音楽素材の楽曲も沢山出していますので、ぜひぜひ聞いてみて
使ってみて下さいね!

近日YOUTUBEにアップします!

音楽素材無料配信サイトMusic-Note
http://music-note.jp/


時間が余ってしまい定禅寺通りを歩いておりました。。。(笑

2016年6月19日日曜日

HTML5canvasによる小細工

仙台でホームページ制作を中心に、アプリ制作やイベントの企画、運営を行っている株式会社ピクセルです。

さほど大した違いではありませんが、弊社サイトのトップページにちょっとした仕掛けを入れました。弊社代表が配信しているiOSアプリ「歌と森の妖怪屋敷」の主人公「歌(うた)」が現れて消えて行きます。

HMTL5canvasです。
制作アプリケーションは、AdobeFLASH professitonal CCです。

AEなどのようにシーケンスレイヤーで絵を並べてみたところ、ちらつきに悩まされたのですが、同一タイムラインレイヤーに全てのシンボル、イメージを配置しなければならないんですね。

FLASHでcanvasムービーを作ったのは二回目くらいなので、こんな初歩的な事に悩まされてしまいました・・・

以下のリンクでぜひご覧ください。
サイトにこんなアニメーション要素を取り入れたい、なんてご要望もお気軽にご相談くださいね。

株式会社ピクセル
http://pixel-co.com/

2016年6月16日木曜日

MusicNoteに新曲をアップしました

MusicNote作曲担当エイジです。

仙台のホームページ制作会社、株式会社ピクセルです。

代表が個人事業主時代から手掛けていた音楽素材無料配信サイトMusicNoteは、正式に株式会社ピクセル運営のサイトとなりました。

とは言え、これまで通りバカな事もやりますし、大きい変更はありません。

特にピクセルではイベント等も手掛けて行く予定ですので、これまで以上にアグレッシブな活動を仕掛けていくつもりです。

YOUTUBEやアプリ、ゲーム制作などに、規約などはこれまでとさほど変わりませんので、ぜひお気軽にご利用ください。

昨日新しい曲も追加しましたので、ぜひご覧ください!

あ、スマホ版の更新忘れた・・・


著作権フリーの無料音楽素材ダウンロードサイト「ミュージックノート」

http://music-note.jp/