キーワード html5 が含まれる動画 ： 2563 件中 2337 - 2368 件目
種類:
- タグ
- キーワード
対象:
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その2
ライブラリなど使わず0から作っています。
前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
イチから簡単なアクションゲームを作る15分ぐらいの解説
夏休み企画！でもないけど作ってみました。ソースコードは100行。Processing(Java/JavaScript)で作ります。デモやソースは http://dev.eyln.com に置いてあります。いつ休みかなぁ。
ニワン語で魔法少女まどか☆マギカ セリフ当て4択クイズ
まどか☆マギカの場面の映像を見てその後のセリフを番号で回答してもらう4択クイズです。全25問です。
文章が長すぎて読む時間が足りないようなときは一時停止を使ってください。すみません。
1～4のアラビア数字1文字のコメント以外は普通のコメントとして扱われます。
ニコニコの仕様上、2回連続同じコメントは弾かれてしまいます。
面倒ですが半角/全角を変えるなどで対処出来ます。
間違えてコメントしてしまっても制限時間内なら回答しなおすことができます。
映像はTVのBD版からなので、劇場版から入った方などは辛いかもしれません。
html5プレイヤーはニワン語に対応していないので、遊ぶにはflash版での再生が必要になります
Play Like Pinkie Pie [NPZ Redux]
![Play Like Pinkie Pie [NPZ Redux]](https://nicovideo.cdn.nimg.jp/thumbnails/21557063/21557063)
(【転送】http://www.youtube.com/watch?v=NYAQjO_94cE&feature=html5_3d )
EQD
http://goo.gl/2YnjKs
Original Video
http://www.youtube.com/watch?v=6UXGEbaP5Ug
Original Song
http://www.youtube.com/watch?v=OkxKd1dvhhw
遊んで作るスマホゲームプログラミング
遊んで作るスマホゲームプログラミング for Androidという本のサンプルゲームの紹介です。楽しく作るをコンセプトに、ゲーム作りの個人的な経験を日々地道に書き、ときどきWebにプログラムを晒し、長ーい執筆期間を経て、ようやく形にできました。詳しくは http://dev.eyln.com にあります。
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ！SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
ニワン語でアニメ食べ物画像4択クイズ
アニメに出てくる食べ物の画像を見て作品を番号で回答する4択クイズです。全25問。
制限時間が過ぎた後に答え合わせがあり、正解だと○、不正解だと×が出ます。
動画を読み込むたびに選択肢の順番が変わるので
流れてくるコメントで答えがわかっちゃうということはないようになっています。
1～4のアラビア数字1文字のコメント以外は普通のコメントとして扱われます。
間違えてコメントしてしまっても制限時間内なら回答しなおすことができます。
問題は2010～2013年に放送されたアニメからとっています。
知ってないとわからないタイプのクイズなのでかなり難しいかも・・・
html5プレイヤーはニワン語に対応していないので、遊ぶにはflash版での再生が必要になります
B@TDOLM@STER im@s TUKU-tail Party BD2 sideB
今年はバトマス5シュゥゥゥーッ！年で超！！エキサイティン！！！
詳しいルール等はwikiを参照してください
http://www35.atwiki.jp/tukuda/pages/17.html
5周年を祝いたくて参加したプロデューサー達→mylist/37740291
sideA→sm21309126
B@TDOLM@STER im@s TUKU-tail Party BD2 sideA
プロデューサーさん今年はバトマス5周年で超！！エキサイティン！！！ですよっ！超！！エキサイティン！！！
詳しいルール等はwikiを参照してください
http://www35.atwiki.jp/tukuda/pages/17.html
5周年を祝いたくて参加したプロデューサー達→mylist/37740291
sideB→sm21309871
HTML5講座 下巻 第3章 インラインSVGとcanvas要素【動学.tv】
動学.tvより、HTML5講座 下巻 第3章 インラインSVGとcanvas要素のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。下巻では、Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説します。
HTML5 下巻（約65分）
１．microdata
microdataとは？
メタデータ取得の確認
スキーマ
２．動画の利用方法
従来の動画利用方法
video要素
source要素と動画のサポート形式
３．インラインSVGとcanvas要素
canvas要素
インラインSVG
４．インタラクティブな要素
details要素
５．フォームの要素
input要素
datalist要素
meter要素
６．バリデート
W3C Markup Validation Service
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
HTML5講座 中巻 第2章 head内の記述【動学.tv】
動学.tvより、HTML5講座 中巻 第2章 head内の記述のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。中巻では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。
HTML5 中巻（約61分）
１．文書型の宣言とルート要素
文書型宣言
ルート要素
２．head内の記述
エンコードの指定
スタイルシートとJavaScriptの指定
３．セマンティックなマークアップ
header要素
footer要素
nav要素
article要素
section要素
見出し要素の扱い方
aside要素
div要素の使い方
figure要素とfigurecaption要素
４．文書構造の確認
文書の構造化
HTML5 Outliner
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
HTML5講座 上巻 第4章HTML 5で登場した新しい要素【動学.tv】
動学.tvより、HTML5講座 上巻 第4章 HTML 5で登場した新しい要素のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。上巻では「HTML5の基礎知識」として、HTML5の特徴について解説します。
HTML5 上巻（約70分）
１．HTMLとは？
Webページが表示される仕組み
HTMLの基本
HTMLとCSS
２．従来のHTML
HTMLの変遷
文書型
３．HTML5とは？
セマンティックなマークアップ
廃止された要素
定義が変更された要素
記述ルールについて
４．HTML5で登場した新しい要素
HTML5の新しい要素（セマンティック編）
HTML5の新しい要素（その他）
５．カテゴリーとコンテンツモデル
7つのカテゴリー
コンテンツモデル
セクショニング・ルート
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
超連射68kで1980万（２週目から録画）
目標の2000万に20万だけ届かなかったリプレイですが5年かかりました。
自分が集中できるのはせいぜい25分間で、２週目も集中するにはゲーム以外の訓練が必要なので諦めました。
★ニコスクリプトで右上に失ったスコアの内訳を表示していますが、html5版では表示できないので、Flash版での視聴を推奨します。
★動画の構成としてタイトル画面は別録り、本編はリプレイの録画、ネームエントリはプレイ時の録画、としています。通しは長いので２週目からのうｐです。１週目はノーミスで殆ど３個取り。
★ネームエントリ画面の名前は日付6桁+時間4桁で入力しておりまして、ついこないだまでtopに2010年(3年前)のエントリが鎮座していたのはとても辛かったです。
★30分弱のSTG動画のエンコードにとても上手くいかなくて画質頑張った代わりに音質を犠牲にしてしまった。
★フレームレートの違いにより、他の動画さんと比べると敵出現のタイミング、音楽の終了タイミングなどが違うので違和感あります。
スマートフォン＆モバイルEXPO：フェンリルの開発実績
スマートフォン＆モバイルEXPOにて、フェンリルのスマートフォンアプリや HTML5 での開発実績を取材。自社オリジナルのブラウザの開発の他、様々なアプリの受託開発を行った実績を展示、紹介していました。
高画質版はこちら→ http://www.youtube.com/watch?v=yue6HLjEfbs
波動方程式（ノイマン境界条件）の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
【東方手書き】Unfinished world －第二話 後編－【活劇マンガ】
お待たせしました、第2話後編です。
本動画は2話の後編になります。前編をご覧になってからご視聴ください。
（作者≠投稿者）
使用BGM
激戦の人様
U.N.オーエンは彼女なのか？をアレンジ -Long version-
sm6843730
U.N.オーエンは彼女なのか？ -3rd Arrange-
sm12001529
さかばと 通天様
『IsuCaの嘴』収録 レッドラブラドライト
からお借りしました。ありがとうございました。
sm19867329 前＜ アンフィニマイリス mylist/33799501 ＞次 10月頃
5月26日 博麗神社例大祭10に参加します
サークル「ロビングネットイン」 て－10a
http://lobingnetin.web.fc2.com/index.html
5/16追記
広告ありがとうございます！
歴代ライダーＶＳ仮面ライダーウィザード、てつを
YouTube、sakimamalovedisneyさんの動画から
http://www.youtube.com/watch?v=f6JEq9WAbdk
このショーは東映公式です
東映ＨＰhttp://www.toei.co.jp/event/show/1201149_954.html
５月５日熊本県グリーンランド、仮面ライダーウィザード「超魔法伝」昭和ライダー戦記です。
ＧＷ限定イベントで歴代ライダー集結！（真、ブラック）を除く
１号の声優は稲田徹さんです
グリーンランド公式ＨＰhttp://www.greenland.co.jp/index2.html
カピが自作ゲームフェスに駆けつけた！
このようなイベントがあるなんて、気が付かなかったので＾＾；応募は間に合いませんでしたが、ちょうど新作を作ったのでぜひ遊んでください。www.nja.jp 「enchant.js」を使用させて頂いて作ったゲームアプリです。9leapさんに置かせて頂いてます。「コカペプ」（「アンアプ」）【クリア時間】およそ５分程度【動作環境】HTML5対応のブラウザが動くPC、スマホ【ジャンル】シンプル（ソーシャル）ゲーム 【概要】同じマークのボタンをタイミングよく押すだけ＾＾現在はツイッターにつぶやいて２大勢力争いが出来る？！ソーシャル要素に、ちょっと実験的チャレンジ他のゲームアプリ、エデュケーションゲームもあるのでお時間あればどうぞ～
HTML5（Canvas）を利用して作ったmatrixサンプル紹介
皆さん初めまして！今回はHTML5のCanvasの紹介です（Canvasとjavascriptを使って実装してます。）ソースコードと、ソースの解説は以下でやってます。http://ossanhoihoi.web.fc2.com/html5/matrix.htmlではー。
ブラウザのスクロールバーを視覚エフェクトにしてみた
何を言ってるのかわからないと思うがとりあえず見てみて欲しい。
スクロールバーをスペクトルにしてみた。
javascriptでWebAudioAPIを使ってやっています。
WebKit系のChromeとSafariに対応してます。
FireFoxもAudioDataAPIがあるので(私が頑張って対応すれば)多分出来るはず。
2013/4/5 頑張らずにIE、Firefoxなどに対応しました。
お試しはこちらから : http://ohhiru.info/scrollvisualizer/
つくったの mylist/37102131 実験的 mylist/37102151
迷９ 第４回「勝手にトレインキット投票」
NEW!FINAL発表→sm33434379
※html5移行により、投票結果が表示されなくなってしまいました。投票結果が見たい場合は、画面一番下の「Flash版で視聴する」からご視聴ください（PC推奨）
列車で行こう風にA列車で行こう９にツッコミを入れよう ～ARTDINKさん、修正パッチﾏﾀﾞｰ？～
第４回目は「勝手にトレインキット投票」です。マイリスト→mylist/36007031 次回⇒sm20458633
個別に車両を集計していたらキリが無くなったので、大雑把に傾向をまとめました。
半角で入力しないと集計されません。テンキーを使うと楽です。
こえのおねえさんまいまい☆ミさんの動画はこちら⇒user/11213211/
※この動画は特に怒られてないので視聴することができます
#abc2013s C-15 HTML5ハイブリッドアプリ開発実践編
※もしアップロードがマズかったらコメントでお知らせ下さい。すく削除させて頂きます。 ＞関係者様
http://www.android-group.jp/conference/abc2013s/conference/technology/#anc_sess17
2013/03/15 16:00 C会場(28号館 113教室)
【久保田光則 さん】 Monaca Framework http://monaca.mobi/?lang=ja
HTML5ハイブリッドアプリ開発実践編 ～クロスプラットフォーム開発でハマりがちなポイントを解説～
■YouTube： http://youtu.be/4LQWnyjCcQA
■マイリスト： mylist/36316925
(2013/03/17)
#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)
スマートフォン向けOS TIZEN - プロ生勉強会 第20回＠品川 #pronama
プログラミング生放送勉強会 第20回＠品川 のセッション
詳細： http://pronama.jp/20
スマートフォン向けOS TIZEN ～はじめて学ぶアプリ開発入門～
Tizenってそもそも何？読み方は？ Mobile と IVI ってなに？ Tizen について勘違いしやすい部分を踏まえながらご紹介します。さらに Tizen 上で動作する HTML5 を使用したアプリケーションの作り方についてご説明します。（注： 告知開始時のタイトル 「Tizenってなに？」から「Tizenで動作するアプリを作ろう！」まで（仮） の説明です）
スピーカー: くまだすさん（@kumadasu） Tizen Japan コンソーシアム
lv128495639
mylist/27543937
【OSC2013東京Spring】 HTML5+WebGLは、何故盛り上がらないのか！？
オープンソースカンファレンス東京のセミナーを中継！※機材不調のため、途中一部切れておりますが、ご容赦ください。講師：川田 寛（代表）担当：モバイリングメーカーズレベル：入門対象者：HTML5、WebGLの情報収集を目的としている人。WebGLの利用を検討している人。前提知識：HTMLでWebページ作成をしたことがある方。HTML5という言葉を聞いたことがある方。登場時は世間の注目度はそこまで低くなかったはずなのに、微妙に盛り上がりに欠ける技術「WebGL」。何故盛り上がってくれないのか？業界的視点、技術的視点で、掻い摘んでお伝えします。
プログラミング入門ツール「VixarStudio for HTML5」
HTML5とJavaScript言語が学習できる3Dプログラミング入門ツール「Vixar Studio for HTML5」はこちらからダウンロードできます。http://vixar.jp/html5/Firefoxブラウザを使ってHTML5の3D機能「WebGL」を実行しながら、プログラミングが学べます。モデリングはMetasequoiaで、3DアニメーションはVixar MotionやTransMotionを使っています。
マイクロソフトのオープン戦略
マイクロソフトのオープンな取り組みー例えばWindows Azureクラウドにおけるオープンソース技術へのサポートの拡大、Windows 8 ストアアプリの開発のHTML5やJavaScriptといったWeb開発言語への対応、そしてオープンソースコミュニティとの技術連携などなど。これにより更に多くのエンジニアが活躍の場を広げ、ビジネスをつなぎ易くなってきています。今後も更にオープンになっていくマイクロソフトにご期待下さい
Steins;Gate をコメントで表現してみた 【元動画１】
本家動画(sm19921417)の録画元動画です。
録画環境は下記の通り。
■ＯＳ／Windows7
■ブラウザ／IE9
■AdobeFlashPlayer画質設定／「低」 ※画面をクリックすると出てきます。
1.sm19915160(α) 2.sm19915213(α) 3.sm19915241(α) 4.sm19915292(α) 5.sm19915352(α)
6.sm19915404(β) 7.sm19915442(β) 8.sm19915482(β) 9.sm19915520(SG) 10.sm19915552(SG)
※コメント欄の「コメント」をクリックして出てくるプルダウンメニューの
「投稿者コメント」を選択すると、IBN5100でしか読み取れない特殊な言語が見れます。
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！