タグ HTML5 が登録されている動画 ： 177 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
ポテンシャル障壁に対する電子パルスのトンネル効果（2次元）
【HTML5+WebGL】ポテンシャル障壁に対する電子パルスのトンネル現象の時間発展ビューア。実物のほうがサクサク動かすことができます（データの読込に30秒程度かかります）。http://www.natural-science.or.jp/virtual-lab/results/pulse4.html
別府鉄輪地獄変第13話
http://www.studio-boiler.com/h5/
この動画は元々HTML5アニメとして作りました。ゲームも入ってるので是非上記のURLもご覧いただけましたら。
iPhoneのブラウザでも動くアニメ&ゲームで、youTubeやAppStoreの制約を受けずにアニメが公開できます。
さらにベクタベースなので、マシンパワーさえあれば4K・8K即対応可能です。制作はAnimateCCにて制作しました。
sm34258184＜＜第１２話｜
【ATOM】ASUS VivoStick TS10でZenzaWatchをためしてみる 【CherryTrail】
前世代のスティックPCでも普段は問題なかったのだけど、高画質系動画でスローになってしまうのが残念だったので、新型はどうなの？というのを試してみました。(本当は無駄遣いしたかっただけ)
3倍速とか無茶させなければ結構イケるようです。
このテストではコメントがカクついてるけど、普通の動画ならヌルヌルです。
GINZAは相変わらず重いです。
お借りした動画はこちら: sm28539679
こんな動画を選んでおいて言うのもなんですが、実はアイマスよく知らなかったり。。。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その6
ライブラリなど使わず0から作っています。
前: sm22039412 次: sm23482639
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
高速化のためにメモリ管理手法を変えた結果、
メモリの使用量を25%、GCの負荷を99%カットできました。
他にも細かいチューンを行い、高速化は一段落したので、ようやく次のステップに進めそうです。
今回も相変わらず霊夢と魔理沙のリプレイを垂れ流しています。
ブラウザMMDビューア→mylist/49125767
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす！ その１【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった？
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
いんちきゲーム屋のギャラクシーウォーズをhtml5で動かしてみた。
「ゲームセンターあらし」で炎のコマを生み出すきっかけとなったゲームです。
とは言うものの、基板の性能に即して作ってみると
GIVEUP出せる人なら手を200万回も動かす必要も無く
一万点は取れたんじゃないかなあと(笑
隕石の初期個数の増加と隕石がミサイルを撃つ改変を行っています。この動画では都合上4面目の難易度からスタートしています。
マイリスmylist/34144919
艦これ 第二期（HTML5） 始まります！ -艦隊これくしょん- [実況]
![艦これ 第二期（HTML5） 始まります！ -艦隊これくしょん- [実況]](https://nicovideo.cdn.nimg.jp/thumbnails/33706611/33706611)
艦これ -艦隊これくしょん- の第二期（HTML5化）メンテが終了したので、お試しで収録してみました。
画面サイズ 1200×720（等倍） 60fps です。
普段はスパクロ（スーパーロボット大戦X-Ω）の実況動画をupしているのですが、今回、突発的に艦これの収録を試みました。
終始gdgdなので予めご了承下さい。
※ マウスカーソルを表示しないで録画する設定になっていましたので、カーソル非表示になっています。
収録時1280×720だと思ってました。正確には720Pではないです。
スパクロマイリスト mylist/55618661
ツイッター https://twitter.com/yutohar
HTML5で迷路作成プログラム
HTML5のcanvas機能を使った迷路作成プログラムです
HTMLとJavaScriptのみで動いてます
http://www.geocities.jp/katsu_don2009/index.html
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でボーカロイドとかもっとすごい世界が広がってますよ。
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
HTML5で適当な東方ゲームを作ってみた。アリスの告白大作戦！
一応、http://www.usamimi.info/~pandaumineko/arisu1enter.htmlで、プレイできます。
使用素材
音楽：おおゆきちたい（HNぽん たぬき）http://nagoya.cool.ne.jp/pontanuki/
ドット絵：素材の著作者名【7B】、配布サイト名【点睛集積】http://do-t.cool.ne.jp/dots/
HTML5で作るうえで参考にしたサイト：http://sites.google.com/site/gorogoronyan/Home
追記：この動画は、あくまで初めてHTML5に触る人間が、３日で作った練習作です。br>HTML5の本気を知りたい人は、sm11006394や、sm10946181、sm10820091を見てください。と、HTML5の名誉のために宣伝。
マイリスmylist/21737630
同人ゲームっぽいスマホ対応アクションゲームを作ってみた
http://9leap.net/games/1624 -------------------- 【BUTTERFLY SPEAR】（バタフライスピア）ゲームエンジンenchant.jsを使ってサンプルを寄せ集めて生まれたゲームです。頑張れば制作日数6日でこれくらいのものができます。niconicoには同人ゲームを作りたいけど難しそうと思っている人が多そうなのでDXライブラリよりenchant.js、吉里吉里よりatlasXを先に試してみるといいんじゃないでしょうか。もし技術的な要望があれば公開していきたいと思います。プレイ動画とか誰か投稿してくれないかなあとか言ってみたり^^ ※旧世代スマートフォン(iPhone3GS等）やiPodTouchでは快適なゲーム処理速度が実現できないことをご了承下さい -------------------- スーパープレイ動画→sm17959255 物理アクションパズル→sm18093635
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
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
【MMDドラマ】弱音ハクの冒険
ミクダヨーさん関連のMMDドラマを見て、自分でもMMDドラマを作ってみたいと思って作ってみました。
内容を省略していたり、仮データのままだったり、おかしいところがいくつかあります・・・
MMDを触るのも動画を作るのも初めてで、未熟な部分もありますが、少しでも楽しんでいただけたら幸いです。
2分30秒くらいから本編が始まりますが、それ以前と音量の差がありますので、ご注意ください。（私の再生環境の違いで2分30秒くらいから音が大きくなります・・・申し訳ないです）
あと後半で、ミクとハクが百合っぽくなってますが、私の表現力不足であって二人はそういう関係ではないです。（二人きりのときになると甘えるミクを表現したかったです。）
Firefoxのコメントが滑らかになった (公式プレイヤー)
Firefoxの拡張無しでも滑らかになった。
右クリックメニューでスムージング処理のON/OFFしてみるとわかりやすい！
原理的には生放送のタイムシフトにも効果があるはず。
Amazon FireTVでZenzaWatchを動かしてみる
準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。
CanvasとWebSocketsのデモ
HTML5で入るらしいCanvasとWebSocketsを使った、それぞれのプレイヤーが操作するキャラクターがウロウロするデモです。（ウロウロすることしかできません。）ソースはこちら http://github.com/komagata/prowler
再エンコ回避動画を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が使われています。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
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様 だいし様 広告ありがとうございます。
コメントなめらか拡張で比べるコメントアート.mp4
Firefox標準より軽量設定＋拡張のほうが滑らかじゃねーかっ！
いままで見てきた物は何だったのか。
Firefox以外もわかりにくいけど若干ｧ効果はありまぁす。
拡張オンの状態でもたまにカクってなるのは、コメントの描画が重いのと、視聴ページに余計な機能が多すぎてたびたび処理に割り込まれるため。
もしフレームレートが落ちずに安定するなら、ZenzaWatchに近い滑らかさになるはず。
逆に言うと、どれだけプレイヤーを高速化しようが、この問題に気付かなければ永遠に届かない。
インストールはここから
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
お借りしたフレンズはこちら sm33824596
【ニコニコ自作ゲームフェス2016】 箱入り娘 VER.2
『箱キャッチして 迫り来る敵を倒し 最強の箱入り娘になろう！』
「ニコニコ自作ゲームフェス2016」投稿作品です。 降ってくる箱をキャッチした瞬間にショットが撃てるというシステムのアクションゲーム。 24時間でお題に沿ったあほげーを作るイベント「あほげー第18回」（お題は「箱」）の参加作品に新要素を加え、バージョンアップしたものです。
【ゲームタイトル】 箱入り娘 VER.2
【クリア時間】 無限にあそべます
【動作環境】 HTML5 が動作するブラウザ（Google Chrome, Firefox ~）
【ジャンル】 アクションゲーム
【ゲームURL】 http://nekopopolon.com/program/hako
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
艦隊これくしょん １期(Flash版) 2期(HTML5版)比較動画
8/15 11：55にて 艦隊これくしょんの１期が終了しました・・・
8/17 メンテが明け2期がスタートしました・・・
今回は1期と2期の違いをなるべく分かりやすく比較しやすい動画を作成しました
もし良ければ最後までご覧下さい
1期 Flash版まとめ動画→sm33697242
前回の動画の広告者様
clusterさん ソラみみさん ありがとうございますm(__)m
爆破しまくるソフトを作った+使用例
むしゃくしゃしてやった。批判の意図はない。
結構楽しいよこれ。
爆破しまくるWebサイト:https://yyya-nico.com/blowup/
2022/09/23 ゲームアツマールにも投稿しました:gm27402
元ネタの1つ:https://scratch.mit.edu/projects/201970289/
公式プレイヤーのコメントをなめらか化するテスト
思いついたらまず検証。
エコノミーだと違いが判らないかも。
これは60fpsなのに微妙なカクつきが発生するのを軽減する技であり、
プレイヤーが軽くなったり、30fpsが60fpsになったりするような魔法ではありません。
元から60fpsの出る環境でないと、効果は薄いと思います。
下でもたまにカクカクするのは、動画プレイヤー以外に裏で色々動いているせいかもしれません。(ニュースとか広告とか)
録画環境
CPU Ryzen 1700X / GPU Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm32611152