タグ HTML5 が登録されている動画 ： 177 件中 129 - 160 件目
種類:
- タグ
- キーワード
対象:
Firefoxだとコメントがカクカク？ だったら滑らかにしてやんよ 【公式プレイヤー】
前から理屈はわかっていたけど証明するのが怠かった(他に誰か気付くかなあとか思いながら)。
滑らかにする方法は、ブラウザにTampermonkeyを導入してから ↓ をインストールするだけ
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術的な説明は苦手なので、コード見て意味がわかった人に任せます(丸投げ)。
わかってしまえば、なんだそんなことかって拍子抜けすると思う。
時報やアンケートやニュースがある限り公式プレイヤーに興味は持てないけど、Firefoxがダメな子扱いされるのも可哀想なのでちょいちょいっと。
ZenzaWatchはまだまだやりたいことがたくさんあるけど、しばらくエネルギー不足で動けない。無念。
コメントなめらか拡張で比べるコメントアート.mp4
Firefox標準より軽量設定＋拡張のほうが滑らかじゃねーかっ！
いままで見てきた物は何だったのか。
Firefox以外もわかりにくいけど若干ｧ効果はありまぁす。
拡張オンの状態でもたまにカクってなるのは、コメントの描画が重いのと、視聴ページに余計な機能が多すぎてたびたび処理に割り込まれるため。
もしフレームレートが落ちずに安定するなら、ZenzaWatchに近い滑らかさになるはず。
逆に言うと、どれだけプレイヤーを高速化しようが、この問題に気付かなければ永遠に届かない。
インストールはここから
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
お借りしたフレンズはこちら sm33824596
offchizから考えるHTML5+ブラウザで電子書籍 inuroさん プロ生勉強会 #pronama
2011年4月16日開催 プログラミング生放送勉強会 第8回＠名古屋 のセッション
詳細ページ： http://pronama.wordpress.com/2011/03/24/pronama-8-at-nagoya/
「offchizから考えるHTML5+ブラウザで電子書籍」 by inuro さん(@inuro)
sm14257214 ← 前 次 → sm14258336
mylist/24981642
JavaScriptだけでMidiプレーヤー
Imaya氏のソースをベースにXG音源と一部のGS音源に対応させたMIDIプレイヤーを作りました。
smfplayer.jsでMIDIをWebMidiLink形式に変換し、sf2synth.jsで受け取ったMIDIシーケンスを再生します。ちなみに、MIDIファイルはZipで固めて、やっぱりJavaScriptで解凍してたりします。
http://logue.github.io/smfplayer.js/
この動画では、鳥の歌と微笑みの爆弾（※）のMIDIファイルを再生しています。
※微笑みの爆弾は、MIDIファイルをドラッグアンドドロップでローカルのファイルを直接再生。
WebMidiLinkに関してはhttp://www.g200kg.com/en/docs/webmidilink/を参考にしてください。JavaScriptでボーカロイドとかもっとすごい世界が広がってますよ。
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
HTML5 プロ生勉強会 ライトニングトーク #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
•@linerlock さん
•@kyubuns さん
•@nakaji さん
•@black__se さん
lv70701712
mylist/12987821
Sencha Touch をさわってみた HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
「Sencha Touch をさわってみた」
TWorks さん（@tworks）： 新大阪アプリ初心者勉強会「楽しいアプリ制作の会」代表
lv70701712
mylist/12987821
【HTML5】東方ノベルシステム for iPhone、的な何か3【flask】
sm10459029 からの続き
続き > sm10870882
インストールまでは前回を見てもらえれば、ということではしょりました。
今回は実際にシナリオ登録＞iPhoneで再生してみる、な流れまでできたのでご紹介をば。
よかったら遊んでみてください。
なお、東方関連の立ち絵等のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
より、
背景関連は幻想入りシリーズまとめの●●●様より使用させて頂いています。
http://gensouiri.web.fc2.com/
非常にありがたいです。シナリオ登録・編集ページ -> http://novesys.appspot.com/flask/
クリスマス プロ生勉強会 第12回＠品川 セッション1 #pronama
2011/12/24 開催 クリスマス プログラミング生放送 勉強会 第12回＠品川のセッション1グループ
イベント詳細: http://bit.ly/xpronama
10分程度のセッションです。
#00:00 @jz5 「HTML5 ではじめるプログラミング」
#09:18 @daisuke_nomura 「Windows Phone でニコ生アプリを作ってみた」
#21:03 @hello_yukiko 「要件定義～導入運用保守までの SI 案件ひきこもごも」
#31:59 @sattch02 「IVRC について」
#36:27 @handy_fox 「画像符号化の歴史をほんの少しだけふりかえってみた」
スポットライトはセミナールームの仕様で消せませんでした。配置的な制限でななめ撮影になってます。
lv74838697 で 2012/12/31 まで公式で配信された内容も視聴できます。
lv74579261
mylist/12987821
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！
#abc2013s B-13 HTML5におけるAndroid端末間互換性
※もしアップロードがマズかったらコメントでお知らせ下さい。すく削除させて頂きます。 ＞関係者様
http://www.android-group.jp/conference/abc2013s/conference/business/#anc_sess9
2013/03/15 14:00 B会場(28号館 112教室)
【紀平拓男 さん】 ExGameの作者
株式会社ディー・エヌ・エー グローバルプラットフォームシステム統括部 ソフトウェアソリューション部
HTML5におけるAndroid端末間互換性
■YouTube： http://youtu.be/6cWrKrr_BlI
■マイリスト： mylist/36316925
(2013/03/17)
インストールするだけでコメントがめっちゃ滑らかになる拡張だよ
特にFirefoxは生まれ変わるよ。
カクカクで遅いという風評被害を吹き飛ばせ。
まだ倍速再生には対応してないけど、気が向いたらやるかも。一応対応したよ。
Firefoxだと効果が絶大だけど他のブラウザでも効果はあるよ。
導入方法は各自で頑張って調べてね。
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術解説は他の人にまかせるよ。
zenナントカとかいうプレイヤーと比べちゃ駄目だよ
HTML5 で作る！ Twitterクライアント iPhone アプリ - プロ生勉強会第7回
co9320 主催 2010/12/18 開催 プログラミング生放送勉強会 第7回＠新宿 のセッション
http://co9320.spaces.live.com/blog/cns!F8FA3BD6ABDDDB63!317.entry
HTML5 で作る！ Twitterクライアント iPhone アプリ
スピーカー: 恥さらしさん（@hazi_nico）、深紫さん（@deeppurple2828）
mylist/22697020
tmlib.jsでゲームを作ってみよう〜横スクアクション編(1)
横スクロールアクション編です。
使用するtmlib.jsはこちら
https://rawgithub.com/daishihmr/tmlib.js/feature/fix-mapsheet/build/tmlib.min.js
tmlib.jsにはTiled Map Editorで作成したマップを表示する機能があるので、これを利用していきます。
前 sm22403990
次 sm22557961
マイリスト mylist/39031781
【ZenzaWatch】Androidでも動いた。 しかもヌルヌルじゃないですかー.mp4
実用性はともかくAndroidでも動いたーやったー！ しかも公式よりぬるぬるじゃないですかー！
ブックマークレットはここから登録できるので、試してみたい方はどうぞ -> http://makimo.to/Zenza/
詳細やお借りした動画は後ほどブロマガのほうに書きます。
なおiOS版Chromeでも動くことは動きましたが、正直微妙なのでお勧めしません。
なぜか明朝とゴシックが逆になったり、不思議な挙動をします。
ZenzaWatchコメント投稿テスト用
GooglePhotosで自動生成された動画をそのまま投稿。
コメント投稿テスト用として自由にお使いください。
なんか面白いアイデアや報告が書いてあったら適当に拾います。
ここなら誰でも書きやすいと思います。 実現可能かどうかなんて気にしないで、気軽にどうぞ。
入力欄は「C」を押せばいつでも呼び出せます。超便利。
しかも本家と違って、フルスクリーンでも入力可能。
FlashとFirefoxの相性に悩まされることもありません。#テスト
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ってみた！
ブラウザで遊べる初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ったお！
http://mikumikuplay.com/karuta/
ボカロ曲が流れたら、その歌詞の最初の文字のかるたを取るっていうルールだお。「みっくみ～くにし～てあげる～♪」と曲が流れたら「み」の札をとるお！
↓ゲームについての感想、アイデア、要望、バグ報告があったら掲示板に書きこ！
http://mikumikuplay.lrv.jp/forum/tag_2.html
↓実装技術
クライアント HTML5, JQuery, jquery.vgrid.js, Bootstrap
サーバー Node.js(socket.io, express)
↓開発に協力してくれる仲間を募集中だお！(イラスト、音楽制作等)
http://piapro.jp/collabo/?view=collabo&id=22506
↓生放送やってるお！プログラミングの作業生 & 雑談だお
co2268886
2010年の2ちゃんねる （HTML5で作りました)
10年くらい前に流行った2ちゃんねるのFlash動画風に、2010年の2ちゃんねるをHTML5で動画にしてみました。
HTML5版は、http://www.tatsuaki.net/2ch2010/ です。
GAIABREAKER(ガイアブレイカー) 1～5面
ガイアブレイカーの1～5面（前半）です。
この動画の録画で初めて5面まで進行、死にました。
価格は1890円。
・自機は左右にしか移動不可。
・ロック数4撃破でチェインが発生。チェイン数分の倍率が撃破スコアに加算。
・30万点毎とそのステージの最後のプレイヤーを抜くとクレジット増加
・コマ落ちは常時こんな感じ。
・オプション？美味しいのそれ？
※ミーバースの設定のみ
・この動画録画後にゲームをやめたら、本体がフリーズした
補足
このゲームはHTML5ベースで作成とのこと。
5面全編→sm22570974
BGMバグ→sm22582589
ラスト→sm22586794
phina.jsによる10分間プログラミングPart0
今回からphina.jsによる10分間プログラミングをやっていきます。
導入編
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
前回 sm29959833
次回 sm31321436 ウィンドウの作成
mylist/59143338 phina.jsマイリスト
shioleap様 だいし様 広告ありがとうございます。
WebSocket で始める Python HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
「WebSocket で始める Python」
naoina さん（@naoina）： kyoto.py
lv70701712
mylist/12987821
Windows 8 と HTML5 でアプリ開発 プレビュー HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
「Windows 8 と HTML5 でアプリ開発 プレビュー」 5zj (@jz5)
風呂グラミングですまん。
lv70701712
mylist/12987821
かさねてとキーボード作ってみた
テトさんにリアルタイムに歌ってもらいたかった。
HTML5のaudio要素を使ってOpera11で動かしています。FireFoxとGoogleChromeでも最近のなら動くと思います。
IEでは今のところ動きません。
事前に歌詞を入力するタイプなら2008年にAquesToneがやってる（参考：sm4158992、sm4574727）ので
リアルタイムに歌詞を入力するのが今回のポイントだと思ってます。
※画面はWin7のパフォーマンス優先設定です。
Z会の彼が受験するゲームを作ってみたが面白くなかった
Z会の彼が受験するゲームをHTML5で作ってみたが、全然面白くないゲームができた件。やってみたい人はこちら[http://static.repy.info/zkai/](対応ブラウザ：Firefox Chrome) 元ネタ：sm16372609 sm16372579
ニコニコ公式プレイヤーとZenzaWatchを比較してみた。【Chrome】
watch/1463845240 を使用してフルスクリーンで収録しました。
前半では、ZenzaWatchと公式プレイヤー(HTML5)の比較、
後半では、ｶｸｶｸの公式プレイヤー(Flash)が参戦してます。
各プレイヤーは日々更新されています。
当たり前ですが収録時のバージョンですので、
動画を視聴しているバージョンとは違うかもしれません。
環境
OS：macOS Sierra
使用ブラウザ：Google Chrome
ZenzaWatch設定：フォントサイズ:1.0 フォント:'HiraginoSans'
[2016/10/28 追記]
Flashがｶｸｶｸなのはコメを強制的に60fpsにしてある上に、
うｐ主のスペック不足です。すみませんでした。
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。
ネットワークトラフィック可視化ツールMap
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary