タグ HTML5 が登録されている動画 ： 177 件中 65 - 96 件目
種類:
- タグ
- キーワード
対象:
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
名古屋Reject会議 keigoi
2011年2月26日 名古屋Reject会議 keigoi http://partake.in/events/47ccda3b-82d2-4f89-aa83-395a26545b62 (mylist/24198962)
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
eVY1 ShieldをUSB接続して、Web MIDI APIで再生してみる
YAMAHA NSX-1搭載のeVY1 ShieldをMacにUSB接続して、Web MIDI API経由で唄ってもらうサンプルができました。
HTML5 + TypeScript で作るアイコンジェネレータ - プロ生勉強会 第24回＠名古屋
2013/7/20 開催 プログラミング生放送勉強会 第24回＠名古屋 のセッションです。
詳細： http://pronama.jp/24
「HTML5 + TypeScript で作るアイコンジェネレーター」
ふだん Verilog を書いてる僕がアイコンジェネレーターを作るかもしれません。
スピーカー： 5zj （@jz5）
mylist/27543937
lv145430633
【自作ゲーム】ポテくまくんキャッチ！
いきなりですが、秩父第一中学校コンピュータ部のある人達にお詫び申し上げます。
わけありで、せっかく撮影した動画を今回投稿した動画に使うことができませんでした。m(_ _)mﾍﾟｸﾘ
今回は、コンピュータ部第6グループのルッソさんのテストプレイ動画を無修正で
そのままニコニコ動画に投稿しました。
【ゲームタイトル】
ぽてくまくんキャッチ！
【クリア時間】
無限にあそべます
【動作環境】
ネットブラウザがあるものほとんど
【ジャンル】
ミニゲーム(オチゲー,ブラウザゲーム)
【使用した制作ツール】
メモ帳,ペイント
【概要】
遊べばわかる！リンク↓
http://waricoma.hp2.jp/d/p/
もしくは「ぽてくまくんキャッチ！」で検索
【ZenzaWatch】 コメント読み上げ機能のテスト 【Xperia】
Web Speech APIという物を使ってみたかっただけです。
一発ネタなので、この機能は飽きたら消すと思います。(決してこれがやりたかったわけでは・・・)
次は音声認識でのコメント入力も試してみたいです。
どうやってAndroidで動かしてるの？についてはこちら
http://ch.nicovideo.jp/segabito/blomaga/ar977276
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
PS4でBad Apple! (世界初？)
PS4でも新仕様の動画は普通に再生できるんだけど、
旧仕様の動画はProxomitronやCharlesを駆使して無理矢理cookieをとばさないと駄目な模様。
PS4側の問題だと思うのだけど、修正してもらえないだろうか。
コメントがカクカクなのは、CPUの性能からすればこんなもんなのか？
PS4 Proなら少しは滑らかになるかもしれません。
なお、Zenzaくんはまったく動く気配もありません。(せめてデバッグ可能なら・・・)
お借りしたマイメモリーはこちら: watch/1463845240
#3 タグの分類とテキスト【HTML5入門】
大まかなHTMLタグの分類とテキスト関連のタグについて。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30175859 ← #2 || #4 → sm30195764
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#5 リストとテーブル【HTML5入門】
色々なリストとテーブルの作成。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30195764 ← #4 || #6 → sm30245302
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#6 フォームとその部品【HTML5入門】
お問い合わせなどに使われるフォームの基本。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30226104 ← #5 || #7 → 再開までもう少しお待ちを
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
モチノナナのプログラミング講座 HTMLとCSS編 第5回
HTMLとCSS編ラスト！
今回やること
・サーバーへのアップの仕方
動画内で使ったソースコードはナナの公式サイトにあるから、欲しい人は是非見てみてね！
～次の動画～
まだだよ!!!
PHP編！…の予定
// ナナチャンネル
https://www.youtube.com/channel/UC8ec...
// Twitter
https://twitter.com/nanamochino
// 公式サイト
https://mochinonana.com/
艦これ 第二期（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
【アプリ開発を試みる放送】その6 課金完了！HTML,CSS中級編に入っていくぞ！！#プロゲート
HTML5,CSS3の中級編を学びます。今までアプリ版でしたがweb版をやっていきます。
#プロゲート
【最新のブログ記事】
９月の振り返りと反省する菊田敬大
https://okiku001.com/2018/10/02/sbi-009/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時～「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時～ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時～幸せになるには？「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは？
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
CanvasとWebSocketsのデモ
HTML5で入るらしいCanvasとWebSocketsを使った、それぞれのプレイヤーが操作するキャラクターがウロウロするデモです。（ウロウロすることしかできません。）ソースはこちら http://github.com/komagata/prowler
【HTML5】東方ノベルシステム for iPhone、的な何か【safari】
続き＞sm10546434
googleのQuakeやらpieguyみてHTML5スゲー、と思ったので弄ってみました。
音が出なかったりしますが、色々できて楽しいです。
とりあえずはシナリオ作った人がテキストアップロード＞誰でもiphoneの方でプレイ可能なトコまではもってきたい所。
需要は知らない。
動画の流れとしては以下の感じです
・サイトにアクセス＞インストール（ホーム画面に登録）＞アプリとして起動
東方関連のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
から利用させて頂きました、ハイクオリティな素材に感謝です。
【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] へ頂けると助かります！
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ！SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【MMDドラマ】ミクダヨーを称える動画その２
前回投稿した「【MMDドラマ】ミクダヨーを称える動画」の続きになります。
自作のミクダヨーを称える動画がいくつも流れる動画です。
普通のMMDドラマと違って、ゲームプログラムを流用した部分が9割以上です。
内容はいろいろツッコミどころありますが最後まで見ていただけたら幸いです。
前回の動画で勉強になるコメントをくださりありがとうございました。
今回は諸事情により活かせなかったのですが
経験を積んで次回があれば活かしていきたいです。
★注意★
3分38秒～4分16秒にカイトとメイコの少しラブラブなシーンがあります。
6分42秒～7分22秒にミクダヨーによる殺戮シーンがあります。
苦手な方は注意してください。
あとあまり動きません…
[ブラウザゲー] よけろ！弾幕さん [STG]
![[ブラウザゲー] よけろ！弾幕さん [STG]](https://nicovideo.cdn.nimg.jp/thumbnails/23974408/23974408)
JavaScriptで作った弾幕STGです。
スマホでも動くんでぜひ遊んでみてね。
http://9leap.net/games/4107
ソースの場所
https://github.com/daishihmr/danmaku-san
【ZenzaWatch】 765Proでコメントキャプチャテスト
ニワン語の構文を無視してreplace命令だけ拾うという雑(現実的)な作戦で妥協しました。
正直ニワン語がオーバーテクノロジーすぎてフル実装できる気がしないけど、いつかは挑戦したいです。
今回お借りした動画はこちら -> sm25818853
(見やすくするために背景は黒くさせていただきました)
コンパイルされたもの: http://makimo.to/Zenza/765Pro!.html
ZenzaWatchがやってることと矛盾してるかもしれませんが、もし新規に動画プレイヤーを作るのであれば、フォントまわりの複雑な挙動は再現しなくていいと思います。
過去の互換よりも、AdobeやGoogleの気まぐれに振り回されないような描画の「仕様」をしっかり固めるべきではないだろうか。
ChromeでもFirefoxでもWindowsでもMacでもスマホでも同じCAが見られる世界こそ未来。
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak（読み上げソフト）とIgo.js（日本語形態素解析）を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
Amazon FireTVでZenzaWatchを動かしてみる
準備がめんどくさいしマウス必須だし、正直おすすめはしない。
(まあこんな事もできますよってことで…)
やり方は、最初にChromeを持ってくる以外はAndroidと同じです。
参考: ar977276
FireTVでは快適だけど、Stickではさすがに厳しそう。機会があれば、誰かから借りて試してみたいです。
【ZenzaWatch】コメントキャプチャテスト・「潜り込み」を検証
ZenzaWatchは元々スロットの概念がないので難しい。
WebWorkerを使って裏で計算してるので、起動時間への影響はごく僅かだと思います。
正直これであってるのどうかは自信がないです。そもそも正解があるのだろうか…。
ZenzaWatchは趣味だから再現してるけど、基本的にはこういうバグだか仕様だかわからない物は一度リセットすべきだと思います。(必要ならbackコマンド(仮)などを作るとか)
追記:
やはり仕様なのかもしれませんが、たまたまFlashの都合に合わせた結果こうなっただけで、作る側は特に意識してなさそうな予感…。
今回お借りした動画はこちら
watch/1305294209
sm4590194
名前映ってるのに気付いたけど、こんな動画を見る人は限られるやろ(*´∀｀*)
再エンコ回避動画を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が使われています。
2くらいから始めるライフゲーム開発 第2回 「実装済みの機能について」
引き続き視聴してくださってる方はありがとうございます
前回の動画では内容はどうあれ、画質などにも問題なく視聴できるレベルだと判断したので
今回からは、動画の作り方の方に試行錯誤してみました
これからもより良い動画になるようにがんばります
mylist：mylist/61839221
前回：sm33117675
次回：sm33331034
参考にさせていただいたアルゴリズム (他の地形生成アルゴリズムも載っています)
https://blog.splout.co.jp/3429/