タグ HTML5 が登録されている動画 ： 177 件中 129 - 160 件目
種類:
- タグ
- キーワード
対象:
HTML5で迷路作成プログラム
HTML5のcanvas機能を使った迷路作成プログラムです
HTMLとJavaScriptのみで動いてます
http://www.geocities.jp/katsu_don2009/index.html
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ！SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
【ZenzaWatch】Androidでも動いた。 しかもヌルヌルじゃないですかー.mp4
実用性はともかくAndroidでも動いたーやったー！ しかも公式よりぬるぬるじゃないですかー！
ブックマークレットはここから登録できるので、試してみたい方はどうぞ -> http://makimo.to/Zenza/
詳細やお借りした動画は後ほどブロマガのほうに書きます。
なおiOS版Chromeでも動くことは動きましたが、正直微妙なのでお勧めしません。
なぜか明朝とゴシックが逆になったり、不思議な挙動をします。
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak（読み上げソフト）とIgo.js（日本語形態素解析）を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
【HTML5】東方ノベルシステム for iPhone、的な何か【safari】
続き＞sm10546434
googleのQuakeやらpieguyみてHTML5スゲー、と思ったので弄ってみました。
音が出なかったりしますが、色々できて楽しいです。
とりあえずはシナリオ作った人がテキストアップロード＞誰でもiphoneの方でプレイ可能なトコまではもってきたい所。
需要は知らない。
動画の流れとしては以下の感じです
・サイトにアクセス＞インストール（ホーム画面に登録）＞アプリとして起動
東方関連のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
から利用させて頂きました、ハイクオリティな素材に感謝です。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その2
ライブラリなど使わず0から作っています。
前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
ブラウザMMDビューア→mylist/49125767
【ZenzaWatch】 765Proでコメントキャプチャテスト
ニワン語の構文を無視してreplace命令だけ拾うという雑(現実的)な作戦で妥協しました。
正直ニワン語がオーバーテクノロジーすぎてフル実装できる気がしないけど、いつかは挑戦したいです。
今回お借りした動画はこちら -> sm25818853
(見やすくするために背景は黒くさせていただきました)
コンパイルされたもの: http://makimo.to/Zenza/765Pro!.html
ZenzaWatchがやってることと矛盾してるかもしれませんが、もし新規に動画プレイヤーを作るのであれば、フォントまわりの複雑な挙動は再現しなくていいと思います。
過去の互換よりも、AdobeやGoogleの気まぐれに振り回されないような描画の「仕様」をしっかり固めるべきではないだろうか。
ChromeでもFirefoxでもWindowsでもMacでもスマホでも同じCAが見られる世界こそ未来。
iPod touch(2010)でニコニコしてみた
iPod touch(2010)でニコニコ動画を再生してみました。
下準備として、iCabMobile(ブラウザ)を購入。nicoHTML5モジュールをインストールしてます。
(詳しい設定法とかはググッてね♪)
液晶保護フィルム(マット)を貼っているのでちょっと画質悪くなっています。
まあ9月末にはHTML5に正式対応するようなので、こんなことする必要なくなるんでしょうがｗ
【自作ゲーム】シノビダッシュ！
HTML5用ゲームエンジン「enchant.js」で作ったアクションゲーム。スマートフォンでも動きます。多分。 / 処理落ちしてるのはキャプチャのせいです。 http://9leap.net/games/708
【自作ゲーム】ポテくまくんキャッチ！
いきなりですが、秩父第一中学校コンピュータ部のある人達にお詫び申し上げます。
わけありで、せっかく撮影した動画を今回投稿した動画に使うことができませんでした。m(_ _)mﾍﾟｸﾘ
今回は、コンピュータ部第6グループのルッソさんのテストプレイ動画を無修正で
そのままニコニコ動画に投稿しました。
【ゲームタイトル】
ぽてくまくんキャッチ！
【クリア時間】
無限にあそべます
【動作環境】
ネットブラウザがあるものほとんど
【ジャンル】
ミニゲーム(オチゲー,ブラウザゲーム)
【使用した制作ツール】
メモ帳,ペイント
【概要】
遊べばわかる！リンク↓
http://waricoma.hp2.jp/d/p/
もしくは「ぽてくまくんキャッチ！」で検索
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜という本の紹介です。プログラムを魔法にみたてて、お絵かきツールからアクションゲーム、小さなRPGにも挑戦します。
執筆前に簡易版のRPGをWebに晒したりしながら、前著（遊んで作るスマホゲームプログラミング）よりも少し初心者向けに、ひたすら執筆を続けてようやく形にできました。詳しくは http://dev.eyln.com/book2.html にあります。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
【MMDドラマ】ミクダヨーを称える動画その２
前回投稿した「【MMDドラマ】ミクダヨーを称える動画」の続きになります。
自作のミクダヨーを称える動画がいくつも流れる動画です。
普通のMMDドラマと違って、ゲームプログラムを流用した部分が9割以上です。
内容はいろいろツッコミどころありますが最後まで見ていただけたら幸いです。
前回の動画で勉強になるコメントをくださりありがとうございました。
今回は諸事情により活かせなかったのですが
経験を積んで次回があれば活かしていきたいです。
★注意★
3分38秒～4分16秒にカイトとメイコの少しラブラブなシーンがあります。
6分42秒～7分22秒にミクダヨーによる殺戮シーンがあります。
苦手な方は注意してください。
あとあまり動きません…
#abc2013s B-13 HTML5におけるAndroid端末間互換性
※もしアップロードがマズかったらコメントでお知らせ下さい。すく削除させて頂きます。 ＞関係者様
http://www.android-group.jp/conference/abc2013s/conference/business/#anc_sess9
2013/03/15 14:00 B会場(28号館 112教室)
【紀平拓男 さん】 ExGameの作者
株式会社ディー・エヌ・エー グローバルプラットフォームシステム統括部 ソフトウェアソリューション部
HTML5におけるAndroid端末間互換性
■YouTube： http://youtu.be/6cWrKrr_BlI
■マイリスト： mylist/36316925
(2013/03/17)
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
大文字さとる君のミラクルスペースインベーダーをhtml5で動かしてみた。
「ゲームセンターあらし」に出てくる天才プログラマ、大文字さとる君が
対あらし君用に作り出したインベーダーのパート１です。
全てhtml5のjavascriptで書いています。
まず普通のインベーダーを目コピしたあとミラクルシャワーを追加しました。
これは通常のミサイル処理を流用し落下速度を判定可能限界まで上げたものです。
原作同様、自機がＵＦＯの真下に来ると発射するようにしています。
※原作をコメントしてくれた方ありがとう。
マイリスmylist/34144919
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。
波の伝播シミュレーションの実装解説
波の伝播表現の実装方法を解説してみました。
表現がいい加減だったり、わかりにくい所が多々あると思いますが、こういった解説を作るのは初めてなので、生暖かい目で見守りつつ、やさしく突っ込みなどを入れていただけるとありがたいです。
なお、冒頭の映像は以前にあげたsm9294159と同じもので、.NET Framework 2.0 SP1で作成、最後のWebブラウザでの映像は、HTML5のCANVASとJavascriptで作成しています。
使用BGM: ル=ロックルへようこそ/ 英雄伝説VI 空の軌跡SC/ Copyright© Nihon Falcom Corporation
【MMDドラマ】ミクダヨーを称える動画
自作のミクダヨーを称える動画がいくつも流れる動画です。
導入部分を含めて全てが無駄に長いMMDドラマですが
普通のMMDドラマと違って、ゲームプログラムを流用した部分が9割以上です。
内容はいろいろツッコミどころありますが最後まで見ていただけたら幸いです。
★注意★
私が初めて初音ミクV3を買ってDTMをしたときの曲が流れます。
初音ミクの洗練された技術を知っている方からすれば
笑ってしまうようなものですがご容赦ください。
特に11分18秒～12分に流れる初音ミクV3による聖剣伝説2「呪術師」は
原曲を知っていたり音感がいい方は体調を崩されるかもしれません。
その場合は無理して視聴を続けないでください。
爆破しまくるソフトを作った+使用例
むしゃくしゃしてやった。批判の意図はない。
結構楽しいよこれ。
爆破しまくるWebサイト:https://yyya-nico.com/blowup/
2022/09/23 ゲームアツマールにも投稿しました:gm27402
元ネタの1つ:https://scratch.mit.edu/projects/201970289/
2010年の2ちゃんねる （HTML5で作りました)
10年くらい前に流行った2ちゃんねるのFlash動画風に、2010年の2ちゃんねるをHTML5で動画にしてみました。
HTML5版は、http://www.tatsuaki.net/2ch2010/ です。
もしもカフェ店長がソフトウェアをつくることができたら？
もしも、誰でも簡単にソフトウェアを作ることができたら、どんなアイディアが生まれるだろう。今回は、カフェの店長がお店の看板を作ってみた。楽しい看板を作れば、お店の前を通り過ぎるだけではなく、きっとお店の中にも入ってくれるはずだ。
【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のaudio要素を使ってOpera11で動かしています。FireFoxとGoogleChromeでも最近のなら動くと思います。
IEでは今のところ動きません。
事前に歌詞を入力するタイプなら2008年にAquesToneがやってる（参考：sm4158992、sm4574727）ので
リアルタイムに歌詞を入力するのが今回のポイントだと思ってます。
※画面はWin7のパフォーマンス優先設定です。
【MMDドラマ】弱音ハクの冒険
ミクダヨーさん関連のMMDドラマを見て、自分でもMMDドラマを作ってみたいと思って作ってみました。
内容を省略していたり、仮データのままだったり、おかしいところがいくつかあります・・・
MMDを触るのも動画を作るのも初めてで、未熟な部分もありますが、少しでも楽しんでいただけたら幸いです。
2分30秒くらいから本編が始まりますが、それ以前と音量の差がありますので、ご注意ください。（私の再生環境の違いで2分30秒くらいから音が大きくなります・・・申し訳ないです）
あと後半で、ミクとハクが百合っぽくなってますが、私の表現力不足であって二人はそういう関係ではないです。（二人きりのときになると甘えるミクを表現したかったです。）
イチから簡単なアクションゲームを作る15分ぐらいの解説
夏休み企画！でもないけど作ってみました。ソースコードは100行。Processing(Java/JavaScript)で作ります。デモやソースは http://dev.eyln.com に置いてあります。いつ休みかなぁ。
まどか☆マギカのRPG風すごろくミニゲーム作ってみた
「まどかパニック」QBをたくさん殴って高得点を狙うハートウォーミングすごろくミニゲーム。好きなキャラでタッグを組んで遊ぶことができます。IE8では動きませんごめんなさい（TヮT FirefoxやChrome、Safariならバッチリです（iPhone/iPadはなんとなくOK）こちらからどうぞー。http://kirie.net/~melon/app/madoka_panic/
【あの楽器】メモ帳だけでiphone／Android用ソフトつくってみた
メモ帳でi phone用のWebアプリ開発しました．基本的にjavascriptです．マルチタッチやジェスチャにも対応できたのは意外でした．表示はCanvasを利用しており，HTML5対応のブラウザがあればパソコンやAndroid携帯からでもアクセス可能です．PS.最近のi phoneはjavascriptの処理能力がアドエスとは比べ物になりませんね(汗) 元ネタ様：【初音ミク】Innocence【3DPV】 →sm5480792 ／ 以前アップした動画：動くユニコーンガンダムを作ってみた→ sm9850771 ／ 続編出ました！！【V- Sido】あの楽器で動くユニコーンガンダムつくってみた「練習編」 → sm10552213
【HTML5】東方ノベルシステム for iPhone、的な何か3【flask】
sm10459029 からの続き
続き > sm10870882
インストールまでは前回を見てもらえれば、ということではしょりました。
今回は実際にシナリオ登録＞iPhoneで再生してみる、な流れまでできたのでご紹介をば。
よかったら遊んでみてください。
なお、東方関連の立ち絵等のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
より、
背景関連は幻想入りシリーズまとめの●●●様より使用させて頂いています。
http://gensouiri.web.fc2.com/
非常にありがたいです。シナリオ登録・編集ページ -> http://novesys.appspot.com/flask/
ネットワークトラフィック可視化ツールMap
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の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
Z会の彼が受験するゲームを作ってみたが面白くなかった
Z会の彼が受験するゲームをHTML5で作ってみたが、全然面白くないゲームができた件。やってみたい人はこちら[http://static.repy.info/zkai/](対応ブラウザ：Firefox Chrome) 元ネタ：sm16372609 sm16372579