タグ html5 が登録されている動画 : 177 件中 65 - 96 件目
種類:
- タグ
- キーワード
対象:
【MMDドラマ】弱音ハクの冒険
ミクダヨーさん関連のMMDドラマを見て、自分でもMMDドラマを作ってみたいと思って作ってみました。
内容を省略していたり、仮データのままだったり、おかしいところがいくつかあります・・・
MMDを触るのも動画を作るのも初めてで、未熟な部分もありますが、少しでも楽しんでいただけたら幸いです。
2分30秒くらいから本編が始まりますが、それ以前と音量の差がありますので、ご注意ください。(私の再生環境の違いで2分30秒くらいから音が大きくなります・・・申し訳ないです)
あと後半で、ミクとハクが百合っぽくなってますが、私の表現力不足であって二人はそういう関係ではないです。(二人きりのときになると甘えるミクを表現したかったです。)
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました!
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門:mylist/57685012
ブラウザ比較!(HTML5)No.2
ブラウザ比較しました!今回は、HTML5での比較になります。(前回)No.1 http://www.nicovideo.jp/watch/sm14965527
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
同人ゲームっぽいスマホ対応アクションゲームを作ってみた
http://9leap.net/games/1624 -------------------- 【BUTTERFLY SPEAR】(バタフライスピア)ゲームエンジンenchant.jsを使ってサンプルを寄せ集めて生まれたゲームです。頑張れば制作日数6日でこれくらいのものができます。niconicoには同人ゲームを作りたいけど難しそうと思っている人が多そうなのでDXライブラリよりenchant.js、吉里吉里よりatlasXを先に試してみるといいんじゃないでしょうか。もし技術的な要望があれば公開していきたいと思います。プレイ動画とか誰か投稿してくれないかなあとか言ってみたり^^ ※旧世代スマートフォン(iPhone3GS等)やiPodTouchでは快適なゲーム処理速度が実現できないことをご了承下さい -------------------- スーパープレイ動画→sm17959255 物理アクションパズル→sm18093635
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に触る人間が、3日で作った練習作です。br>HTML5の本気を知りたい人は、sm11006394や、sm10946181、sm10820091を見てください。と、HTML5の名誉のために宣伝。
マイリスmylist/21737630
Firefoxのコメントが滑らかになった (公式プレイヤー)
Firefoxの拡張無しでも滑らかになった。
右クリックメニューでスムージング処理のON/OFFしてみるとわかりやすい!
原理的には生放送のタイムシフトにも効果があるはず。
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて~原曲、じゅるP氏作:Gene-Revolutionary
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でボーカロイドとかもっとすごい世界が広がってますよ。
艦これ 第二期(HTML5) 始まります! -艦隊これくしょん- [実況]
艦これ -艦隊これくしょん- の第二期(HTML5化)メンテが終了したので、お試しで収録してみました。
画面サイズ 1200×720(等倍) 60fps です。
普段はスパクロ(スーパーロボット大戦X-Ω)の実況動画をupしているのですが、今回、突発的に艦これの収録を試みました。
終始gdgdなので予めご了承下さい。
※ マウスカーソルを表示しないで録画する設定になっていましたので、カーソル非表示になっています。
収録時1280×720だと思ってました。正確には720Pではないです。
スパクロマイリスト mylist/55618661
ツイッター https://twitter.com/yutohar
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす! その1【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった?
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
【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
いんちきゲーム屋のギャラクシーウォーズをhtml5で動かしてみた。
「ゲームセンターあらし」で炎のコマを生み出すきっかけとなったゲームです。
とは言うものの、基板の性能に即して作ってみると
GIVEUP出せる人なら手を200万回も動かす必要も無く
一万点は取れたんじゃないかなあと(笑
隕石の初期個数の増加と隕石がミサイルを撃つ改変を行っています。この動画では都合上4面目の難易度からスタートしています。
マイリスmylist/34144919
ポテンシャル障壁に対する電子パルスのトンネル効果(2次元)
【HTML5+WebGL】ポテンシャル障壁に対する電子パルスのトンネル現象の時間発展ビューア。実物のほうがサクサク動かすことができます(データの読込に30秒程度かかります)。http://www.natural-science.or.jp/virtual-lab/results/pulse4.html
『都立水商!』PV
日本初!?水商売専門の公立高校
『都立水商!』は、PCでもスマホでもプレイ可能なHTML5のブラウザゲームです。
あなたは新任教師として、都立水商に赴任してきました。
色々な生徒を受け持ち、授業を進めて生徒たちの夢を一緒に叶えよう!
★『都立水商!』 公式サイト
https://swninfo.success-corp.co.jp/browser-games/toritsumizushou/
★株式会社サクセス 公式サイト
http://www.success-corp.co.jp/
波動方程式(ノイマン境界条件)の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
別府鉄輪地獄変第13話
http://www.studio-boiler.com/h5/
この動画は元々HTML5アニメとして作りました。ゲームも入ってるので是非上記のURLもご覧いただけましたら。
iPhoneのブラウザでも動くアニメ&ゲームで、youTubeやAppStoreの制約を受けずにアニメが公開できます。
さらにベクタベースなので、マシンパワーさえあれば4K・8K即対応可能です。制作はAnimateCCにて制作しました。
sm34258184<<第12話|
HTML5 で作る! Twitterクライアント iPhone アプリ - プロ生勉強会第7回
co9320 主催 2010/12/18 開催 プログラミング生放送勉強会 第7回@新宿 のセッション
http://co9320.spaces.live.com/blog/cns!F8FA3BD6ABDDDB63!317.entry
HTML5 で作る! Twitterクライアント iPhone アプリ
スピーカー: 恥さらしさん(@hazi_nico)、深紫さん(@deeppurple2828)
mylist/22697020
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ!SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
2くらいから始めるライフゲーム開発 第2回 「実装済みの機能について」
引き続き視聴してくださってる方はありがとうございます
前回の動画では内容はどうあれ、画質などにも問題なく視聴できるレベルだと判断したので
今回からは、動画の作り方の方に試行錯誤してみました
これからもより良い動画になるようにがんばります
mylist:mylist/61839221
前回:sm33117675
次回:sm33331034
参考にさせていただいたアルゴリズム (他の地形生成アルゴリズムも載っています)
https://blog.splout.co.jp/3429/
2くらいから始めるライフゲーム開発 第3回 「この動画のゴールについて」
引き続き視聴してくださってる方はありがとうございます
今回は、これまで説明してなかったこの動画の最終目標についてとこの動画で採用した言語がHTMLなのかの説明も軽くしています
内容は薄い上にライフゲームから脱線してしまっているのは申し訳ないです
mylist:mylist/61839221
前回:sm33126558
次回:待っていてください
WebSocket で始める Python HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回@大阪
http://bit.ly/pronama11
「WebSocket で始める Python」
naoina さん(@naoina): kyoto.py
lv70701712
mylist/12987821
【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+JavaScriptで作ったシューティングゲームです。
難易度ノーマルでStage1〜Stage3までクリアする動画です。
公開中→ http://9leap.net/games/1888
WebGroove 0.9 デモ
HTML5で書いたシーケンサーWebGroove ver0.9デモ。ボーカルシンセ「200きろいど」搭載でブラウザが歌います。
「60fpsの滑らかさ」 の比較
解説記事用の動画です。
これだけ見ても意味不明だと思います。
ざっくり言うと、
上は時間とコメントがきっちり同期してるのに対し、
下はそんなに正確じゃなかったりします。(そのかわりに滑らか)
この辺をCanvasとCSS3 Transitionの性質と絡めつつ、うまくまとめられるといいんですが。
録画環境
Ryzen 1700X / Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm30617631
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak(読み上げソフト)とIgo.js(日本語形態素解析)を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
#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
【MMDドラマ】ミクダヨーを称える動画
自作のミクダヨーを称える動画がいくつも流れる動画です。
導入部分を含めて全てが無駄に長いMMDドラマですが
普通のMMDドラマと違って、ゲームプログラムを流用した部分が9割以上です。
内容はいろいろツッコミどころありますが最後まで見ていただけたら幸いです。
★注意★
私が初めて初音ミクV3を買ってDTMをしたときの曲が流れます。
初音ミクの洗練された技術を知っている方からすれば
笑ってしまうようなものですがご容赦ください。
特に11分18秒~12分に流れる初音ミクV3による聖剣伝説2「呪術師」は
原曲を知っていたり音感がいい方は体調を崩されるかもしれません。
その場合は無理して視聴を続けないでください。