タグHTML5を含む動画:31件 1ページ目を表示
2024年9月24日 07時10分に生成された05時00分のデータです
2016-03-29 22:00:32
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜という本の紹介です。プログラムを魔法にみたてて、お絵かきツールからアクションゲーム、小さなRPGにも挑戦します。
執筆前に簡易版のRPGをWebに晒したりしながら、前著(遊んで作るスマホゲームプログラミング)よりも少し初心者向けに、ひたすら執筆を続けてようやく形にできました。詳しくは http://dev.eyln.com/book2.html にあります。あれのアプリあったなあ 魔法が学べるのか1 本紹介かな? ほしい vvvvももっと流行っていいのよ、、、 java.ですか? プログラミングより絵だね プログラミングより めっちゃ気になる Processingもっと流行ってどうぞ Processin...
- 16,153
- 170.1
- 00.0
- 760.5
2016-10-27 21:58:22
ニコニコ公式プレイヤーとZenzaWatchを比較してみた。【Chrome】watch/1463845240 を使用してフルスクリーンで収録しました。
前半では、ZenzaWatchと公式プレイヤー(HTML5)の比較、
後半では、カクカクの公式プレイヤー(Flash)が参戦してます。
各プレイヤーは日々更新されています。
当たり前ですが収録時のバージョンですので、
動画を視聴しているバージョンとは違うかもしれません。
環境
OS:macOS Sierra
使用ブラウザ:Google Chrome
ZenzaWatch設定:フォントサイズ:1.0 フォント:'HiraginoSans'
[2016/10/28 追記]
Flashがカクカクなのはコメを強制的に60fpsにしてある上に、
うp主のスペック不足です。すみませんでした。minchoで行ける明朝体は あ あ ~ーー びみょうにちがう \○/ | ! い ご す c■ /\ | \○/ flash崩れまくってる... 今で出てきたコメって松コメ? Tab無視w l pc<<< WiiU*<<< 観てきたけどずれてたw ...
- 10,546
- 1171.1
- 00.0
- 290.3
2016-01-02 13:47:13
ZenzaWatchコメント投稿テスト用GooglePhotosで自動生成された動画をそのまま投稿。
コメント投稿テスト用として自由にお使いください。
なんか面白いアイデアや報告が書いてあったら適当に拾います。
ここなら誰でも書きやすいと思います。 実現可能かどうかなんて気にしないで、気軽にどうぞ。
入力欄は「C」を押せばいつでも呼び出せます。超便利。
しかも本家と違って、フルスクリーンでも入力可能。
FlashとFirefoxの相性に悩まされることもありません。#テスト平気だなぁ Pさんラブ テスト 失敗しないなぁ コブラじゃねーじゃねーか て首都 反転中? 失敗するのかなぁ ココからテスト Zenza最新版からテスト テスト テステス test test test 投稿テスト tesitp foobar hoge...
- 4,528
- 3467.6
- 00.0
- 160.4
2016-10-29 12:36:05
PS4でBad Apple! (世界初?)PS4でも新仕様の動画は普通に再生できるんだけど、
旧仕様の動画はProxomitronやCharlesを駆使して無理矢理cookieをとばさないと駄目な模様。
PS4側の問題だと思うのだけど、修正してもらえないだろうか。
コメントがカクカクなのは、CPUの性能からすればこんなもんなのか?
PS4 Proなら少しは滑らかになるかもしれません。
なお、Zenzaくんはまったく動く気配もありません。(せめてデバッグ可能なら・・・)
お借りしたマイメモリーはこちら: watch/1463845240おおお bba html5対応したかrな 再生できるのか すげえな おつ
- 1,900
- 60.3
- 00.0
- 30.2
2016-05-29 05:00:37
【ZenzaWatch】コメントキャプチャテスト【Macで比較編】メイン開発環境(Mac Chrome)での比較!
watch/1235882895 は、ZenzaWatchを作り始めたころに感動したコメントアートです。
うちには元の描画を再現できるPCがないけど、いい線行ってるのではないだろうか。コメントの実装は「正解」がわからないので難しいです。
しかし、こんな動画を上げておいて言うのもなんですが、もし新規に動画プレイヤーを作るのであれば、ここまでする必要はないと思います。
がんばってFlash特有の珍妙な挙動を再現するより、互換性はいったんリセットしてでも、ブラウザや環境に左右されない安定した仕様を作ることに力を注ぐほうがいいのではと思います。(フォントについてはコマンドの拡張で対応?)
ウィンドウサイズによって基本レイアウトが変わらないのもZenzaのいいところ。- 1,277
- 00.0
- 00.0
- 50.4
2016-05-25 02:06:45
【ZenzaWatch】 コメントキャプチャテスト 【Bad Apple!】これがHTML5の力!
watch/1463845240 が素晴らしかったので、フルHDでキャプチャしてみた。
Chrome上でここまで再現できるのはZenzaWatchだけ (たぶん)。
コメントアートの再現性を向上する施策はまだあるのですが、
処理速度と情熱のバランスを取りながらがんばっていきます。
そろそろニコスクリプトも一部対応したい。みょん なにこれ おー うげっ!職人すげー うお凄い これはやべー test 1 Chromeで明朝が見れるとは感動です! うぽつ
- 1,255
- 100.8
- 00.0
- 90.7
2016-01-26 00:16:53
【ニコニコ自作ゲームフェス2016】 箱入り娘 VER.2『箱キャッチして 迫り来る敵を倒し 最強の箱入り娘になろう!』
「ニコニコ自作ゲームフェス2016」投稿作品です。 降ってくる箱をキャッチした瞬間にショットが撃てるというシステムのアクションゲーム。 24時間でお題に沿ったあほげーを作るイベント「あほげー第18回」(お題は「箱」)の参加作品に新要素を加え、バージョンアップしたものです。
【ゲームタイトル】 箱入り娘 VER.2
【クリア時間】 無限にあそべます
【動作環境】 HTML5 が動作するブラウザ(Google Chrome, Firefox ~)
【ジャンル】 アクションゲーム
【ゲームURL】 http://nekopopolon.com/program/hakoアイデア独特だし、攻撃もインターバルあって面白そう!何よりUIが綺麗!! なるほど おしゃれ 仕事が丁寧だ! kawaii
- 1,122
- 50.4
- 10.1
- 50.4
2016-07-18 19:39:45
Amazon FireTVでZenzaWatchを動かしてみる準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。1 コメントいっぱいあるようにみえる
- 1,002
- 20.2
- 00.0
- 40.4
2016-12-04 19:06:12
#1 導入と環境構築【HTML5入門】HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました!
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門:mylist/57685012面白そう, Chrome嫌い(´Д`) Cドライブパンパンじゃん 発声大きく さっぱり見やすいね プログラミングに適したフォントなんてあるのか!? マイクの音量上げても打鍵音を拾うのでは? 打鍵音に対して声が小さいのでマイクボリュームをもう少し上げて...
- 979
- 80.8
- 10.1
- 181.8
2016-06-20 21:39:41
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でボーカロイドとかもっとすごい世界が広がってますよ。すげえ AIR昨日見終わった俺にはタイムリーな動画 こんなことできるのかw JavaScriptって、こんなことまで出来るんだ! すげぇ へえ
- 920
- 60.7
- 00.0
- 91.0
2016-09-12 03:39:53
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす! その1【いつかリベンジ】色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった?
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!これはこれでwww 怖いwwwww
- 855
- 20.2
- 00.0
- 10.1
2016-04-16 06:14:42
【ATOM】ASUS VivoStick TS10でZenzaWatchをためしてみる 【CherryTrail】前世代のスティックPCでも普段は問題なかったのだけど、高画質系動画でスローになってしまうのが残念だったので、新型はどうなの?というのを試してみました。(本当は無駄遣いしたかっただけ)
3倍速とか無茶させなければ結構イケるようです。
このテストではコメントがカクついてるけど、普通の動画ならヌルヌルです。
GINZAは相変わらず重いです。
お借りした動画はこちら: sm28539679
こんな動画を選んでおいて言うのもなんですが、実はアイマスよく知らなかったり。。。遅れてるな z8350欲しいけど値段が少し高い 1 どっちですかね・・・ www
- 853
- 50.6
- 00.0
- 10.1
2016-06-20 20:19:06
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。espeak(読み上げソフト)とIgo.js(日本語形態素解析)を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japaneseさかり 150 ま、まぁ。 w くせになる ブロンドじゃなくてブロントだろ ここらへんめっちゃ中国語 クッソwwじわるw 片言ww 中国語を聞いてるみたい 人口声帯を思い出す。。。 音声生成までjavascriptかー いちごぜろえん じわるw fl...
- 675
- 152.2
- 00.0
- 40.6
2016-12-06 10:51:15
#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静かでよいです 左に同じ 今のとこ凄くわかりやすいです 大きな声で話したほうがいいですね 昔ながらの なんでこのエディタ選んだの?
- 669
- 60.9
- 00.0
- 50.7
2016-06-13 00:27:06
【ZenzaWatch】 765Proでコメントキャプチャテストニワン語の構文を無視してreplace命令だけ拾うという雑(現実的)な作戦で妥協しました。
正直ニワン語がオーバーテクノロジーすぎてフル実装できる気がしないけど、いつかは挑戦したいです。
今回お借りした動画はこちら -> sm25818853
(見やすくするために背景は黒くさせていただきました)
コンパイルされたもの: http://makimo.to/Zenza/765Pro!.html
ZenzaWatchがやってることと矛盾してるかもしれませんが、もし新規に動画プレイヤーを作るのであれば、フォントまわりの複雑な挙動は再現しなくていいと思います。
過去の互換よりも、AdobeやGoogleの気まぐれに振り回されないような描画の「仕様」をしっかり固めるべきではないだろうか。
ChromeでもFirefoxでもWindowsでもMacでもスマホでも同じCAが見られる世界こそ未来。ニコニコムービーメーカーは諦めろ、無理だ ありがとうお陰でCA熱が再燃した ありがとうオカルトボール この互換性もオーバーテクノロジーに思えるんだが 二ワン語実装!?もう前座を運営にプレゼンしてきたらどうなの 軽いし使いやすい最高!けどnm~の動画は...
- 661
- 162.4
- 00.0
- 40.6
2016-11-15 03:42:24
【ZenzaWatch】 Amazon Fire TVでBad Apple!公式プレイヤーもAmazon Fire TVで動いたので比較テスト。
最初がめんどくさいけど、環境さえ構築すればそこそこ使える。
以前試した時: sm29273116 は丸っぽいフォントだったのですが、ある日突然、ゴシックっぽいフォントが表示されるようになりました。 謎すぎる。
お借りしたマイメモリーはこちら: watch/1463845240うぽつー コメントが滑らかになるのか うおおおお
- 655
- 40.6
- 00.0
- 20.3
2016-06-20 23:11:12
Mabinogi MML EmulatorマビノギのMMLをブラウザで再生するプログラムを開発しました。(Chrome、FireFox、Edge対応)ほぼゲーム上と同じ音で再生されます。sm29089662の応用プログラムです。(これも、公表から3年経過してるが・・・)ついでに、JSMMLで再生するプログラムも入れてます。(JSMML版は立ち上がりが遅いが・・・。)
http://logue.github.io/MabiMmlEmu/
自分のMMLを入力して、このページの右下にある「シリアライズ」をクリックして、music.jsonのnameに曲名、valueに先ほど「シリアライズ」で出力したテキストを入れることで自分のMMLを登録できます。- 556
- 00.0
- 00.0
- 50.9
2016-05-25 23:14:18
単スリットによる回折現象スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.phpはえー中心によってくよってく やったぜ
- 528
- 20.4
- 00.0
- 00.0
2016-12-17 23:00:00
#6 フォームとその部品【HTML5入門】お問い合わせなどに使われるフォームの基本。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました!
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30226104 ← #5 || #7 → 再開までもう少しお待ちを
Twitter → @ithat_me
01 : HTML5入門:mylist/57685012非常にわかりやすい講座でした。再開待ってます! 待機 次回も待ってます おつー
- 494
- 40.8
- 00.0
- 30.6
2016-12-07 16:52:13
#3 タグの分類とテキスト【HTML5入門】大まかなHTMLタグの分類とテキスト関連のタグについて。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました!
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30175859 ← #2 || #4 → sm30195764
Twitter → @ithat_me
01 : HTML5入門:mylist/57685012おつ わかりやすくていいよ~。 ドットインストールに影響されすぎw
- 491
- 30.6
- 00.0
- 30.6
2016-04-06 14:54:05
ラザフォード散乱(古典)の様子(静電ポテンシャル表示)xy平面上におけるラザフォード散乱の様子。z軸方向にターゲット荷電粒子が作る静電ポテンシャルを表示。ラザフォード散乱についてhttp://www.natural-science.or.jp/article/20160406055544.phpグラフ描画は以下を参照くださいhttp://www.natural-science.or.jp/laboratory/graphjs.php
おお、わかりやすい これはいい! なるほど
- 462
- 30.6
- 00.0
- 10.2
2016-06-09 02:03:46
【ZenzaWatch】replace機能実装中のテスト(まだ不完全)Zenzaの描画システムは、言うならば「コメントのJITコンパイラ」である。
再生時に、コメント(XML) → 中間コード → CSS3 http://makimo.to/Zenza/SenbonZakura.html
への変換が行われる。
あとはコンパイルされたhtmlを、動画に合わせて表示位置を変えるだけ。
中間コードのおかげでフォントや解像度の変化にも強い。
ニワン語の対応は自分の技量でどこまでできるだろうか? 作った人は本当に凄いと思う。 (これが動画プレイヤーに必要なのかは激しく疑問だけど・・・)
今回お借りした動画はこちら sm17367353
@逆再生はこちらで確認できます。sm6328375
@デフォルト(色)はこちらがオススメ sm19550074
そのうち書きたくなったらニコナレかどこかに解説を上げます。あ? おおお? へぇー すごい ←ブラウザの仕様なので難しいです 一時停止から再開すると先読みが止まるの何とかなりませんか… しゅごい てst
- 452
- 81.8
- 00.0
- 51.1
2016-12-14 20:16:29
#5 リストとテーブル【HTML5入門】色々なリストとテーブルの作成。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました!
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30195764 ← #4 || #6 → sm30245302
Twitter → @ithat_me
01 : HTML5入門:mylist/57685012とても分かりやすいです! 待ってました ありがたい
- 418
- 30.7
- 00.0
- 30.7
2016-07-25 01:51:15
【ZenzaWatch】コメントキャプチャテスト・「潜り込み」を検証ZenzaWatchは元々スロットの概念がないので難しい。
WebWorkerを使って裏で計算してるので、起動時間への影響はごく僅かだと思います。
正直これであってるのどうかは自信がないです。そもそも正解があるのだろうか…。
ZenzaWatchは趣味だから再現してるけど、基本的にはこういうバグだか仕様だかわからない物は一度リセットすべきだと思います。(必要ならbackコマンド(仮)などを作るとか)
追記:
やはり仕様なのかもしれませんが、たまたまFlashの都合に合わせた結果こうなっただけで、作る側は特に意識してなさそうな予感…。
今回お借りした動画はこちら
watch/1305294209
sm4590194
名前映ってるのに気付いたけど、こんな動画を見る人は限られるやろ(*´∀`*)生放送の座席番号プレミアムが後から割り込むと座席番号1番が取れたりする(一般アカ追い出し)ので有限スロット方式はニコニコ伝統なのかもw いつもありがとうございます バグというとむしろ25消失とか24消失でしょう 狙ってやる人は限られるけど レイヤーの...
- 405
- 112.7
- 00.0
- 41.0
2016-12-09 21:53:15
#4 画像と相対絶対パス 【HTML5入門】画像の表示と混乱しがちなパスについて。※alt属性の略はalternateです。タイピングミスりました。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました!
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30182020 ← #3 || #5 → sm30226104
Twitter → @ithat_me
01 : HTML5入門:mylist/57685012alternate でしょうな。 現在のディレクトリは、HTMLファイルがある場所? 勉強させて頂いてます
- 379
- 30.8
- 00.0
- 20.5
2016-02-27 04:36:08
【ZenzaWatch】 コメント読み上げ機能のテスト 【Xperia】Web Speech APIという物を使ってみたかっただけです。
一発ネタなので、この機能は飽きたら消すと思います。(決してこれがやりたかったわけでは・・・)
次は音声認識でのコメント入力も試してみたいです。
どうやってAndroidで動かしてるの?についてはこちら
http://ch.nicovideo.jp/segabito/blomaga/ar977276wwww
- 313
- 10.3
- 00.0
- 31.0
2016-05-02 01:20:43
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そもそも機械オンチな自分です URLが無いよ 小さくて見えないw マイリスト非公開になってるよ
- 285
- 41.4
- 00.0
- 31.1
2016-05-24 09:56:03
雪の結晶シミュレーション(2次元DLA)■HTML5による仮想物理実験室(物理シミュレーション)
http://www.natural-science.or.jp/article/20160524000005.php
■DLAによる樹木状クラスタのフラクタル次元
http://www.natural-science.or.jp/article/20110406232038.php四角格子で作ってもひし形にならないのは不思議
- 237
- 10.4
- 00.0
- 00.0
2016-09-27 04:48:14
天井プロジェクターのテスト投げ売りしてたプロジェクターとスティックPCで、お手軽に寝ながらニコニコ動画。
消費電力も少ないので、つけっぱなしで眠ってしまっても安心。
ただし天井が白くないと厳しい。
画面をお借りした素晴らしい動画はこちら。
sm23722424
sm26171783
sm22391265
sm25619783
sm3945173スティックPCってそういう使い方もあるのか… ※ただしChromeに限る
- 176
- 21.1
- 00.0
- 10.6
2016-04-14 15:04:24
【検証】振子の周期が一番短いのはサイクロイド曲線?振子の周期が一番早いとされるサイクロイド曲線。他の曲線と比較してみました。
サイクロイド曲線(緑)vs2次関数曲線(青)vs円曲線(ピンク)vs楕円曲線(赤)
【動画作成方法】
http://www.natural-science.or.jp/article/20150223214212.php- 176
- 00.0
- 10.6
- 00.0
2016-07-11 19:30:00
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うぽつ 座標軸が・・・何というか、想像が膨らみます。 カメラさん・・・良い判断だ おつおつー うぽつ
- 162
- 53.1
- 00.0
- 21.2