タグ JavaScript が登録されている動画 ： 624 件中 257 - 288 件目
種類:
- タグ
- キーワード
対象:
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
ブラウザ上で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
ブラウザ上で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を踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風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を踊らせてみる その9 (JavaScript & WebGL)
前: sm26008748 次: sm26166836
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
ステージ対応。ポストエフェクト対応。物理演算調整。
配布されているステージとポストエフェクトは思いの他重かったので、
GLSLを駆使してとりあえずそれっぽいものをいくつかこしらえてみました。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかは使ってません。0からガリガリ書いてます。
(物理演算と行列演算ライブラリは使っているけど)
動画の最後に前回の撮り直しが入ってます。
前回の物理演算は納得いってなかったんで。
足のピクピクはIK solverのバグです。
東方風STGブラウザゲーム→mylist/38547755
ハンバ～グ牧場Ｒ
ニコニコ自作ゲームフェスタ５出品作品ですにゃ。遊び方は、サイト内に説明ページがありますけど、読まにゃくてもわかると思いますにゃ。
http://bigchan.sakura.ne.jp/bokujo-r/bokujo-rm.html
※ＩＥ以外だと動かにゃい可能性が高いですにゃ。
※ダウンロード形式じゃにゃくて、わたしのサイトにそのまま載せてますにゃ。遊ぶ時も、そのまま遊べますにゃ。
※あほげーさんでいつもお世話になってる関係で、出品はしますけど、各賞の選考・審査は辞退しますにゃ。
ブラウザ上で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
ニコニコ動画のコメント入力補助ツールを作ってみた
このツール(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
ワンクリック詐欺を作ろう - #7 JavascriptでHTMLを制御する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Javascriptを使ってプログレスバーを0%から100%まで動かす。
内容が高度になってきたので初見の方は#1からご覧になるのをおすすめします。
前 sm26211170 次 sm26235735 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
そばかす式魔理沙にブラウザ上で踊ってもらった (JavaScript & WebGL)
前: sm26166836 次: sm27662763
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
特に更新はないけど、そばかす式魔理沙ver0.2が素晴らしかったのでつい。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
デモサイトでは、その特性上再配布可能なデータしか置いていません。
そばかす式モデルを動かしたい人はローカル環境で試してください。
そばかす式モデルは「軽い」「表情豊か」「動かすと映える」と、
リアルタイムで動かすにはとても優秀なんですよね。
東方風STGブラウザゲーム→mylist/38547755
追記：無料広告チケットで宣伝してみました。
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
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
ニコニコ動画のコメント入力補助ツールを作ってみた（＃２）
このツール(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/
【一発ネタ】メイドインツクダニ
mylist/50426444
暇だからjavascriptの勉強がてら、超エキサイティングなゲームを作ってみた
http://yomancpp.github.io/wtfgame/wtfgame.html
Amazonの価格を(見かけ)安くしよう - #1デモと下準備
Webページの書き換えを実践して、構成を理解しましょう。
ブックマークレットの紹介と、作成に必要な環境を解説。
次 sm26614562 全パート mylist/50780038
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
Amazonの価格を(見かけ)安くしよう - #2開発ツールでページを書き換える
Webページの書き換えを実践して、構成を理解しましょう。
ブラウザの開発ツールを利用して、HTMLの要素を調べ、任意の部分を書き換える
前 sm26607236 次 sm27346084 全パート mylist/50780038
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
納涼きもだめしゲームＲ
ニコニコホラーゲームフェス出品作品ですにゃ。まず、これがホラーにゃのかっていうツッコミは、ナシの方向でお願いしますにゃ。きもだめしでおばけが出てくるんだから、広い意味で言えばホラーですにゃ。昔からよくあるゲームで、新鮮味も何もにゃいんですけど、まぁお暇なら遊んでやってくださいにゃ。動作環境は、ちゃんと調べてにゃいんですけど、いちおうＩＥ専用ですにゃ。ＢＧＭあり版となし版がありますにゃ。http://bigchan.sakura.ne.jp/kimo/kimoda1m.html※こんな駄作が賞の候補になるとは思えにゃいんですけど、もし何かの間違いでそういうことになってしまったとしても、受賞の権利は放棄しますにゃ。審査員の皆さん、こんな駄作のために貴重なお時間を使わにゃいでくださいにゃ。
西くんのユーレイ館Ｒ♪
ニコニコホラーゲームフェス出品作品ですにゃ。まず、これがホラーにゃのかっていうツッコミは、ナシの方向でお願いしますにゃ。きもだめしでおばけが出てくるんだから、広い意味で言えばホラーですにゃ。昔からよくあるゲームで、新鮮味も何もにゃいんですけど、まぁお暇なら遊んでやってくださいにゃ。動作環境は、ちゃんと調べてにゃいんですけど、いちおうＩＥ専用ですにゃ。ＢＧＭあり版となし版がありますにゃ。
http://bigchan.sakura.ne.jp/nag/nag-rm.html
※こんな駄作が賞の候補になるとは思えにゃいんですけど、もし何かの間違いでそういうことになってしまったとしても、受賞の権利は放棄しますにゃ。審査員の皆さん、こんな駄作のために貴重なお時間を使わにゃいでくださいにゃ。
5分で作るバラ描画プログラム
何も使わない短時間プログラミングで、できるだけ面白いものを作ってみようと思いまして。
ソースコードは、http://www.setsugen.net/movies.html の「5分で作るバラ描画プログラム」の右のリンクからDLできます。
sm24066667 画像の中のご飯にカレーをかけるプログラムを作ってみた
sm9738770 食品CMをピアノソナタに！！
sm17615392 【偽】歴史上の作曲家で有名曲をピアノアレンジ♪
sm8401559 【チャイム】ラスボス風にアレンジしてみた
sm6434061 【ドラえもん】ジャイアンのリサイタルをピアノで弾いてみた
sm8246243 【きゅうり】でピアノを弾いてみた【My Way】
マイリスト: mylist/8107433
BGM: nc95140
まさおの非常にざっくりとした紹介
マリオメーカーが買えない？ ならば「まさおメーカー」で遊ぼう！
初見の方もそうでない方も、新しくなった「まさお」に触れてみては？
絵が雑でゴメンナサイm(__)m
まさお投稿サービス一覧：
●まさおメーカーSP+（http://litter.symphonic-net.com/MasaoMakerSP/MasaoMakerSP.cgi）
ユーザー登録不要ですぐに投稿可能。メーカーの使用にはJavaのプラグインが必要（投稿作品を遊ぶだけなら不要）。
●MasaoSpace（https://masao.space/）
最も新しい投稿サービス。Java等のプラグインは一切不要。
たくさんの宣伝ありがとう！
落ち物パズルゲームのプログラミング解説 1/2
Java、C#、C++/CLIで、テト○スを作ろうとしています。
言語の解説ではなく、ロジックの解説をしています。
次:sm27303747
ソース公開場所
http://www.free.netgamers.jp/prog/source/
R.hzさん、Simeji_Daliさん、ねるさん、宣伝ありがとうございました！
Amazonの価格を(見かけ)安くしよう - #3実際に商品ページを書き換える
商品ページを分析して価格を表示している要素を特定して書き換える。
Javascriptをブックマークに登録してブックマークレットの動作を確認する。
前 sm26614562 全パート mylist/50780038
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
自作スクリプトエンジンで簡単なゲームを作ってみた
前回（sm27499804）から少し進めて、簡単なゲームなら作れるところまで来たので、ジャンケンゲームを入力して遊んでみました。
この手のツールを「スクリプトエンジン」というらしいですね。
HTML+JavaScript5で作成したツールで、ブラウザ上で動きます。
さて、作ったはいいが、需要はというと…うん、なさそうですなぁ(^^；
右クリック禁止のサイトで右クリックする方法
右クリック禁止のサイトでコンテクストメニューを表示する4つの方法をお伝えします。
右クリック禁止を解除するブックマークレットも作成してみました。
オーディオインターフェイス故障中のため、イヤホンマイクで録音しております。
動画中のブックマークレットをコピーしてお使いいただけるように掲載しておきます。
--------------------
javascript:var count = document.getElementsByTagName('*').length; var i; for (i = 0; i < count; i++){document.getElementsByTagName('*')[i].oncontextmenu = function(){return true}} undefined
--------------------
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
自作ソフト「Like A LCD」をゆっくり紹介してみた
スクリプトエンジンというのか簡易言語というのかわからないですが、それっぽい感じのミニツールを作ってみました。これはその紹介動画です。
少しだけ更新→sm27739512
ブラウザ上でMMDを扱えるようにした (JavaScript & WebGL)
現状は「MMDデータを扱えるようにした」がより正確かも。
前: sm26268613 次: sm27956156
mylist/49125767
デモ: http://threejs.org/examples/#webgl_loader_mmd_audio
JavaScriptでMMDデータを扱えるMMDLoaderを作りました。
Three.js r74に入りました。
ブラウザ上でリアルタイムにMMDを踊らせたり、その他色々できます。
後半はまだまだ開発途中のブラウザMMDエディタの紹介。
Three.js EditorにMMDをサポートさせようとしているところ。
エディタデモ: http://takahirox.github.io/three.js.mmdeditor/editor/
Menu bar->Add->Miku
ブラウザMMDビューアアプリ作成で得たノウハウを
もっと多くの人が活用できるようにThree.jsに取り込んでもらおうと思ったのが始まりです。
東方風STGブラウザゲーム→mylist/38547755
Twitterをスターウォーズ風にするブックマークレット書いてみた
ツイッターのタイムラインをスターウォーズのあのオープニング風にするJavascript書けないかな〜、と思い腕試しに書いてみた。
使い方など詳しくはブログに書きました。
Star Wars like Timeline generator bookmarklet for Twitter:
http://blog.bresson.biz/2015/11/i_love_sw.html
JavaScriptでiELECTRIBEにメロディを入力するツール作った - iSEQTRIBE
KORG iELECTRIBE for iPadはシンセパートがあるのですが、音程のエディットが困難。メロディを奏でるのにpitchノブをリアルタイムに動かすなんて、ほぼ無理！
ということで、JavaScript / Web MIDI APIでツールを作成、「iSEQTRIBE」と名づけました。Chromeで動きます。
パートはSYN3、SYN4のみ、1小節のみの対応です（それ以上はMOVE DATAとかでなんとかしてください）。
https://webmidilab.appspot.com/iseqtribe/
（YouTubeにアップした動画に新たにちょっと足しました）
これで入力してデータで「ファミマ入店音」演奏（？）してみました。 → sm27702774
なんかありましたら、ツイッターまで。 https://twitter.com/linclip
Web MIDI API関連のリスト： mylist/55267430
【ゲーム製作】ライツアウトを40分ぐらいでjsで作ってみた【実況解説】
正月休みを利用してenchant.jsでライツアウトを作ってみました．【イヤホン推奨】
録画したあとで気が付いたのですが，クリアできないパターンを生成しますね．
所要時間：40分
遊んでみたい方はこちら → http://urx.blue/qcZ8
ソース一式 → http://urx.blue/qcZc
過去作品 mylist/35461250
MMD x Webアプリ (JavaScript&WebGL)
前: sm27662763 次: sm30067053
mylist/49125767
デモ: http://takahirox.github.io/MMDLoader-app/index.html
Three.js r74に入るTHREE.MMDLoaderを使って、
サンプルアプリをいくつか作ってみました。
こんな感じに、リアルタイムに色々処理が可能になります。
エディタの方はまだまだまだ時間がかかりそうな感じ。
動画撮った後に、デモにアンチエイリアス処理追加したけど重くなったかも。
東方風STGブラウザゲーム→mylist/38547755