タグ html5 が登録されている動画 ： 177 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
【自作ゲーム】琴葉姉妹はｾﾔﾅｰを飼いたい ver. 0.1.0
初投稿＋テスト投稿です。
ｾﾔﾅｰを飼いたいけど飼えないので、自分で作る事にしました。
とりあえず今回はこんなん作ってるよ、って紹介だけです。
動画内で出しきれてない情報や、
作成状況等はついった(@motyo3_seyana)で気が向いたら呟こうと思います。
【作成環境】HTML5 + JavaScript 【使用ライブラリ】phina.js
再エンコ回避動画をHTML5プレーヤーで再生する方法
■はじめに
・最悪ブラウザがクラッシュします。全てにおいて自己責任でお願いします。
・ブラウザはfirefoxです。
・プレミア会員で確認しています。
HTML5上で再エンコ前の動画を再生する方法です。
1 本ページのどこかで右クリック→「要素を調査」を選択
2 「vod」で検索→「src="http//pa01.dmc.～"」の「""」内の文字列をデタラメにする
3 要素の調査を閉じて再生。→360pが1080p(ドットバイドット)で再生されます。
手順2のエラーで、旧サーバー(?)の下記動画に置き換わる様です。
置換後→"http://smile-pow32.nicovideo.jp/smile?m=31559768.7260"
mylist/59454427、元動画sm29654698
でも僕は、ZenzaWatch！
7/13の世界の新着動画では、1080Pが使われています。
[html5] 空手部をごちうさ1羽コメントで浄化してみた
![[html5] 空手部をごちうさ1羽コメントで浄化してみた](https://nicovideo.cdn.nimg.jp/thumbnails/31558897/31558897)
[ホモ警告]ホモが嫌いな方はブラウザをバックしてください。
sm31559768で、再エンコ前動画を観る方法の応用です。
実は上記動画の手順3で、別のニコ動のソースに置き換えると、置換前のコメントで置換後の動画を視聴できます。
そこできたない動画をきれいなコメントで浄化できないか試してみました
結果は親和性が高すぎてバイオハザードとなり、遺伝子組み換えは危険なものとわかりました
Zenzaで旧サーバーを選択するか、上記動画の手順を実行すると、明確に汚い動画になります。
mylist/59454427
【ZenzaWatch】新iPadProではコメントも120fpsで流れてた ほか
動画自体は60fpsだけど、なんとなく違いがわかる？
わざわざiPadでZenzaWatchを使う人もいないと思うけど、SafariよりChromeのほうがおすすめです。
タッチパネル関連はまだまだアイデアが出てくると思うので、今後も研究していきたい。(たぶんChromeしか確認しないけど)
検証にお借りした動画はこちら: sm17209552
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様 だいし様 広告ありがとうございます。
音楽投稿サイト作ってみた
PicotuneというMIDI共有サイトを作りました！
http://picotune.me
音をピコピコに変換したり、ピアノロールにイイネを押したり、ツイッターにプレイヤーを埋め込んだりできます！
動画で使っている3曲とも私が作った曲で、Picotuneに投稿してあります□
ツイッターの宣伝を拡散していただけると非常に励みになります。よろしくおねがいします
https://twitter.com/cagpie/status/855765511635820544
追記:このサービスはオリジナル曲など(詳しくは利用規約などに表記しています)に限定したものになりますので、JASRAC云々は基本的には関係ありません。
Nintendo Switchでコメントアートのテスト
Nintendo Switchの内蔵ブラウザを呼び出す方法があるらしいので試してみた。
しかし動画は再生できなかったので、コメントアートだけ流してみる。
もしNintendo SwitchでZenzaWatchが動いたらこんな感じだよ、というイメージです。
使ったデータはここにいろいろ置いてあります。
http://makimo.to/Zenza/
#6 フォームとその部品【HTML5入門】
お問い合わせなどに使われるフォームの基本。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30226104 ← #5 || #7 → 再開までもう少しお待ちを
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#5 リストとテーブル【HTML5入門】
色々なリストとテーブルの作成。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30195764 ← #4 || #6 → sm30245302
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#4 画像と相対絶対パス 【HTML5入門】
画像の表示と混乱しがちなパスについて。※alt属性の略はalternateです。タイピングミスりました。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30182020 ← #3 || #5 → sm30226104
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#3 タグの分類とテキスト【HTML5入門】
大まかなHTMLタグの分類とテキスト関連のタグについて。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30175859 ← #2 || #4 → sm30195764
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#2 テンプレートとHello World!【HTML5入門】
HTMLの基本となるテンプレートの作成とHello World!です。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30166509 ← #1 || #3 → sm30182020
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
【ZenzaWatch】 Amazon Fire TVでBad Apple!
公式プレイヤーもAmazon Fire TVで動いたので比較テスト。
最初がめんどくさいけど、環境さえ構築すればそこそこ使える。
以前試した時: sm29273116 は丸っぽいフォントだったのですが、ある日突然、ゴシックっぽいフォントが表示されるようになりました。 謎すぎる。
お借りしたマイメモリーはこちら: watch/1463845240
PS4でBad Apple! (世界初？)
PS4でも新仕様の動画は普通に再生できるんだけど、
旧仕様の動画はProxomitronやCharlesを駆使して無理矢理cookieをとばさないと駄目な模様。
PS4側の問題だと思うのだけど、修正してもらえないだろうか。
コメントがカクカクなのは、CPUの性能からすればこんなもんなのか？
PS4 Proなら少しは滑らかになるかもしれません。
なお、Zenzaくんはまったく動く気配もありません。(せめてデバッグ可能なら・・・)
お借りしたマイメモリーはこちら: watch/1463845240
ニコニコ公式プレイヤーとZenzaWatchを比較してみた。【Chrome】
watch/1463845240 を使用してフルスクリーンで収録しました。
前半では、ZenzaWatchと公式プレイヤー(HTML5)の比較、
後半では、ｶｸｶｸの公式プレイヤー(Flash)が参戦してます。
各プレイヤーは日々更新されています。
当たり前ですが収録時のバージョンですので、
動画を視聴しているバージョンとは違うかもしれません。
環境
OS：macOS Sierra
使用ブラウザ：Google Chrome
ZenzaWatch設定：フォントサイズ:1.0 フォント:'HiraginoSans'
[2016/10/28 追記]
Flashがｶｸｶｸなのはコメを強制的に60fpsにしてある上に、
うｐ主のスペック不足です。すみませんでした。
天井プロジェクターのテスト
投げ売りしてたプロジェクターとスティックPCで、お手軽に寝ながらニコニコ動画。
消費電力も少ないので、つけっぱなしで眠ってしまっても安心。
ただし天井が白くないと厳しい。
画面をお借りした素晴らしい動画はこちら。
sm23722424
sm26171783
sm22391265
sm25619783
sm3945173
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす！ その１【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった？
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
【ZenzaWatch】コメントキャプチャテスト・「潜り込み」を検証
ZenzaWatchは元々スロットの概念がないので難しい。
WebWorkerを使って裏で計算してるので、起動時間への影響はごく僅かだと思います。
正直これであってるのどうかは自信がないです。そもそも正解があるのだろうか…。
ZenzaWatchは趣味だから再現してるけど、基本的にはこういうバグだか仕様だかわからない物は一度リセットすべきだと思います。(必要ならbackコマンド(仮)などを作るとか)
追記:
やはり仕様なのかもしれませんが、たまたまFlashの都合に合わせた結果こうなっただけで、作る側は特に意識してなさそうな予感…。
今回お借りした動画はこちら
watch/1305294209
sm4590194
名前映ってるのに気付いたけど、こんな動画を見る人は限られるやろ(*´∀｀*)
Amazon FireTVでZenzaWatchを動かしてみる
準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。
Flashを使わずにビジュアルノベルゲームエンジンを作ってみたPart2
どうも、こんにちはこんばんは。train12です。
前回のパート1から1か月以上経って、途中経過報告です。
といっても、見た目は大して進歩してません。機能も然りだったりします。
この調子で、本当に8月中旬までにお披露目まで持っていけるんだろうか……
前回の動画でいただいていたコメントへの回答も行ってます。ありがとうございました。
ソース; https://github.com/hazama-yuinyan/VNE
動画内シナリオクレジット:
音楽 TAM Music Factory; http://www.tam-music.com/
効果音：TAM Music Factory; http://www.tam-music.com/
WEB WAVE LIB; http://wwl.s-t-t.com/
効果音g; http://sfx-g.net/index.html
train12
Part1: sm28914017
ほかの自作プログラム: mylist/55931937
Mabinogi MML Emulator
マビノギのMMLをブラウザで再生するプログラムを開発しました。（Chrome、FireFox、Edge対応）ほぼゲーム上と同じ音で再生されます。sm29089662の応用プログラムです。（これも、公表から３年経過してるが・・・）ついでに、JSMMLで再生するプログラムも入れてます。（JSMML版は立ち上がりが遅いが・・・。）
http://logue.github.io/MabiMmlEmu/
自分のMMLを入力して、このページの右下にある「シリアライズ」をクリックして、music.jsonのnameに曲名、valueに先ほど「シリアライズ」で出力したテキストを入れることで自分のMMLを登録できます。
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でボーカロイドとかもっとすごい世界が広がってますよ。
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak（読み上げソフト）とIgo.js（日本語形態素解析）を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
【ZenzaWatch】 765Proでコメントキャプチャテスト
ニワン語の構文を無視してreplace命令だけ拾うという雑(現実的)な作戦で妥協しました。
正直ニワン語がオーバーテクノロジーすぎてフル実装できる気がしないけど、いつかは挑戦したいです。
今回お借りした動画はこちら -> sm25818853
(見やすくするために背景は黒くさせていただきました)
コンパイルされたもの: http://makimo.to/Zenza/765Pro!.html
ZenzaWatchがやってることと矛盾してるかもしれませんが、もし新規に動画プレイヤーを作るのであれば、フォントまわりの複雑な挙動は再現しなくていいと思います。
過去の互換よりも、AdobeやGoogleの気まぐれに振り回されないような描画の「仕様」をしっかり固めるべきではないだろうか。
ChromeでもFirefoxでもWindowsでもMacでもスマホでも同じCAが見られる世界こそ未来。
【ZenzaWatch】replace機能実装中のテスト(まだ不完全)
Zenzaの描画システムは、言うならば「コメントのJITコンパイラ」である。
再生時に、コメント(XML) → 中間コード → CSS3 http://makimo.to/Zenza/SenbonZakura.html
への変換が行われる。
あとはコンパイルされたhtmlを、動画に合わせて表示位置を変えるだけ。
中間コードのおかげでフォントや解像度の変化にも強い。
ニワン語の対応は自分の技量でどこまでできるだろうか？ 作った人は本当に凄いと思う。 (これが動画プレイヤーに必要なのかは激しく疑問だけど・・・)
今回お借りした動画はこちら sm17367353
@逆再生はこちらで確認できます。sm6328375
@デフォルト(色)はこちらがオススメ sm19550074
そのうち書きたくなったらニコナレかどこかに解説を上げます。
【ZenzaWatch】コメントキャプチャテスト【Macで比較編】
メイン開発環境(Mac Chrome)での比較!
watch/1235882895 は、ZenzaWatchを作り始めたころに感動したコメントアートです。
うちには元の描画を再現できるPCがないけど、いい線行ってるのではないだろうか。コメントの実装は「正解」がわからないので難しいです。
しかし、こんな動画を上げておいて言うのもなんですが、もし新規に動画プレイヤーを作るのであれば、ここまでする必要はないと思います。
がんばってFlash特有の珍妙な挙動を再現するより、互換性はいったんリセットしてでも、ブラウザや環境に左右されない安定した仕様を作ることに力を注ぐほうがいいのではと思います。(フォントについてはコマンドの拡張で対応？)
ウィンドウサイズによって基本レイアウトが変わらないのもZenzaのいいところ。
単スリットによる回折現象
スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.php