タグ html5 が登録されている動画 : 177 件中 65 - 96 件目
種類:
- タグ
- キーワード
対象:
WebGroove 0.9 デモ
HTML5で書いたシーケンサーWebGroove ver0.9デモ。ボーカルシンセ「200きろいど」搭載でブラウザが歌います。
【自作ゲーム】シノビダッシュ!
HTML5用ゲームエンジン「enchant.js」で作ったアクションゲーム。スマートフォンでも動きます。多分。 / 処理落ちしてるのはキャプチャのせいです。 http://9leap.net/games/708
iPod touch(2010)でニコニコしてみた
iPod touch(2010)でニコニコ動画を再生してみました。
下準備として、iCabMobile(ブラウザ)を購入。nicoHTML5モジュールをインストールしてます。
(詳しい設定法とかはググッてね♪)
液晶保護フィルム(マット)を貼っているのでちょっと画質悪くなっています。
まあ9月末にはHTML5に正式対応するようなので、こんなことする必要なくなるんでしょうがw
#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
Mabinogi MML Emulator
マビノギのMMLをブラウザで再生するプログラムを開発しました。(Chrome、FireFox、Edge対応)ほぼゲーム上と同じ音で再生されます。sm29089662の応用プログラムです。(これも、公表から3年経過してるが・・・)ついでに、JSMMLで再生するプログラムも入れてます。(JSMML版は立ち上がりが遅いが・・・。)
http://logue.github.io/MabiMmlEmu/
自分のMMLを入力して、このページの右下にある「シリアライズ」をクリックして、music.jsonのnameに曲名、valueに先ほど「シリアライズ」で出力したテキストを入れることで自分のMMLを登録できます。
【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のいいところ。
【ニコニコ自作ゲームフェス2016】 箱入り娘 VER.2
『箱キャッチして 迫り来る敵を倒し 最強の箱入り娘になろう!』
「ニコニコ自作ゲームフェス2016」投稿作品です。 降ってくる箱をキャッチした瞬間にショットが撃てるというシステムのアクションゲーム。 24時間でお題に沿ったあほげーを作るイベント「あほげー第18回」(お題は「箱」)の参加作品に新要素を加え、バージョンアップしたものです。
【ゲームタイトル】 箱入り娘 VER.2
【クリア時間】 無限にあそべます
【動作環境】 HTML5 が動作するブラウザ(Google Chrome, Firefox ~)
【ジャンル】 アクションゲーム
【ゲームURL】 http://nekopopolon.com/program/hako
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
3D音ナビ Conoot
3D音(立体音響)を利用した音声ナビゲーションアプリ「3D音ナビ Conoot」の紹介動画です。
http://conoot.ariafloat.com/
「新しい音の世界」ぜひ、ご体験ください。
【MMDドラマ】ミクダヨーを称える動画
自作のミクダヨーを称える動画がいくつも流れる動画です。
導入部分を含めて全てが無駄に長いMMDドラマですが
普通のMMDドラマと違って、ゲームプログラムを流用した部分が9割以上です。
内容はいろいろツッコミどころありますが最後まで見ていただけたら幸いです。
★注意★
私が初めて初音ミクV3を買ってDTMをしたときの曲が流れます。
初音ミクの洗練された技術を知っている方からすれば
笑ってしまうようなものですがご容赦ください。
特に11分18秒~12分に流れる初音ミクV3による聖剣伝説2「呪術師」は
原曲を知っていたり音感がいい方は体調を崩されるかもしれません。
その場合は無理して視聴を続けないでください。
【MMDドラマ】勝負師弱音ハク
二作目になります。
ほとんど動かない上に文字ばかりで内容もないようなものですが、少しでも楽しんでいただけたら幸いです。
キャラの動きなどは相変わらずJavascriptで制御を行っていて2Dのようになってます。
前回文字が小さいということで、今回は文字サイズを大きくしてみました。
今回登場するゲーム要素のある部分について、需要はないかもしれませんが、致命的なバグを含むシステムの改修やデザインの修正が終わっていつか配布できたらと夢みています。
本編は10秒後くらいから始まります。
補足
ボカロ王国:ミクちゃん、リンちゃん、レンちゃん、ルカちゃん、ネルちゃん、ハクちゃんが住んでる王国
任務:ボカロ王国に他国から来る依頼でミクダヨー様に命じられる仕事
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて~原曲、じゅるP氏作:Gene-Revolutionary
波動方程式(ノイマン境界条件)の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
【万年エターナるが3Dシューティング…ではない…だと?】微生物シミュ
来週から頑張ります
シューティング制作の過程でJavascriptの勉強ができたので
すごい昔に作った微生物シミュレーションを作り直してみました。
↓ライブデモ
http://www.geocities.jp/warotarock/experimental/webpcl/
※Google Chromeで動作確認しています。
※WebGLではないのでChrome以外でもわりと動く気がします。
明日から使えない IndexedDB プロ生勉強会 第15回@大阪 #pronama
2012/4/21 に開始した プログラミング生放送勉強会 第15回@大阪のセッションです
「明日から使えない IndexedDB」
スピーカー: mzsm さん(@mzsm_j): 株式会社ジェーン
JavaScript で大量のデータをローカル環境に保存できる Indexed Database API。まだ仕様がちゃんと固まっておらず、まともに使える段階ではありませんが、Windows 8 のメトロアプリでも使える注目の技術です。主要なブラウザでの実装状況、実装はされていないが最新の仕様では変更されている点など、できる限り最新の情報をお伝えします。
lv89231179
mylist/28883076
【HTML5】東方ノベルシステム for iPhoneとAndroid、的な何か4
sm10705262 の続き
続き > sm11006394
HTML5でiPhoneで動くように作ってみたものの、欲を出したらAndroidでも動いたよ!
というお話です、実機の方でも(Xperia/Desire/N1)でも動作確認取れたのでマーケットにも登録してみました。
使っているファイルはiPhone/Androidともにほぼ同一です。
画質が残念で申し訳ないです。
しかし、一つ作れば両方で動くってのはいいですね。
これからもちまちま更新していければと思ってます。
音楽はpanicpumpkin様のBGMを使用させて頂いてます。
http://panicpumpkin.omiki.com/index.html
iphoneでプレイしてみる場合はコチラ > http://novesys.appspot.com/index.html
Androidでプレイしてみる場合は「東方ノベルシステム」でマーケット検索すれば出てくる・・・かな?
HTML5 でゲーム配信とか - shinh
SDLオフ 2009年夏 (2009-09-23)
http://gonypage.jp:10080/proj/wiki/SDL_2009%E5%A4%8F
マイリスト: mylist/15007094
この動画はCreative Commons「表示」を適用します
http://creativecommons.org/licenses/by/2.1/jp/
2くらいから始めるライフゲーム開発 第2回 「実装済みの機能について」
引き続き視聴してくださってる方はありがとうございます
前回の動画では内容はどうあれ、画質などにも問題なく視聴できるレベルだと判断したので
今回からは、動画の作り方の方に試行錯誤してみました
これからもより良い動画になるようにがんばります
mylist:mylist/61839221
前回:sm33117675
次回:sm33331034
参考にさせていただいたアルゴリズム (他の地形生成アルゴリズムも載っています)
https://blog.splout.co.jp/3429/
再エンコ回避動画を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が使われています。
【ZenzaWatch】コメントキャプチャテスト・「潜り込み」を検証
ZenzaWatchは元々スロットの概念がないので難しい。
WebWorkerを使って裏で計算してるので、起動時間への影響はごく僅かだと思います。
正直これであってるのどうかは自信がないです。そもそも正解があるのだろうか…。
ZenzaWatchは趣味だから再現してるけど、基本的にはこういうバグだか仕様だかわからない物は一度リセットすべきだと思います。(必要ならbackコマンド(仮)などを作るとか)
追記:
やはり仕様なのかもしれませんが、たまたまFlashの都合に合わせた結果こうなっただけで、作る側は特に意識してなさそうな予感…。
今回お借りした動画はこちら
watch/1305294209
sm4590194
名前映ってるのに気付いたけど、こんな動画を見る人は限られるやろ(*´∀`*)
Amazon FireTVでZenzaWatchを動かしてみる
準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。
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が見られる世界こそ未来。
[ブラウザゲー] よけろ!弾幕さん [STG]
JavaScriptで作った弾幕STGです。
スマホでも動くんでぜひ遊んでみてね。
http://9leap.net/games/4107
ソースの場所
https://github.com/daishihmr/danmaku-san
【MMDドラマ】ミクダヨーを称える動画その2
前回投稿した「【MMDドラマ】ミクダヨーを称える動画」の続きになります。
自作のミクダヨーを称える動画がいくつも流れる動画です。
普通のMMDドラマと違って、ゲームプログラムを流用した部分が9割以上です。
内容はいろいろツッコミどころありますが最後まで見ていただけたら幸いです。
前回の動画で勉強になるコメントをくださりありがとうございました。
今回は諸事情により活かせなかったのですが
経験を積んで次回があれば活かしていきたいです。
★注意★
3分38秒~4分16秒にカイトとメイコの少しラブラブなシーンがあります。
6分42秒~7分22秒にミクダヨーによる殺戮シーンがあります。
苦手な方は注意してください。
あとあまり動きません…
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて~原曲、じゅるP氏作:Gene-Revolutionary
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ!SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
CSS3でアニメーション実験!思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
【HTML5】東方ノベルシステム for iPhone、的な何か2【webkit】
sm10459029 からちょいちょい作ってます。
続き > sm10705262
まともに動くかはアレですがためしに触ってみたい方はこちらをどうぞ
(キャッシュ処理を完全に入れてないのでWIFI環境推奨)
http://novesys.appspot.com/index.html
ちなみに動かしているシナリオは以下のテキストの記法でやってます。
http://novesys.appspot.com/scenario1.txt
http://novesys.appspot.com/scenario2.txt
GW明けにはアップロードして誰でも見ることができるようなったらいいな。
バグとか何とかあれば [email protected] へ頂けると助かります!
【HTML5】東方ノベルシステム for iPhone、的な何か【safari】
続き>sm10546434
googleのQuakeやらpieguyみてHTML5スゲー、と思ったので弄ってみました。
音が出なかったりしますが、色々できて楽しいです。
とりあえずはシナリオ作った人がテキストアップロード>誰でもiphoneの方でプレイ可能なトコまではもってきたい所。
需要は知らない。
動画の流れとしては以下の感じです
・サイトにアクセス>インストール(ホーム画面に登録)>アプリとして起動
東方関連のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
から利用させて頂きました、ハイクオリティな素材に感謝です。