タグ HTML5 が登録されている動画 ： 177 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
大文字さとる君のミラクルスペースインベーダーをhtml5で動かしてみた。
「ゲームセンターあらし」に出てくる天才プログラマ、大文字さとる君が
対あらし君用に作り出したインベーダーのパート１です。
全てhtml5のjavascriptで書いています。
まず普通のインベーダーを目コピしたあとミラクルシャワーを追加しました。
これは通常のミサイル処理を流用し落下速度を判定可能限界まで上げたものです。
原作同様、自機がＵＦＯの真下に来ると発射するようにしています。
※原作をコメントしてくれた方ありがとう。
マイリスmylist/34144919
【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でプレイしてみる場合は「東方ノベルシステム」でマーケット検索すれば出てくる・・・かな？
PS4でBad Apple! (世界初？)
PS4でも新仕様の動画は普通に再生できるんだけど、
旧仕様の動画はProxomitronやCharlesを駆使して無理矢理cookieをとばさないと駄目な模様。
PS4側の問題だと思うのだけど、修正してもらえないだろうか。
コメントがカクカクなのは、CPUの性能からすればこんなもんなのか？
PS4 Proなら少しは滑らかになるかもしれません。
なお、Zenzaくんはまったく動く気配もありません。(せめてデバッグ可能なら・・・)
お借りしたマイメモリーはこちら: watch/1463845240
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その7
0から作成中。
使用ライブラリはWebGLのための行列計算ライブラリglMatrixのみ。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20140504/1399222894
前: sm22137339 次: sm24664609
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
背景レイヤにWebGLを採用し、3D表現が可能になりました。
ブラウザMMDビューア→mylist/49125767
かさねてとキーボード作ってみた
テトさんにリアルタイムに歌ってもらいたかった。
HTML5のaudio要素を使ってOpera11で動かしています。FireFoxとGoogleChromeでも最近のなら動くと思います。
IEでは今のところ動きません。
事前に歌詞を入力するタイプなら2008年にAquesToneがやってる（参考：sm4158992、sm4574727）ので
リアルタイムに歌詞を入力するのが今回のポイントだと思ってます。
※画面はWin7のパフォーマンス優先設定です。
【自作ゲーム】シノビダッシュ！
HTML5用ゲームエンジン「enchant.js」で作ったアクションゲーム。スマートフォンでも動きます。多分。 / 処理落ちしてるのはキャプチャのせいです。 http://9leap.net/games/708
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！
初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ってみた！
ブラウザで遊べる初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ったお！
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
HTML5で東方ノベルシステム的な何か【iPhone/Android】
sm10870882 からまたちょろっと進化？
canvasアニメーションやら、transformやら手を出してみました
iPhoneがアップデートしたら、音出してみたいですね。
iPhone/Androidでプレイ -> http://novesys.appspot.com/
シナリオ登録してみたい -> http://novesys.appspot.com/flask/
な感じで
BGMはフランソワさんのよもぎ畑様よりファミコン版メガマリ「チルノステージ」を使用させて頂いています。
http://hccweb6.bai.ne.jp/yomogi-farm/music.html
Windows 8 と HTML5 でアプリ開発 プレビュー HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
「Windows 8 と HTML5 でアプリ開発 プレビュー」 5zj (@jz5)
風呂グラミングですまん。
lv70701712
mylist/12987821
【ZenzaWatch】コメントキャプチャテスト【Macで比較編】
メイン開発環境(Mac Chrome)での比較!
watch/1235882895 は、ZenzaWatchを作り始めたころに感動したコメントアートです。
うちには元の描画を再現できるPCがないけど、いい線行ってるのではないだろうか。コメントの実装は「正解」がわからないので難しいです。
しかし、こんな動画を上げておいて言うのもなんですが、もし新規に動画プレイヤーを作るのであれば、ここまでする必要はないと思います。
がんばってFlash特有の珍妙な挙動を再現するより、互換性はいったんリセットしてでも、ブラウザや環境に左右されない安定した仕様を作ることに力を注ぐほうがいいのではと思います。(フォントについてはコマンドの拡張で対応？)
ウィンドウサイズによって基本レイアウトが変わらないのもZenzaのいいところ。
【HTML5】東方ノベルシステム for iPhone、的な何か【safari】
続き＞sm10546434
googleのQuakeやらpieguyみてHTML5スゲー、と思ったので弄ってみました。
音が出なかったりしますが、色々できて楽しいです。
とりあえずはシナリオ作った人がテキストアップロード＞誰でもiphoneの方でプレイ可能なトコまではもってきたい所。
需要は知らない。
動画の流れとしては以下の感じです
・サイトにアクセス＞インストール（ホーム画面に登録）＞アプリとして起動
東方関連のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
から利用させて頂きました、ハイクオリティな素材に感謝です。
【ZenzaWatch】 コメントキャプチャテスト 【Bad Apple!】
これがHTML5の力！
watch/1463845240 が素晴らしかったので、フルHDでキャプチャしてみた。
Chrome上でここまで再現できるのはZenzaWatchだけ (たぶん)。
コメントアートの再現性を向上する施策はまだあるのですが、
処理速度と情熱のバランスを取りながらがんばっていきます。
そろそろニコスクリプトも一部対応したい。
【自作ゲームフェス2018】やじるしゴー！のご紹介♪【Simple is best ?】
【ゲームサイト】
https://baltan3600878.wixsite.com/baltanslife/game
追加ステージを皆様から随時募集しています！
twitter @baltan2721246 までご連絡お待ちしております(ﾟ∀ﾟ)
どうも！ニコニコを愛しすぎた雑談配信者「ばるたん」です！
こちら、自作ゲームフェス2018出展ゲームのチュートリアル動画です。
「何このショボイゲーム？！」そう思ったそこのあなた！大正解ｗｗｗ
さくっとプログラマデビューしちゃいましょう(ﾟ∀ﾟ)
本来ゲーム作成は楽しい物、それを体感できる教材としても是非！
公式プレイヤーのコメントをなめらか化するテスト
思いついたらまず検証。
エコノミーだと違いが判らないかも。
これは60fpsなのに微妙なカクつきが発生するのを軽減する技であり、
プレイヤーが軽くなったり、30fpsが60fpsになったりするような魔法ではありません。
元から60fpsの出る環境でないと、効果は薄いと思います。
下でもたまにカクカクするのは、動画プレイヤー以外に裏で色々動いているせいかもしれません。(ニュースとか広告とか)
録画環境
CPU Ryzen 1700X / GPU Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm32611152
爆破しまくるソフトを作った+使用例
むしゃくしゃしてやった。批判の意図はない。
結構楽しいよこれ。
爆破しまくるWebサイト:https://yyya-nico.com/blowup/
2022/09/23 ゲームアツマールにも投稿しました:gm27402
元ネタの1つ:https://scratch.mit.edu/projects/201970289/
艦隊これくしょん １期(Flash版) 2期(HTML5版)比較動画
8/15 11：55にて 艦隊これくしょんの１期が終了しました・・・
8/17 メンテが明け2期がスタートしました・・・
今回は1期と2期の違いをなるべく分かりやすく比較しやすい動画を作成しました
もし良ければ最後までご覧下さい
1期 Flash版まとめ動画→sm33697242
前回の動画の広告者様
clusterさん ソラみみさん ありがとうございますm(__)m
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【ニコニコ自作ゲームフェス2016】 箱入り娘 VER.2
『箱キャッチして 迫り来る敵を倒し 最強の箱入り娘になろう！』
「ニコニコ自作ゲームフェス2016」投稿作品です。 降ってくる箱をキャッチした瞬間にショットが撃てるというシステムのアクションゲーム。 24時間でお題に沿ったあほげーを作るイベント「あほげー第18回」（お題は「箱」）の参加作品に新要素を加え、バージョンアップしたものです。
【ゲームタイトル】 箱入り娘 VER.2
【クリア時間】 無限にあそべます
【動作環境】 HTML5 が動作するブラウザ（Google Chrome, Firefox ~）
【ジャンル】 アクションゲーム
【ゲームURL】 http://nekopopolon.com/program/hako
コメントなめらか拡張で比べるコメントアート.mp4
Firefox標準より軽量設定＋拡張のほうが滑らかじゃねーかっ！
いままで見てきた物は何だったのか。
Firefox以外もわかりにくいけど若干ｧ効果はありまぁす。
拡張オンの状態でもたまにカクってなるのは、コメントの描画が重いのと、視聴ページに余計な機能が多すぎてたびたび処理に割り込まれるため。
もしフレームレートが落ちずに安定するなら、ZenzaWatchに近い滑らかさになるはず。
逆に言うと、どれだけプレイヤーを高速化しようが、この問題に気付かなければ永遠に届かない。
インストールはここから
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
お借りしたフレンズはこちら sm33824596
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様 だいし様 広告ありがとうございます。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
再エンコ回避動画を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が使われています。
CanvasとWebSocketsのデモ
HTML5で入るらしいCanvasとWebSocketsを使った、それぞれのプレイヤーが操作するキャラクターがウロウロするデモです。（ウロウロすることしかできません。）ソースはこちら http://github.com/komagata/prowler
Amazon FireTVでZenzaWatchを動かしてみる
準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。
Firefoxのコメントが滑らかになった (公式プレイヤー)
Firefoxの拡張無しでも滑らかになった。
右クリックメニューでスムージング処理のON/OFFしてみるとわかりやすい！
原理的には生放送のタイムシフトにも効果があるはず。