タグ HTML5 が登録されている動画 ： 177 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
【ひまわり動画】Androidでひまわり動画を見る方法【Android】
【ひまわり動画】Androidでひまわり動画を見る方法（テロップ付）【Android】
▼詳細
http://peeping-life.hateblo.jp/entry/2014/11/22/104622
いんちきゲーム屋のギャラクシーウォーズをhtml5で動かしてみた。
「ゲームセンターあらし」で炎のコマを生み出すきっかけとなったゲームです。
とは言うものの、基板の性能に即して作ってみると
GIVEUP出せる人なら手を200万回も動かす必要も無く
一万点は取れたんじゃないかなあと(笑
隕石の初期個数の増加と隕石がミサイルを撃つ改変を行っています。この動画では都合上4面目の難易度からスタートしています。
マイリスmylist/34144919
【自作ゲーム】ポテくまくんキャッチ！
いきなりですが、秩父第一中学校コンピュータ部のある人達にお詫び申し上げます。
わけありで、せっかく撮影した動画を今回投稿した動画に使うことができませんでした。m(_ _)mﾍﾟｸﾘ
今回は、コンピュータ部第6グループのルッソさんのテストプレイ動画を無修正で
そのままニコニコ動画に投稿しました。
【ゲームタイトル】
ぽてくまくんキャッチ！
【クリア時間】
無限にあそべます
【動作環境】
ネットブラウザがあるものほとんど
【ジャンル】
ミニゲーム(オチゲー,ブラウザゲーム)
【使用した制作ツール】
メモ帳,ペイント
【概要】
遊べばわかる！リンク↓
http://waricoma.hp2.jp/d/p/
もしくは「ぽてくまくんキャッチ！」で検索
【なんとなく】 enigma one 【音とCG】
なんとなく、Web Audio APIを使ってみた。
----
CGの方は@mrdoob氏のthree.jsを使用しました。
ありがとうございます。
Thanks to Mr.doob.
----
あと、自演宣伝してみる。
【ZenzaWatch】Androidでも動いた。 しかもヌルヌルじゃないですかー.mp4
実用性はともかくAndroidでも動いたーやったー！ しかも公式よりぬるぬるじゃないですかー！
ブックマークレットはここから登録できるので、試してみたい方はどうぞ -> http://makimo.to/Zenza/
詳細やお借りした動画は後ほどブロマガのほうに書きます。
なおiOS版Chromeでも動くことは動きましたが、正直微妙なのでお勧めしません。
なぜか明朝とゴシックが逆になったり、不思議な挙動をします。
ZenzaWatchコメント投稿テスト用
GooglePhotosで自動生成された動画をそのまま投稿。
コメント投稿テスト用として自由にお使いください。
なんか面白いアイデアや報告が書いてあったら適当に拾います。
ここなら誰でも書きやすいと思います。 実現可能かどうかなんて気にしないで、気軽にどうぞ。
入力欄は「C」を押せばいつでも呼び出せます。超便利。
しかも本家と違って、フルスクリーンでも入力可能。
FlashとFirefoxの相性に悩まされることもありません。#テスト
【ニコニコ自作ゲームフェス2016】 箱入り娘 VER.2
『箱キャッチして 迫り来る敵を倒し 最強の箱入り娘になろう！』
「ニコニコ自作ゲームフェス2016」投稿作品です。 降ってくる箱をキャッチした瞬間にショットが撃てるというシステムのアクションゲーム。 24時間でお題に沿ったあほげーを作るイベント「あほげー第18回」（お題は「箱」）の参加作品に新要素を加え、バージョンアップしたものです。
【ゲームタイトル】 箱入り娘 VER.2
【クリア時間】 無限にあそべます
【動作環境】 HTML5 が動作するブラウザ（Google Chrome, Firefox ~）
【ジャンル】 アクションゲーム
【ゲームURL】 http://nekopopolon.com/program/hako
【ZenzaWatch】 コメント読み上げ機能のテスト 【Xperia】
Web Speech APIという物を使ってみたかっただけです。
一発ネタなので、この機能は飽きたら消すと思います。(決してこれがやりたかったわけでは・・・)
次は音声認識でのコメント入力も試してみたいです。
どうやってAndroidで動かしてるの？についてはこちら
http://ch.nicovideo.jp/segabito/blomaga/ar977276
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜という本の紹介です。プログラムを魔法にみたてて、お絵かきツールからアクションゲーム、小さなRPGにも挑戦します。
執筆前に簡易版のRPGをWebに晒したりしながら、前著（遊んで作るスマホゲームプログラミング）よりも少し初心者向けに、ひたすら執筆を続けてようやく形にできました。詳しくは http://dev.eyln.com/book2.html にあります。
ラザフォード散乱（古典）の様子（静電ポテンシャル表示）
xy平面上におけるラザフォード散乱の様子。z軸方向にターゲット荷電粒子が作る静電ポテンシャルを表示。ラザフォード散乱についてhttp://www.natural-science.or.jp/article/20160406055544.phpグラフ描画は以下を参照くださいhttp://www.natural-science.or.jp/laboratory/graphjs.php
【検証】振子の周期が一番短いのはサイクロイド曲線？
振子の周期が一番早いとされるサイクロイド曲線。他の曲線と比較してみました。
サイクロイド曲線（緑）vs2次関数曲線（青）vs円曲線（ピンク）vs楕円曲線（赤）
【動画作成方法】
http://www.natural-science.or.jp/article/20150223214212.php
【ATOM】ASUS VivoStick TS10でZenzaWatchをためしてみる 【CherryTrail】
前世代のスティックPCでも普段は問題なかったのだけど、高画質系動画でスローになってしまうのが残念だったので、新型はどうなの？というのを試してみました。(本当は無駄遣いしたかっただけ)
3倍速とか無茶させなければ結構イケるようです。
このテストではコメントがカクついてるけど、普通の動画ならヌルヌルです。
GINZAは相変わらず重いです。
お借りした動画はこちら: sm28539679
こんな動画を選んでおいて言うのもなんですが、実はアイマスよく知らなかったり。。。
HTML5だけでミュージックシーケンサーを作ってみた【作ってみた】
去る2012年9月ごろに製作したHTML5だけで動くミュージックシーケンサ紹介動画です。
なぜ、2016年の今まで寝かしていたかは聞かないでください……
動画を見て「train12P」が気になった方は、こちらのマイリストをご参照ください。
mylist/55609191
2016/5/2 11:56追記;
アプリのURL: http://picopico-seq.appspot.com
マイリストの公開設定とアプリのURL追記しました。ごめんなさい
2016/5/4 追記; 参考程度にソースコード: https://github.com/hazama-yuinyan/picopico_sequencer
ほかの自作プログラム: mylist/55931937
雪の結晶シミュレーション（２次元DLA）
■HTML5による仮想物理実験室（物理シミュレーション）
http://www.natural-science.or.jp/article/20160524000005.php
■DLAによる樹木状クラスタのフラクタル次元
http://www.natural-science.or.jp/article/20110406232038.php
【ZenzaWatch】 コメントキャプチャテスト 【Bad Apple!】
これがHTML5の力！
watch/1463845240 が素晴らしかったので、フルHDでキャプチャしてみた。
Chrome上でここまで再現できるのはZenzaWatchだけ (たぶん)。
コメントアートの再現性を向上する施策はまだあるのですが、
処理速度と情熱のバランスを取りながらがんばっていきます。
そろそろニコスクリプトも一部対応したい。
単スリットによる回折現象
スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.php
【ZenzaWatch】コメントキャプチャテスト【Macで比較編】
メイン開発環境(Mac Chrome)での比較!
watch/1235882895 は、ZenzaWatchを作り始めたころに感動したコメントアートです。
うちには元の描画を再現できるPCがないけど、いい線行ってるのではないだろうか。コメントの実装は「正解」がわからないので難しいです。
しかし、こんな動画を上げておいて言うのもなんですが、もし新規に動画プレイヤーを作るのであれば、ここまでする必要はないと思います。
がんばってFlash特有の珍妙な挙動を再現するより、互換性はいったんリセットしてでも、ブラウザや環境に左右されない安定した仕様を作ることに力を注ぐほうがいいのではと思います。(フォントについてはコマンドの拡張で対応？)
ウィンドウサイズによって基本レイアウトが変わらないのもZenzaのいいところ。
【ZenzaWatch】replace機能実装中のテスト(まだ不完全)
Zenzaの描画システムは、言うならば「コメントのJITコンパイラ」である。
再生時に、コメント(XML) → 中間コード → CSS3 http://makimo.to/Zenza/SenbonZakura.html
への変換が行われる。
あとはコンパイルされたhtmlを、動画に合わせて表示位置を変えるだけ。
中間コードのおかげでフォントや解像度の変化にも強い。
ニワン語の対応は自分の技量でどこまでできるだろうか？ 作った人は本当に凄いと思う。 (これが動画プレイヤーに必要なのかは激しく疑問だけど・・・)
今回お借りした動画はこちら sm17367353
@逆再生はこちらで確認できます。sm6328375
@デフォルト(色)はこちらがオススメ sm19550074
そのうち書きたくなったらニコナレかどこかに解説を上げます。
【ZenzaWatch】 765Proでコメントキャプチャテスト
ニワン語の構文を無視してreplace命令だけ拾うという雑(現実的)な作戦で妥協しました。
正直ニワン語がオーバーテクノロジーすぎてフル実装できる気がしないけど、いつかは挑戦したいです。
今回お借りした動画はこちら -> sm25818853
(見やすくするために背景は黒くさせていただきました)
コンパイルされたもの: http://makimo.to/Zenza/765Pro!.html
ZenzaWatchがやってることと矛盾してるかもしれませんが、もし新規に動画プレイヤーを作るのであれば、フォントまわりの複雑な挙動は再現しなくていいと思います。
過去の互換よりも、AdobeやGoogleの気まぐれに振り回されないような描画の「仕様」をしっかり固めるべきではないだろうか。
ChromeでもFirefoxでもWindowsでもMacでもスマホでも同じCAが見られる世界こそ未来。
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak（読み上げソフト）とIgo.js（日本語形態素解析）を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
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でボーカロイドとかもっとすごい世界が広がってますよ。
Mabinogi MML Emulator
マビノギのMMLをブラウザで再生するプログラムを開発しました。（Chrome、FireFox、Edge対応）ほぼゲーム上と同じ音で再生されます。sm29089662の応用プログラムです。（これも、公表から３年経過してるが・・・）ついでに、JSMMLで再生するプログラムも入れてます。（JSMML版は立ち上がりが遅いが・・・。）
http://logue.github.io/MabiMmlEmu/
自分のMMLを入力して、このページの右下にある「シリアライズ」をクリックして、music.jsonのnameに曲名、valueに先ほど「シリアライズ」で出力したテキストを入れることで自分のMMLを登録できます。
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
Amazon FireTVでZenzaWatchを動かしてみる
準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。
【ZenzaWatch】コメントキャプチャテスト・「潜り込み」を検証
ZenzaWatchは元々スロットの概念がないので難しい。
WebWorkerを使って裏で計算してるので、起動時間への影響はごく僅かだと思います。
正直これであってるのどうかは自信がないです。そもそも正解があるのだろうか…。
ZenzaWatchは趣味だから再現してるけど、基本的にはこういうバグだか仕様だかわからない物は一度リセットすべきだと思います。(必要ならbackコマンド(仮)などを作るとか)
追記:
やはり仕様なのかもしれませんが、たまたまFlashの都合に合わせた結果こうなっただけで、作る側は特に意識してなさそうな予感…。
今回お借りした動画はこちら
watch/1305294209
sm4590194
名前映ってるのに気付いたけど、こんな動画を見る人は限られるやろ(*´∀｀*)
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす！ その１【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった？
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
天井プロジェクターのテスト
投げ売りしてたプロジェクターとスティックPCで、お手軽に寝ながらニコニコ動画。
消費電力も少ないので、つけっぱなしで眠ってしまっても安心。
ただし天井が白くないと厳しい。
画面をお借りした素晴らしい動画はこちら。
sm23722424
sm26171783
sm22391265
sm25619783
sm3945173
ニコニコ公式プレイヤーとZenzaWatchを比較してみた。【Chrome】
watch/1463845240 を使用してフルスクリーンで収録しました。
前半では、ZenzaWatchと公式プレイヤー(HTML5)の比較、
後半では、ｶｸｶｸの公式プレイヤー(Flash)が参戦してます。
各プレイヤーは日々更新されています。
当たり前ですが収録時のバージョンですので、
動画を視聴しているバージョンとは違うかもしれません。
環境
OS：macOS Sierra
使用ブラウザ：Google Chrome
ZenzaWatch設定：フォントサイズ:1.0 フォント:'HiraginoSans'
[2016/10/28 追記]
Flashがｶｸｶｸなのはコメを強制的に60fpsにしてある上に、
うｐ主のスペック不足です。すみませんでした。
PS4でBad Apple! (世界初？)
PS4でも新仕様の動画は普通に再生できるんだけど、
旧仕様の動画はProxomitronやCharlesを駆使して無理矢理cookieをとばさないと駄目な模様。
PS4側の問題だと思うのだけど、修正してもらえないだろうか。
コメントがカクカクなのは、CPUの性能からすればこんなもんなのか？
PS4 Proなら少しは滑らかになるかもしれません。
なお、Zenzaくんはまったく動く気配もありません。(せめてデバッグ可能なら・・・)
お借りしたマイメモリーはこちら: watch/1463845240
【ZenzaWatch】 Amazon Fire TVでBad Apple!
公式プレイヤーもAmazon Fire TVで動いたので比較テスト。
最初がめんどくさいけど、環境さえ構築すればそこそこ使える。
以前試した時: sm29273116 は丸っぽいフォントだったのですが、ある日突然、ゴシックっぽいフォントが表示されるようになりました。 謎すぎる。
お借りしたマイメモリーはこちら: watch/1463845240
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012