タグ HTML5 が登録されている動画 : 177 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
HTML5で迷路作成プログラム
HTML5のcanvas機能を使った迷路作成プログラムです
HTMLとJavaScriptのみで動いてます
http://www.geocities.jp/katsu_don2009/index.html
HTML5/CanvasでADVRPG作ってみた①
お初にお目にかかります、HNは てふ と名乗ってます。
さて、HTML5のCanvasを利用してADVぽいRPGぽいゲームを作ってますが、
今回はそのADV部分だけ、東方のキャラ達にご出演頂いて紹介させていただきます。
ちなみに東方に関しては"にわか"なので悪しからず…
次回はバトルシーンもある程度完成させて投稿する予定です。
以下使用素材とか(敬称略
キャラクター立ち絵
kaoru http://gensoukyou.1000.tv/
効果音
魔王魂 http://maoudamashii.jokersounds.com/
背景画像
闇討ちProject http://commons.nicovideo.jp/user/499432
その他 ゆっくり画像など
製作状況などはこちら→ @tefugame
オレ達HTML5
HTML5のタグを戦隊ものキャラに擬人化してみました。HTML5勉強中の為、解釈がおかしかったりするかもしれませんが、色々よろしくです。その他作品 http://euren.web9.jp/---コメントありがとうございます! 色々浮かんできますが、敵?が中ボスクラスのキャラしか浮かばなくてあれこれ考えてます。。
!CheerZ! 乾杯可視化システム
html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。
さいころぱずる*くらしっく あん! - アルファ版プレイ
HTML5対応PCブラウザで遊べるパズルゲームの公開テストを実施中です。
http://ichigo.pudding.jp/sakura_ann/
*2014/8/20 - ルールを簡単にしてAndroidアプリにしてみました。
https://play.google.com/store/apps/details?id=com.ecl_gms_project.sakura_ann_petit
*2014/8/17 - ポップアップブロック対策の方法を変更しました。
【なんとなく】 enigma one 【音とCG】
なんとなく、Web Audio APIを使ってみた。
----
CGの方は@mrdoob氏のthree.jsを使用しました。
ありがとうございます。
Thanks to Mr.doob.
----
あと、自演宣伝してみる。
【検証】振子の周期が一番短いのはサイクロイド曲線?
振子の周期が一番早いとされるサイクロイド曲線。他の曲線と比較してみました。
サイクロイド曲線(緑)vs2次関数曲線(青)vs円曲線(ピンク)vs楕円曲線(赤)
【動画作成方法】
http://www.natural-science.or.jp/article/20150223214212.php
雪の結晶シミュレーション(2次元DLA)
■HTML5による仮想物理実験室(物理シミュレーション)
http://www.natural-science.or.jp/article/20160524000005.php
■DLAによる樹木状クラスタのフラクタル次元
http://www.natural-science.or.jp/article/20110406232038.php
単スリットによる回折現象
スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.php
女の子楽しそう
何かしら投稿したいけど静止画だけとか文1個だけとかじゃ面白くないので作りました
絵:ジュン2 曲:ジュン2
PCで無理やり「スマホで初代電車でGO!」をプレイしてみた。
パソコンからのやり方のヒント
ウェブブラウザを開発者モードで開いてユーザーエージェント情報を変更。
初代『電車でGO!』が遊べる!運転士体験サイト | SQUARE ENIX
https://www.jp.square-enix.com/denshadego/syodai/game/
すふぃあと学ぶJavaScript #part1
WEBプログラミングにおけるJavaScriptをすふぃあと一緒に勉強しよう!今回はJavaScriptをブラウザで実行するところまで説明したよ。
扱って欲しいコンテンツや、詳しく聞きたいところ、そしてもし動画内の間違いに気づいたら是非是非コメントお願いします。。。!!
私たちのTwitter
https://twitter.com/MarineSphere_
お借りしている楽曲
騒音のない世界
https://noiselessworld.net/
効果音ラボ
https://soundeffect-lab.info/
【自作WEBアプリ解説】JR東海風の駅名標を自動生成できるプログラムの概要・使い方を解説!【VOICEROID解説】
【ジェネレーターはこちら】 https://lemon-slime.com/?p=839
【Youtube動画はこちら】https://youtu.be/rULypGzeuKw
本ジェネレーターを用いることで、JR東海風の駅名標を簡単に量産することができます。是非、ご活用ください。 本動画では、このジェネレーターの使い方及び概要を解説します。いわゆる、「公式ドキュメント」の動画版です。
【使用素材・ソフト】
琴葉姉妹の立ち絵素材 / ユメのオワリ様 琴葉葵(voiceroid音声) YMM4 われは海の子(BGM) HTMLとjavascript
HTML5であそんでみたクエスト
【You Tube転載】「HTML5であそんでみたクエスト」は、HTML5で新たに実装された新機能で遊んでみたRPG風ゲームです。ローカルの画像をブラウザに直接ドラッグ&ドロップすることで戦います。画像がJPEGなら「たたかう」、GIFなら「まほう」、PNGなら「かいふく」といった具合に、ドロップした画像の拡張子によってコマンドが変化。画像はデカければデカいほど強く、あまり小さいとはね返されてしまってダメージを与えられません。ゲームサイトはこちら⇒http://dot3.jp/html5quest/(※Firefox以外のブラウザには対応していません)
迫るHTML5
HTML5が迫るだけ.やっつけ.音声はsm2301265から.なおHTML5の動画ですがParaFlaで作りました.Webアプリで動画作成が完結する時代はまだでしょうか.
metaタグでviewportを設定しよう(動画中ではViewpointと勘違いしています)
Android端末で、JavaScriptを使って動かす系のサイトを作っていたら、viewport設定によって動作が違うので、動画に取ってみました。(※投稿時ViewPointだと思い込んで制作していました)動画の音声は、VOICEROID+民安ともえ(弦巻マキ)を使用しました。
しっとり物理アクションパズルを作ってみた
http://9leap.net/games/1784 --------------------色玉里(しきたまり)という物理演算を使ったアクションパズルゲームを作ってみました。パズルゲームは遊べるカタチになるまでが結構大変なのであまり作りたくなかったのですが、なんとか頭を使っても使わなくてもそれなりに没頭できるゲームに仕上がったので紹介します^^ -------------------- 他のゲーム【BUTTERFLY SPEAR】→sm17809030
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その3
ライブラリは使用せず0から作っています。
次: sm21892468 前: sm21742078
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は動画では初登場の魔理沙、2面は霊夢でプレイしています。
ブラウザMMDビューア→mylist/49125767
【荒ぶる坊主】Steel Plants Monster Ver2【HTML5 CSS3 3DCG風 animation】
HTML5 CSS3を使用したアニメーションを無理くりヴァージョンアップしました。
win8 & chrome環境でキャプチャした映像です。
公開サイト http://conyanco.tk/monster
BGM Download https://soundcloud.com/nama-labo
ネットワークトラフィック可視化ツールsquare
ネットワークトラフィックの可視化。音源は次の2曲。てってて~原曲、じゅるP氏作:Gene-Revolutionary
HTML5 でどんなゲームができるのか知るために、適当なゲームをプレイする
操作は簡単で、難易度はなかなかやりごたえある感じでした。今回プレイしたゲームはこちら。HexGL, the HTML5 futuristic racing game.http://hexgl.bkcore.com/
Android開発でGo言語!欲しいスマホは自作?短冊メーカー丸パクリ?
IT系記事を読んで技術トレンドをキャッチする生放送の動画だお
内容
コードが丸パクリだったという
やまろうさんはインターンやりましたか?
女装放送はしないの?
今月のリスナー料まだ?
無駄コメ いっぱい打ちまくる人増えるね
何線で通勤してるの?
やっぱり配信のために仕事辞めるべきだよ うんうん
Androidネイティブ開発に関するGo言語の状況
swiftはクローズすぎて使えないよ
マイリス mylist/44222969
co2268886で放送してるお!コミュ入ってくれお
初音ミクのゲーム作ってるお
http://mikumikuplay.com/
自作ゲーム レイガリ 参考用プレイ動画
http://9leap.net/games/4211
HTML5+JavaScriptで作成しました。
tmlib.jsを使用しています。
音や画像は全てオリジナルです
いんちきゲーム屋のギャラクシーウォーズをhtml5で動かしてみた。
「ゲームセンターあらし」で炎のコマを生み出すきっかけとなったゲームです。
とは言うものの、基板の性能に即して作ってみると
GIVEUP出せる人なら手を200万回も動かす必要も無く
一万点は取れたんじゃないかなあと(笑
隕石の初期個数の増加と隕石がミサイルを撃つ改変を行っています。この動画では都合上4面目の難易度からスタートしています。
マイリスmylist/34144919
ラザフォード散乱(古典)の様子(静電ポテンシャル表示)
xy平面上におけるラザフォード散乱の様子。z軸方向にターゲット荷電粒子が作る静電ポテンシャルを表示。ラザフォード散乱についてhttp://www.natural-science.or.jp/article/20160406055544.phpグラフ描画は以下を参照くださいhttp://www.natural-science.or.jp/laboratory/graphjs.php
【ATOM】ASUS VivoStick TS10でZenzaWatchをためしてみる 【CherryTrail】
前世代のスティックPCでも普段は問題なかったのだけど、高画質系動画でスローになってしまうのが残念だったので、新型はどうなの?というのを試してみました。(本当は無駄遣いしたかっただけ)
3倍速とか無茶させなければ結構イケるようです。
このテストではコメントがカクついてるけど、普通の動画ならヌルヌルです。
GINZAは相変わらず重いです。
お借りした動画はこちら: sm28539679
こんな動画を選んでおいて言うのもなんですが、実はアイマスよく知らなかったり。。。
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす! その1【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった?
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
天井プロジェクターのテスト
投げ売りしてたプロジェクターとスティックPCで、お手軽に寝ながらニコニコ動画。
消費電力も少ないので、つけっぱなしで眠ってしまっても安心。
ただし天井が白くないと厳しい。
画面をお借りした素晴らしい動画はこちら。
sm23722424
sm26171783
sm22391265
sm25619783
sm3945173
Nintendo Switchでコメントアートのテスト
Nintendo Switchの内蔵ブラウザを呼び出す方法があるらしいので試してみた。
しかし動画は再生できなかったので、コメントアートだけ流してみる。
もしNintendo SwitchでZenzaWatchが動いたらこんな感じだよ、というイメージです。
使ったデータはここにいろいろ置いてあります。
http://makimo.to/Zenza/
「60fpsの滑らかさ」 の比較
解説記事用の動画です。
これだけ見ても意味不明だと思います。
ざっくり言うと、
上は時間とコメントがきっちり同期してるのに対し、
下はそんなに正確じゃなかったりします。(そのかわりに滑らか)
この辺をCanvasとCSS3 Transitionの性質と絡めつつ、うまくまとめられるといいんですが。
録画環境
Ryzen 1700X / Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm30617631
