タグ JavaScript が登録されている動画 ： 624 件中 353 - 384 件目
種類:
- タグ
- キーワード
対象:
【一発ネタ】メイドインツクダニ
mylist/50426444
暇だからjavascriptの勉強がてら、超エキサイティングなゲームを作ってみた
http://yomancpp.github.io/wtfgame/wtfgame.html
ニコニコ動画のコメント入力補助ツールを作ってみた（＃２）
このツール(Firefox用のBookmarklet)は、視聴画面や投稿者コメント編集画面にコメントの入力を補助する操作パネルを追加するものです。
フルライジオボタン化、カラー記憶機能追加等行いました。
基本的な発想はGRNさんのものです。
GRN放送局:http://com.nicovideo.jp/community/co300695
twitter:https://twitter.com/grnweb
お借りした動画:sm26364728
ツール(Bookmarkletの紹介記事)
http://ameblo.jp/odoriko-link/entry-12035754587.html
nicoｺﾒ補助ﾂｰﾙver.2.22r
http://tottemohimadesi.esy.es/js/nico_come_assist_tool-ver2.22r.js
コメントアート（弾幕）の知識はこちらをご覧ください。
コメントアートwiki
http://www37.atwiki.jp/commentart/
es6とreactでゲームを作る - ペアプロキャストep1後編@kjirou
@kjirouさんとes6とreactで作成途中のブラウザゲームをペアプログラミングします。
ドライバー：@komagata
ナビゲーター：@kjirou
リポジトリ：https://github.com/kjirou/dungeons-and-idlers
前：sm26375942
次：sm26425307
ニコ動マイリスト：mylist/50316202
Youtube再生リスト：https://www.youtube.com/playlist?list=PLK0aUy-c-BhVhHAdVqmrPs4yHzqNFk36z
es6とreactでゲームを作る - ペアプロキャストep1前編@kjirou
@kjirouさんとes6とreactで作成途中のブラウザゲームをペアプログラミングします。
ドライバー：@kjirou
ナビゲーター：@komagata
リポジトリ：https://github.com/kjirou/dungeons-and-idlers
次：sm26387118
ニコ動マイリスト：mylist/50316202
Youtube再生リスト：https://www.youtube.com/playlist?list=PLK0aUy-c-BhVhHAdVqmrPs4yHzqNFk36z
そばかす式魔理沙にブラウザ上で踊ってもらった (JavaScript & WebGL)
前: sm26166836 次: sm27662763
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
特に更新はないけど、そばかす式魔理沙ver0.2が素晴らしかったのでつい。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
デモサイトでは、その特性上再配布可能なデータしか置いていません。
そばかす式モデルを動かしたい人はローカル環境で試してください。
そばかす式モデルは「軽い」「表情豊か」「動かすと映える」と、
リアルタイムで動かすにはとても優秀なんですよね。
東方風STGブラウザゲーム→mylist/38547755
追記：無料広告チケットで宣伝してみました。
ワンクリック詐欺を作ろう - #7 JavascriptでHTMLを制御する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Javascriptを使ってプログレスバーを0%から100%まで動かす。
内容が高度になってきたので初見の方は#1からご覧になるのをおすすめします。
前 sm26211170 次 sm26235735 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
ニコニコ動画のコメント入力補助ツールを作ってみた
このツール(Firefox用のBookmarklet)は、視聴画面や投稿者コメント編集画面にコメントの入力を補助する操作パネルを追加するものです。
基本的な発想はGRNさんのものです。
GRN放送局:http://com.nicovideo.jp/community/co300695
twitter:https://twitter.com/grnweb
お借りした動画:sm25415311、sm25864029、sm24700743
ツール(Bookmarkletの紹介記事)
http://ameblo.jp/odoriko-link/entry-12029830784.html
nicoｺﾒ補助ﾂｰﾙver.2.20
http://tottemohimadesi.esy.es/js/nico_come_assist_tool-ver2.20.js
http://tottemohimadesi.esy.es/javascript/nico%E3%82%B3%E3%83%A1%E8%A3%9C%E5%8A%A9%E3%83%84%E3%83%BC%E3%83%AB/
コメントアート（弾幕）の知識はこちらをご覧ください。
コメントアートwiki
http://www37.atwiki.jp/commentart/
【html5版】はこちらをお使いください。
sm30714779
ブラウザ上でMMDを踊らせてみる その10 (JavaScript & WebGL)
前: sm26069436 次: sm26268613
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
複数モデル対応。影対応。ポストエフェクト追加。
複数モデルはさすがに重いので、動画中の物理演算が若干残念なことになってます。
実装したい機能は大体入れた感じ。
顔モザイクのアイデア元 https://twitter.com/i_saint/status/590815779802648577
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
東方風STGブラウザゲーム→mylist/38547755
ハンバ～グ牧場Ｒ
ニコニコ自作ゲームフェスタ５出品作品ですにゃ。遊び方は、サイト内に説明ページがありますけど、読まにゃくてもわかると思いますにゃ。
http://bigchan.sakura.ne.jp/bokujo-r/bokujo-rm.html
※ＩＥ以外だと動かにゃい可能性が高いですにゃ。
※ダウンロード形式じゃにゃくて、わたしのサイトにそのまま載せてますにゃ。遊ぶ時も、そのまま遊べますにゃ。
※あほげーさんでいつもお世話になってる関係で、出品はしますけど、各賞の選考・審査は辞退しますにゃ。
ブラウザ上でMMDを踊らせてみる その9 (JavaScript & WebGL)
前: sm26008748 次: sm26166836
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
ステージ対応。ポストエフェクト対応。物理演算調整。
配布されているステージとポストエフェクトは思いの他重かったので、
GLSLを駆使してとりあえずそれっぽいものをいくつかこしらえてみました。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかは使ってません。0からガリガリ書いてます。
(物理演算と行列演算ライブラリは使っているけど)
動画の最後に前回の撮り直しが入ってます。
前回の物理演算は納得いってなかったんで。
足のピクピクはIK solverのバグです。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その8 (JavaScript & WebGL)
前: sm25974661 次: sm26069436
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
エッジ対応。マウスによるカメラ制御対応。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算やIKのおかしさには目を瞑ってください。
60fps出る環境なら物理演算はだいぶましに見えます。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その6 (JavaScript & WebGL)
前: sm25936936 次: sm25974661
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
Whammy.jsを使用し、直接動画ファイルを生成できるようにした。
音声は動画編集中に後から足しています。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
もっと再配布可能な音声、モデル、モーション、カメラモーションが増えると、
デモで使えて嬉しいんだけどな。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その5 (JavaScript & WebGL)
前: sm25900381 次:sm25953917
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。
ようやく形になってきた感じ。
性能を今から倍くらいに上げたい。
動画はミクで実時間基準動作(50fpsしか出ないので、間に合わないフレームをスキップ)、
次にそばかす魔理沙で60fps動作、
最後に30fpsしか出なかったアリスを2倍速で。
7年前くらいに買ったノートPC上で動いています。
もっと軽いモデルが増えてくれると色々遊べて嬉しいんだけどな。
東方風STGブラウザゲーム→mylist/38547755
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(3)
敵キャラを出します。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25791488
次 未定
マイリスト mylist/39031781
CreateJS でアプリつくった話 - プロ生勉強会 第32回
2014/12/20開催「プログラミング生放送勉強会 第32回＠GMO Yours」のセッションです。
詳細： http://pronama.azurewebsites.net/2014/12/03/pronama-32-at-gmo-yours/
「CreateJS でアプリつくった話」@ru_shalmさん
スマホブラウザゲーつくろう！
lv203718786
mylist/25733855
ブラウザ上でMMDを踊らせてみる その4 (JavaScript & WebGL)
前: sm25738890 次:sm25936936
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。
Bullet(Ammo.js)を使って物理演算に対応。
ここまでで実作業日数1ヶ月くらい。色々大はまり。
まだまだまだまだ実装途中。
物理演算が重すぎてWebWorkersであまり性能改善ができなかった。
動画はローポリミクで60fps。その後に15fpsしか出なかった魔理沙を4倍速で少しだけ。
7年前くらいに買ったノートPC上で動いています。
ローポリ初音さん: http://www.geocities.jp/neko_terashima/MMD/index.html
東方風STGブラウザゲーム→mylist/38547755
JavaScript/CSS でカラオケ風テロップ
http://pronama.azurewebsites.net/2015/03/20/karaoke-telop/ のデモ動画
TypeScript で記述。jQuery, Knockout.js 等を利用。
※ ヒャダインのカカカタ☆カタオモイ-C（ヒャダイン）は、レコード会社から利用が許諾された音楽原盤です。
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(2)
横スクロールアクションの時と同じように、今回も Tiled Map Editor と tm.display.MapSprite を使っていきます。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25738659
次 sm25926183
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(1)
おひさしぶりです。
今回からはまたSTGを作っていきます。
敵の配置やパターンの実装を見せてほしいというリクエストを頂いたので、道中を重視した弾幕STGを作っていこうと思います。
名づけてドチューン！！です。
よろしくお願いします。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm22928803
次 sm25791488
マイリスト mylist/39031781
TM-Shooter CBL A-S 真ボス サカガミ ハイパー手動ボム禁止縛り
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
真ボス出現条件はノーコンティニュー2ミス以内でビギナースタイル以外です。
トレーニングモードはビギナー以外で必ず出現します。
この動画はトレーニングモードStage5のrank50で開始。
ハイパーと手動ボム禁止の縛りです。
できるだけ弾幕を覚えられるように撮りました。
他のプレイ動画 mylist/41537568
ブラウザ上でMMDを踊らせてみる その3 (JavaScript & WebGL)
前: sm25726043 次:sm25900381
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数7日くらい。まだまだ実装途中。
WebWorkersの導入でCPU側はまだ性能改善できるかも。
東方風STGブラウザゲーム→mylist/38547755
プリンセスコネクト 音声再生設定を拡張するPC Chrome用スクリプト
プリンセスコネクトをプレイしていて
ボイス設定で「次の音声まで再生を止めない」機能と
SE・BGM・ボイスの個別音量設定があればいいのに、と思ったので
PC ChromeのTampermonkey用ユーザースクリプトを組んでみました。
ブックマークレット化してインラインフレームを利用した擬似ブラウザみたいな感じにすれば携帯でも...
http://tools.gfdb.info/princess-connect-voice-cancel-inhibitor.html
ブラウザ上でMMDを踊らせてみる その2 (JavaScript & WebGL)
前: sm25695992 次:sm25738890
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数5日くらい。まだまだ実装途中。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その1 (JavaScript & WebGL)
次: sm25726043
mylist/49125767
ブログ投稿用。使用しているライブラリは行列計算用のglMatrixのみ。
嫌なことがあったので、むしゃくしゃして3日くらいでここまで作った。
インフルエンザで外出もできなかったし。
まだまだ実装途中。性能改善はIK実装後予定。
東方風STGブラウザゲーム→mylist/38547755
プログラミング初心者はJavaScriptを学んだ後、PHPを勉強すると良い理由
記事URL
http://mikumikuplay.com/it/beginner_should_learn_javascript_and_php/
プログラミング初心者が初めに学ぶべき言語は？
JavaScriptとPHP学びやすくて学び甲斐がある！
入門者向けWebサイトや本がたくさんある
作ったものをネット上に無料で公開できる
まずはJavaScriptを学ぶ
実行環境を構築する必要がない
HTMLとCSSもセットで学ぶ
言語仕様が小さい
次にPHPを学ぶ
クライアントだけじゃつまらない
同じC言語系シンタックスなので学びやすい
環境構築が簡単
最初はHTMLの中にPHPタグを書く書き方で良い
慣れてきたらフレームワークも使ってみる
DBもセットで学ぶ
コミュ
co2268886
マイリス mylist/44222969
初心者が知るべきJavaScriptの魅力はたった2つ！
自分が書いた↓の記事を読みながら解説する動画です！
http://mikumikuplay.com/it/javascript_goot_2point/
・内容
1. 構文の魅力
プロトタイプ型オブジェクト指向
関数が第一級オブジェクト
連想配列(ハッシュ)とオブジェクトが同じ
2. 動作するプラットフォームの魅力
さぁJavaScriptを学ぼう！
【プログラミング】後編・オセロを2時間で作ってみた【学生の実況解説】
■tkihira さんの niconicoprogramming をオマージュして録画しました。
■クリスマスですが、何も予定がないので気分転換にオセロを作る様子を実況してみました。
■できるだけ、最近の書き方を意識して JavaScript を書きました。
■一発撮りですので、ミスが多い点はご容赦ください。途中あまりにもバグで悩まされたので10分ほどカットした部分があります。ご容赦ください。
■Google Chrome, Sublime Text 2 での開発です。
前編→sm25203707
後編→この動画
ソースコードは以下にあります。
https://moriken.dev/nico/othello.html
【プログラミング】前編・オセロを2時間で作ってみた【学生の実況解説】
■tkihira さんの niconicoprogramming をオマージュして録画しました。
■クリスマスですが、何も予定がないので気分転換にオセロを作る様子を実況してみました。
■できるだけ、最近の書き方を意識して JavaScript を書きました。
■一発撮りですので、ミスが多い点はご容赦ください。途中あまりにもバグで悩まされたので10分ほどカットした部分があります。ご容赦ください。
■Google Chrome, Sublime Text 2 での開発です。
前編→この動画
後編→sm25204626
ソースコードは以下にあります。
https://moriken.dev/nico/othello.html
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
【ニコニコ自作ゲームフェス4】Space_Jump
―Space Jump!―
【概要】
人というのは何かを求めて走るものです。
あなたも仲間を求めていざ走れ！！
レアなキャラカードを求めてひたすら障害物をジャンプしてよけるゲームです！
【プレイ時間目安】
1プレイ約1分
【ジャンル】
横スクロールアクション＋コンプ要素
【URL】
Space Jump!特設サイト（こちらからダウンロードできます。）
→http://media.shohoku.ac.jp/takagi/game2014/
高木ゼミ＠湘北短期大学
→http://media.shohoku.ac.jp/takagi/
※Javaのバージョンが古い場合ゲームが起動しない可能性があります。
こちらから最新版をダウンロードしてください。
→https://java.com/ja/download/
※前回の動画の修正verです。