毎秒地獄です

Flashアニメ専門・スタジオボイラー青木隆志の華麗にて波乱なる日々のドラマ

YouTube&HTML5アニメ制作・3分33万円
https://www.studio-boiler.com/

HTML5

video.jsで現在時間/総再生時間で表示させる方法

sss

videoタグはデバイスによってコントロールバーとかが違うため、その見栄えを整えてくれる便利なライブラリ、video-jsを使ってページを作成中なのだが・・・
https://videojs.com/

再生時間の表示が「-0:26」みたいな感じで残り時間表示なのが気に入らない。
YouTubeと同じく「0:10/1:02」みたいな「現在時間:総再生時間」にしたい。

方法は別cssを用意し(勿論、video-js.cssより後に記述)、

/*残り時間表示を消す*/
.vjs-remaining-time{
display: none;
}
/*現在時間表示*/
.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{
display: block;
}
/*総再生時間表示*/
.video-js .vjs-duration,.vjs-no-flex .vjs-duration{
display: block;
}
/*現在時間と総再生時間の間の"/"を表示*/
.vjs-time-divider{
display: block;
}

これをすれば「0:10/1:02」みたいになってくれる。

・・・探し出すのに丸一日かかったわ・・・

twitter上から直ゲーム

https://twitter.com/jigokuhen/status/1108775446504595456
これはすごい。twitter上から直接ゲームができる(PC版だけ。スマホは別途全画面ブラウザになる)。
何がすごいって、インターネットエキスプローラからできるんだよね。

これはいろいろプロモーションに使えると思うよ。
ちなみにリンクのゲームはLiverappのHTML5ゲームコンテンストのもので、僕の作品。
制作はもちろんAnimateCC。
腕に覚えのある方はご応募してみては?↓
https://liberapp.net/developers/megah5gamefest.html

スマホ用とPC用でCSSを切り替える方法

http://www.studio-boiler.com/
自社HPのiPhone・Android用に拡大表示成功!両端の無駄な余白がかなり無くなった!
以下やり方です。
---------------------
_爾javascriptの表記をHTMLの<HEAD>に描く。
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('Android') > 0) {
document.write('<link rel="stylesheet" href="sp.css" type="text/css" />');
}else{
document.write('<link rel="stylesheet" href="pc.css" type="text/css" />');
}
</script>
(<>を2バイト文字で書いてます。blogにまんま貼り付けると警告でちゃうので)

▲好泪柩儚杏CSS(sp.css)に下記を付け加える。
body {
zoom: 1.3 ;
}
---------------------
これでスマホ用サイトだけ1.3倍ズームにて表示できたー!
いろいろ試したけど、外部CSSを2つ用意すれば良かったんだ。

ま、多少注意したいのが、文字も大きくなるんだけど、ChromeとかがAnimationみたいな長い単語を絶対途中で改行したくないらしく、文章の真ん中あたりで勝手に改行したり、最悪デザインそのものも壊すときがある。
なんで言葉自体を変えたりして対応したよ。AnimationはAnimeとかにね

スタジオボイラーHP更新

11

スタジオボイラーのHPを更新しました。
そしてその中で「格安スマホミニゲーム」のプランを新たに新設しました。
1点8000円からiPhoneブラウザで動く(もちろんAndroidでも)HTML5のオリジナルゲームを制作します!!
実は携帯アタッチメントタイプゲームと銘打ってFlashLite1.1でやってたヤツのスマホ版なんですよね。
この値段ならかなりいろいろやれるのでは?是非ともたくさん本数欲しいところです。

まだまだ準備中なところも多々あります。早めに更新していきたいなと思っているところです。
今しばらくお待ちください。

HTML5アニメーターに俺はなる!

新年あけましておめでとうございます。
2020年のFlashPlayer廃止に向け、HTML5アニメーターとして生まれ変わり、ガッツリ仕事していく所存です。
さあ、忙しくするぞー!!

玉那覇はるかのHTML5ゲーム

http://studio-boiler.com/haruka/
随分前に作ったFlashLite1.1向けの絵を変えていくつも新しいゲームが作れる携帯アタッチメントタイプゲームのHTML5バージョンを作成し、沖縄vTuber・玉那覇はるかさんのゲームサイトを作成しました。
カジュアルゲームってことですね。
前の携帯アタッチメントタイプゲームはガラケーでしかできなかったけど、今回はPC、スマホ共用なんで1本2万くらいで売ろうかナーと。で、10本だと10万円みたいなディスカウントをする形にて。
そのうち購入のマニュアルと専用の販売ページも作成します。
月別アーカイブ
アクセスカウンター
  • 今日:
  • 昨日:
  • 累計: