キーワード Javascript が含まれる動画 ： 1160 件中 737 - 768 件目
種類:
- タグ
- キーワード
対象:
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
【放置RPG】「世界のカケラ」紹介動画【スマホ向け】
ニコニコ自作ゲームフェス5応募用動画です。
【ゲームタイトル】
世界のカケラ
【動作環境】
アプリ版：Android
Web版：Webkit系ブラウザ (Google ChromeやSafariなど)
【ジャンル】
放置RPG
【概要】
壊れた世界の再生が目的のスマホ向け放置型RPG。
勇者となって世界のカケラを集め、王様となって集めたカケラで国をつくります。
【使用言語】
クライアント側：HTML5/CSS3/JavaScript
サーバー側：Scala/Java
【URL】
アプリ版：https://play.google.com/store/apps/details?id=jp.ymgcsng.pieces
Web版：https://the-pieces.appspot.com/
ニコニコ動画のコメント入力補助ツールを作ってみた
このツール(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
RealTrainModでE531系のモーター音を再現してみた
RealTrainModにてjavascriptを用いて車両の音を自由に設定できるようになりましたので、
E531系のモーター音を再現しようと思いました。
動画編集はまだ慣れないのでお見苦しいところあると思います(´・_・`)
すみませんがそこはスルーでお願いします(◞‸◟)
音源は、ティンパニ奏者（RA-000）さんに頂きました。
ティンパニ奏者さんのバイノーラル録音鉄道走行音ライブラリ
→https://drive.google.com/folderview?id=0B3B1VTwflWRERC1CM3ZHVkVLRjQ&usp=sharing
この場を借りてお礼申し上げます。誰かE231系近郊型の走行音ください
ブラウザ上で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
居酒屋「鳳翔」Web支店を作ってみた【Live2D】
どうも、今回はダメ男製造機改居酒屋「鳳翔」を作ってみました。
HTML+CSS+JavaScriptで作っていますので、今回も体験可能です。
鳳翔さんはLive2Dで作成してGIFアニメとして出力しています。
ブラウザはOpera・Safari・Chromeで表示可能ですが、動作において得手不得手があります。
そのあたり踏まえてこちらからどうぞ
http://tocoro.m24.coreserver.jp/izakaya_hosho/
魯粛様の「居酒屋鳳翔物語番外編3」に背景として使って頂きました。
sm26244511
その他作ったもの
mylist/49892111
【結月ゆかり】幸福なシムの街づくり 3日目 【SimCity(2013)】
今回の動画かなり内容は多いです。
一部かなりかっ飛ばしました。
ソフトウェアで遊ぶのって楽しいですよね。
ハードウェアと違って壊れてもバックアップがあるし。
最近の趣味はHtmlとScc・Javascriptで遊ぶことです。
お金があったら鯖も作ってみたい。
シムシティ2013購入リンク
http://goo.gl/uEDa3z
mylist/49287123
前―＞sm25813778
次―＞気が向いたら
ハンバ～グ牧場Ｒ
ニコニコ自作ゲームフェスタ５出品作品ですにゃ。遊び方は、サイト内に説明ページがありますけど、読まにゃくてもわかると思いますにゃ。
http://bigchan.sakura.ne.jp/bokujo-r/bokujo-rm.html
※ＩＥ以外だと動かにゃい可能性が高いですにゃ。
※ダウンロード形式じゃにゃくて、わたしのサイトにそのまま載せてますにゃ。遊ぶ時も、そのまま遊べますにゃ。
※あほげーさんでいつもお世話になってる関係で、出品はしますけど、各賞の選考・審査は辞退しますにゃ。
ズー・サバイバー 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
ズー・サバイバー
【クリア時間】
5分
【動作環境】
Windows7、Android4.x
【ジャンル】
アクション
【使用した制作ツール】
Java/JavaScript
【概要】
動物園に来ていたはずが、気づけば檻の中にいた――。
アイテムを使って追ってくる動物たちをかわし、建物から脱出だ！
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se506346.html
Web版
http://sorakomi.com/soft/game/zoo_survivor/main.html
Android版
https://play.google.com/store/apps/details?id=jp.ne.sk_mine.android.game.zoo_survivor
【コメントへの返信】
スペースがないためサイト掲示板で。
http://sorakomi.com/
吉田であるということ 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
吉田であるということ
【クリア時間】
2分
【動作環境】
Windows7、Android4.x
【ジャンル】
クイズ
【使用した制作ツール】
Java/JavaScript
【概要】
おまえら吉田の何を知ってるっていうんだ。
5人の中から吉田を探し出せ！
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se501225.html
Web版
http://sorakomi.com/soft/game/yoshida_de_aru/main.html
Android版
https://play.google.com/store/apps/details?id=jp.ne.sk_mine.android.game.yoshida_de_aru
【コメントへの返信】
スペースがないためサイト掲示板に書いていきます。
http://sorakomi.com/
285人くらいおれ一人で倒してみせるぜ 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
285人くらいおれ一人で倒してみせるぜ
【クリア時間】
5分 エンドレスモードなら腕次第でいくらでも
【動作環境】
Windows7、Android4.x
【ジャンル】
アクション
【使用した制作ツール】
Java/JavaScript
【概要】
何人向かってこようと倒すゲーム。
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se501220.html
Web版
http://sorakomi.com/soft/game/battle_of_285/main.html
Android版
https://play.google.com/store/apps/details?id=jp.ne.sk_mine.android.game.battle_of_285
【コメントへの返信】
スペースがないためサイト掲示板に書いていきます。
http://sorakomi.com/
The Tank3 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
The Tank3
【クリア時間】
1時間
【動作環境】
Windows7
【ジャンル】
シューティング
【使用した制作ツール】
Java/JavaScript
【概要】
難易度高め、マップ探索型シューティングゲーム。
ブーストを駆使して敵を撃破せよ！
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se490190.html
Web版
http://sorakomi.com/soft/game/tank3/main.html
【コメントへの返信】
スペースがないためサイト掲示板に書いていきます。
http://sorakomi.com/
ブラウザ上で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
試製ダメ男製造機Web版を作ってみた
はじめまして。
Web系の勉強をしていたら、気が付くとダメ男製造機が出来てしまったのでご紹介致します
Web上で操作可能なMMDビューワみたいなものです。
モデルの表示にはjThreeというライブラリを使用しています。
執務室の描画や移動の制御はすべてHTML、CSS、JavaScriptで行っており、専用の3Dソフトは使っていません。
またブラウザの機能の都合上、今の所Operaでしか完全な表示ができません。
そのあたり踏まえつつ、ダメになりたい提督はこちらへどうぞ
http://tocoro.m24.coreserver.jp/dameo/
2015/4/8追記
ほーく様、宣伝感謝です。
その他作ったもの
mylist/49892111
ブラウザ上で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