タグ HTML5 が登録されている動画 ： 177 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
「60fpsの滑らかさ」 の比較
解説記事用の動画です。
これだけ見ても意味不明だと思います。
ざっくり言うと、
上は時間とコメントがきっちり同期してるのに対し、
下はそんなに正確じゃなかったりします。(そのかわりに滑らか)
この辺をCanvasとCSS3 Transitionの性質と絡めつつ、うまくまとめられるといいんですが。
録画環境
Ryzen 1700X / Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm30617631
公式プレイヤーのコメントをなめらか化するテスト
思いついたらまず検証。
エコノミーだと違いが判らないかも。
これは60fpsなのに微妙なカクつきが発生するのを軽減する技であり、
プレイヤーが軽くなったり、30fpsが60fpsになったりするような魔法ではありません。
元から60fpsの出る環境でないと、効果は薄いと思います。
下でもたまにカクカクするのは、動画プレイヤー以外に裏で色々動いているせいかもしれません。(ニュースとか広告とか)
録画環境
CPU Ryzen 1700X / GPU Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm32611152
ラザフォード散乱（古典）の様子（静電ポテンシャル表示）
xy平面上におけるラザフォード散乱の様子。z軸方向にターゲット荷電粒子が作る静電ポテンシャルを表示。ラザフォード散乱についてhttp://www.natural-science.or.jp/article/20160406055544.phpグラフ描画は以下を参照くださいhttp://www.natural-science.or.jp/laboratory/graphjs.php
同人ゲームっぽいスマホ対応アクションゲームを作ってみた
http://9leap.net/games/1624 -------------------- 【BUTTERFLY SPEAR】（バタフライスピア）ゲームエンジンenchant.jsを使ってサンプルを寄せ集めて生まれたゲームです。頑張れば制作日数6日でこれくらいのものができます。niconicoには同人ゲームを作りたいけど難しそうと思っている人が多そうなのでDXライブラリよりenchant.js、吉里吉里よりatlasXを先に試してみるといいんじゃないでしょうか。もし技術的な要望があれば公開していきたいと思います。プレイ動画とか誰か投稿してくれないかなあとか言ってみたり^^ ※旧世代スマートフォン(iPhone3GS等）やiPodTouchでは快適なゲーム処理速度が実現できないことをご了承下さい -------------------- スーパープレイ動画→sm17959255 物理アクションパズル→sm18093635
雪の結晶シミュレーション（２次元DLA）
■HTML5による仮想物理実験室（物理シミュレーション）
http://www.natural-science.or.jp/article/20160524000005.php
■DLAによる樹木状クラスタのフラクタル次元
http://www.natural-science.or.jp/article/20110406232038.php
3D音ナビ Conoot
3D音（立体音響）を利用した音声ナビゲーションアプリ「3D音ナビ Conoot」の紹介動画です。
http://conoot.ariafloat.com/
「新しい音の世界」ぜひ、ご体験ください。
【ZenzaWatch】 コメント読み上げ機能のテスト 【Xperia】
Web Speech APIという物を使ってみたかっただけです。
一発ネタなので、この機能は飽きたら消すと思います。(決してこれがやりたかったわけでは・・・)
次は音声認識でのコメント入力も試してみたいです。
どうやってAndroidで動かしてるの？についてはこちら
http://ch.nicovideo.jp/segabito/blomaga/ar977276
単スリットによる回折現象
スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.php
!CheerZ! 乾杯可視化システム
html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。
HTML5であそんでみたクエスト
【You Tube転載】「HTML5であそんでみたクエスト」は、HTML5で新たに実装された新機能で遊んでみたRPG風ゲームです。ローカルの画像をブラウザに直接ドラッグ＆ドロップすることで戦います。画像がJPEGなら「たたかう」、GIFなら「まほう」、PNGなら「かいふく」といった具合に、ドロップした画像の拡張子によってコマンドが変化。画像はデカければデカいほど強く、あまり小さいとはね返されてしまってダメージを与えられません。ゲームサイトはこちら⇒http://dot3.jp/html5quest/（※Firefox以外のブラウザには対応していません）
Firefoxだとコメントがカクカク？ だったら滑らかにしてやんよ 【公式プレイヤー】
前から理屈はわかっていたけど証明するのが怠かった(他に誰か気付くかなあとか思いながら)。
滑らかにする方法は、ブラウザにTampermonkeyを導入してから ↓ をインストールするだけ
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術的な説明は苦手なので、コード見て意味がわかった人に任せます(丸投げ)。
わかってしまえば、なんだそんなことかって拍子抜けすると思う。
時報やアンケートやニュースがある限り公式プレイヤーに興味は持てないけど、Firefoxがダメな子扱いされるのも可哀想なのでちょいちょいっと。
ZenzaWatchはまだまだやりたいことがたくさんあるけど、しばらくエネルギー不足で動けない。無念。
波動方程式（ノイマン境界条件）の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
ZenzaWatchコメント投稿テスト用
GooglePhotosで自動生成された動画をそのまま投稿。
コメント投稿テスト用として自由にお使いください。
なんか面白いアイデアや報告が書いてあったら適当に拾います。
ここなら誰でも書きやすいと思います。 実現可能かどうかなんて気にしないで、気軽にどうぞ。
入力欄は「C」を押せばいつでも呼び出せます。超便利。
しかも本家と違って、フルスクリーンでも入力可能。
FlashとFirefoxの相性に悩まされることもありません。#テスト
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜という本の紹介です。プログラムを魔法にみたてて、お絵かきツールからアクションゲーム、小さなRPGにも挑戦します。
執筆前に簡易版のRPGをWebに晒したりしながら、前著（遊んで作るスマホゲームプログラミング）よりも少し初心者向けに、ひたすら執筆を続けてようやく形にできました。詳しくは http://dev.eyln.com/book2.html にあります。
PCで無理やり「スマホで初代電車でGO！」をプレイしてみた。
パソコンからのやり方のヒント
ウェブブラウザを開発者モードで開いてユーザーエージェント情報を変更。
初代『電車でGO！』が遊べる！運転士体験サイト | SQUARE ENIX
https://www.jp.square-enix.com/denshadego/syodai/game/
いんちきゲーム屋のギャラクシーウォーズをhtml5で動かしてみた。
「ゲームセンターあらし」で炎のコマを生み出すきっかけとなったゲームです。
とは言うものの、基板の性能に即して作ってみると
GIVEUP出せる人なら手を200万回も動かす必要も無く
一万点は取れたんじゃないかなあと(笑
隕石の初期個数の増加と隕石がミサイルを撃つ改変を行っています。この動画では都合上4面目の難易度からスタートしています。
マイリスmylist/34144919
ポテンシャル障壁に対する電子パルスのトンネル効果（2次元）
【HTML5+WebGL】ポテンシャル障壁に対する電子パルスのトンネル現象の時間発展ビューア。実物のほうがサクサク動かすことができます（データの読込に30秒程度かかります）。http://www.natural-science.or.jp/virtual-lab/results/pulse4.html
【検証】振子の周期が一番短いのはサイクロイド曲線？
振子の周期が一番早いとされるサイクロイド曲線。他の曲線と比較してみました。
サイクロイド曲線（緑）vs2次関数曲線（青）vs円曲線（ピンク）vs楕円曲線（赤）
【動画作成方法】
http://www.natural-science.or.jp/article/20150223214212.php
Firefoxのコメントが滑らかになった (公式プレイヤー)
Firefoxの拡張無しでも滑らかになった。
右クリックメニューでスムージング処理のON/OFFしてみるとわかりやすい！
原理的には生放送のタイムシフトにも効果があるはず。
『都立水商！』PV
日本初！？水商売専門の公立高校
『都立水商！』は、PCでもスマホでもプレイ可能なHTML5のブラウザゲームです。
あなたは新任教師として、都立水商に赴任してきました。
色々な生徒を受け持ち、授業を進めて生徒たちの夢を一緒に叶えよう！
★『都立水商！』 公式サイト
https://swninfo.success-corp.co.jp/browser-games/toritsumizushou/
★株式会社サクセス 公式サイト
http://www.success-corp.co.jp/
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす！ その１【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった？
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
かさねてとキーボード作ってみた
テトさんにリアルタイムに歌ってもらいたかった。
HTML5のaudio要素を使ってOpera11で動かしています。FireFoxとGoogleChromeでも最近のなら動くと思います。
IEでは今のところ動きません。
事前に歌詞を入力するタイプなら2008年にAquesToneがやってる（参考：sm4158992、sm4574727）ので
リアルタイムに歌詞を入力するのが今回のポイントだと思ってます。
※画面はWin7のパフォーマンス優先設定です。
eVY1 ShieldをUSB接続して、Web MIDI APIで再生してみる
YAMAHA NSX-1搭載のeVY1 ShieldをMacにUSB接続して、Web MIDI API経由で唄ってもらうサンプルができました。
別府鉄輪地獄変第13話
http://www.studio-boiler.com/h5/
この動画は元々HTML5アニメとして作りました。ゲームも入ってるので是非上記のURLもご覧いただけましたら。
iPhoneのブラウザでも動くアニメ&ゲームで、youTubeやAppStoreの制約を受けずにアニメが公開できます。
さらにベクタベースなので、マシンパワーさえあれば4K・8K即対応可能です。制作はAnimateCCにて制作しました。
sm34258184＜＜第１２話｜
【ZenzaWatch】新iPadProではコメントも120fpsで流れてた ほか
動画自体は60fpsだけど、なんとなく違いがわかる？
わざわざiPadでZenzaWatchを使う人もいないと思うけど、SafariよりChromeのほうがおすすめです。
タッチパネル関連はまだまだアイデアが出てくると思うので、今後も研究していきたい。(たぶんChromeしか確認しないけど)
検証にお借りした動画はこちら: sm17209552
CanvasとWebSocketsのデモ
HTML5で入るらしいCanvasとWebSocketsを使った、それぞれのプレイヤーが操作するキャラクターがウロウロするデモです。（ウロウロすることしかできません。）ソースはこちら http://github.com/komagata/prowler
【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で適当な東方ゲームを作ってみた。アリスの告白大作戦！
一応、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