タグ HTML5 が登録されている動画 ： 177 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その2
ライブラリなど使わず0から作っています。
前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
ブラウザMMDビューア→mylist/49125767
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
2くらいから始めるライフゲーム開発 第3回 「この動画のゴールについて」
引き続き視聴してくださってる方はありがとうございます
今回は、これまで説明してなかったこの動画の最終目標についてとこの動画で採用した言語がHTMLなのかの説明も軽くしています
内容は薄い上にライフゲームから脱線してしまっているのは申し訳ないです
mylist：mylist/61839221
前回：sm33126558
次回：待っていてください
しっとり物理アクションパズルを作ってみた
http://9leap.net/games/1784 --------------------色玉里（しきたまり）という物理演算を使ったアクションパズルゲームを作ってみました。パズルゲームは遊べるカタチになるまでが結構大変なのであまり作りたくなかったのですが、なんとか頭を使っても使わなくてもそれなりに没頭できるゲームに仕上がったので紹介します＾＾ -------------------- 他のゲーム【BUTTERFLY SPEAR】→sm17809030
ブラウザのスクロールバーを視覚エフェクトにしてみた
何を言ってるのかわからないと思うがとりあえず見てみて欲しい。
スクロールバーをスペクトルにしてみた。
javascriptでWebAudioAPIを使ってやっています。
WebKit系のChromeとSafariに対応してます。
FireFoxもAudioDataAPIがあるので(私が頑張って対応すれば)多分出来るはず。
2013/4/5 頑張らずにIE、Firefoxなどに対応しました。
お試しはこちらから : http://ohhiru.info/scrollvisualizer/
つくったの mylist/37102131 実験的 mylist/37102151
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その3
ライブラリは使用せず0から作っています。
次: sm21892468 前: sm21742078
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は動画では初登場の魔理沙、2面は霊夢でプレイしています。
ブラウザMMDビューア→mylist/49125767
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
インストールするだけでコメントがめっちゃ滑らかになる拡張だよ
特にFirefoxは生まれ変わるよ。
カクカクで遅いという風評被害を吹き飛ばせ。
まだ倍速再生には対応してないけど、気が向いたらやるかも。一応対応したよ。
Firefoxだと効果が絶大だけど他のブラウザでも効果はあるよ。
導入方法は各自で頑張って調べてね。
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術解説は他の人にまかせるよ。
zenナントカとかいうプレイヤーと比べちゃ駄目だよ
ネットワークトラフィック可視化ツールMap
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その5
ライブラリなどは使用せず0から作っています。
前: sm21892468 次: sm22137339
mylist/38547755
更新点はマイリスト参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。Chrome上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
今回はリプレイ機能を実装しました。
サーバに登録することで、他プレイヤーにリプレイを見せることができます。
#0:00 ブラウザ上で動くアピール
#0:03 リプレイ垂れ流し
#4:33 リプレイ登録方法
録画環境が酷い。実物はもっと快適な動作です。
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
SPAMフィルタ可視化ツール SPAM MAP
SPAMフィルタの動作を可視化。観測地点は関東の某所。迷惑メールと判定されると途中で弾かれる。通常のメールはHAM、迷惑メールはSPAMとしてカウント。音源は次の2曲。てってて～原曲じゅるP氏作：Gene-Revolutionary
2くらいから始めるライフゲーム開発 第2回 「実装済みの機能について」
引き続き視聴してくださってる方はありがとうございます
前回の動画では内容はどうあれ、画質などにも問題なく視聴できるレベルだと判断したので
今回からは、動画の作り方の方に試行錯誤してみました
これからもより良い動画になるようにがんばります
mylist：mylist/61839221
前回：sm33117675
次回：sm33331034
参考にさせていただいたアルゴリズム (他の地形生成アルゴリズムも載っています)
https://blog.splout.co.jp/3429/
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。
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
すふぃあと学ぶJavaScript #part1
WEBプログラミングにおけるJavaScriptをすふぃあと一緒に勉強しよう！今回はJavaScriptをブラウザで実行するところまで説明したよ。
扱って欲しいコンテンツや、詳しく聞きたいところ、そしてもし動画内の間違いに気づいたら是非是非コメントお願いします。。。！！
私たちのTwitter
https://twitter.com/MarineSphere_
お借りしている楽曲
騒音のない世界
https://noiselessworld.net/
効果音ラボ
https://soundeffect-lab.info/
【ZenzaWatch】Androidでも動いた。 しかもヌルヌルじゃないですかー.mp4
実用性はともかくAndroidでも動いたーやったー！ しかも公式よりぬるぬるじゃないですかー！
ブックマークレットはここから登録できるので、試してみたい方はどうぞ -> http://makimo.to/Zenza/
詳細やお借りした動画は後ほどブロマガのほうに書きます。
なおiOS版Chromeでも動くことは動きましたが、正直微妙なのでお勧めしません。
なぜか明朝とゴシックが逆になったり、不思議な挙動をします。
波の伝播シミュレーションの実装解説
波の伝播表現の実装方法を解説してみました。
表現がいい加減だったり、わかりにくい所が多々あると思いますが、こういった解説を作るのは初めてなので、生暖かい目で見守りつつ、やさしく突っ込みなどを入れていただけるとありがたいです。
なお、冒頭の映像は以前にあげたsm9294159と同じもので、.NET Framework 2.0 SP1で作成、最後のWebブラウザでの映像は、HTML5のCANVASとJavascriptで作成しています。
使用BGM: ル=ロックルへようこそ/ 英雄伝説VI 空の軌跡SC/ Copyright© Nihon Falcom Corporation
モチノナナのプログラミング講座 HTMLとCSS編 第5回
HTMLとCSS編ラスト！
今回やること
・サーバーへのアップの仕方
動画内で使ったソースコードはナナの公式サイトにあるから、欲しい人は是非見てみてね！
～次の動画～
まだだよ!!!
PHP編！…の予定
// ナナチャンネル
https://www.youtube.com/channel/UC8ec...
// Twitter
https://twitter.com/nanamochino
// 公式サイト
https://mochinonana.com/
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak（読み上げソフト）とIgo.js（日本語形態素解析）を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
ニコニコ公式プレイヤーとZenzaWatchを比較してみた。【Chrome】
watch/1463845240 を使用してフルスクリーンで収録しました。
前半では、ZenzaWatchと公式プレイヤー(HTML5)の比較、
後半では、ｶｸｶｸの公式プレイヤー(Flash)が参戦してます。
各プレイヤーは日々更新されています。
当たり前ですが収録時のバージョンですので、
動画を視聴しているバージョンとは違うかもしれません。
環境
OS：macOS Sierra
使用ブラウザ：Google Chrome
ZenzaWatch設定：フォントサイズ:1.0 フォント:'HiraginoSans'
[2016/10/28 追記]
Flashがｶｸｶｸなのはコメを強制的に60fpsにしてある上に、
うｐ主のスペック不足です。すみませんでした。
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でボーカロイドとかもっとすごい世界が広がってますよ。
[ブラウザゲー] よけろ！弾幕さん [STG]
![[ブラウザゲー] よけろ！弾幕さん [STG]](https://nicovideo.cdn.nimg.jp/thumbnails/23974408/23974408)
JavaScriptで作った弾幕STGです。
スマホでも動くんでぜひ遊んでみてね。
http://9leap.net/games/4107
ソースの場所
https://github.com/daishihmr/danmaku-san