タグ javascript が登録されている動画 : 592 件中 193 - 224 件目
種類:
- タグ
- キーワード
対象:
Leap Motionでゾウさんをシコシコするゲームを作ってみた
Leap Motionを利用したブラウザゲームを作りました。leap.jsというJavaScriptのライブラリを使用しています。
HTML5ブラウザ対応です。ぜひ体験して楽しんでいただければ光栄です。
サイト ⇒ http://azunyan.sitemix.jp/leapmotion/shikoru.php
androidプログラミング実況 - 第3章(最終章) htmlファイルの表示
htmlファイルをWebViewを使って表示しています。 sm21175963←前 一覧→mylist/37547283 アプリ→ https://play.google.com/store/apps/developer?id=gerogero
javascriptで伺かっぽいのをつくってみた。その2
javascriptで
伺かっぽいのを
作ってみた。その2
以下のソフトを使わせてもらいました。
キャラクターなんとか機:K.Hみっくす ふぁーすと えでぃしょん さん
http://khmix.sakura.ne.jp/
棒読みちゃん:Fight Not Found さん
http://chi.usamimi.info/
めんまフォント:あの日見た花の名前を僕達はまだ知らない。| アニメ公式サイト
http://www.anohana.jp/
その1:sm16269322
enchant.jsを使って10分でゲームを作る
enchant.jsを使って10分でゲームを作ってみますコーディング:shi3z解説:shi3z
ニコニコ的アニメキャラクターでチャットできるサービスを作ってみた
http://cjhat.net/animechatで、実際にチャットを楽しむ事ができます。けいおん!,涼宮ハルヒの憂鬱,ひぐらしのなく頃に,VOCALOID,灼眼のシャナ,らき☆すた,BLEACH,REBORN!,ぷよぷよ,ぷよぷよフィーバー,みなみけ,とらドラ,クラナド,とある魔術の禁書目録,リトルバスターズ,ローゼンメイデン,東方シリーズのキャラクターを使うことができます。キャラクターは上下左右にドラッグで移動できます。みんなでYoutubeの部屋では、みんなでYoutubeの動画を共有して視聴できます。キャラクター素材はモアイ部さんと、はっぷんずげ~とさんよりお借りしています。どうか一度でいいので来てみてください。
JSでプログラミングの基礎を学ぶPart2
※JS=JavaScript
Part2 変数 定数 四則演算
ワクチンの副作用が割と辛いので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
次:sm39553291
前:sm39426292
JSでプログラミングの基礎を学ぶPart1
※JS=JavaScript
Part1 変数
台風が過ぎ去ったので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
ボイスロイドの調声をしたので
次回以降反映させます
次:sm39454449
前:sm39391259
【MMD格闘ゲームを作ってみた】初音ミク vs 重音テト
これは、System Animator 11 (WIP)を使用して構築されたシンプルな3D Web格闘ゲームのテクニカルデモです。Google ChromeとFirefoxで動作します。
http://www.animetheme.com/system_animator_online/SystemAnimator_online.html?cmd_line=/TEMP/DEMO/miku_battle_arena01
キーパッドを使用して攻撃コンボを入力する。
System Animatorホームページ:
http://www.animetheme.com/sidebar/
twitter@butz_yung
ブラウザ上で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
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
TM-Shooter普通にプレイ(stage1,2)
Webブラウザでプレイできる本格弾幕STG「TM-Shooter」です。
開発者の身でありながら下手くそですが、見てやってください。
TM-Shooter http://tmshooter.ner/
次 sm22935130
【中間報告】jubeatみたいなブラウザゲーを作る!【解説なし】
lolibeatという名前に深い意味はないです(ロリコン顔)
なおcanvas使ってるから古いブラウザだとプレイできない模様
【JavaScript】gl.enchant.jsの拡張を使って楽々ゲーム作り【enchant.js】
gl.enchant.jsの拡張ライブラリを使って、簡単に3Dゲームを作る方法を紹介します。
これを使えば9分とかでもわりとマトモな見た目のゲームが作れます。
使うライブラリ
https://raw.github.com/wise9/enchant.js/master/enchant.min.js
https://raw.github.com/wise9/enchant.js/master/plugins/libs/gl-matrix-min.js
https://raw.github.com/wise9/enchant.js/master/plugins/gl.enchant.js
https://raw.github.com/wise9/enchant.js/master/plugins/primitive.gl.enchant.js
https://raw.github.com/wise9/enchant.js-contrib/extension.gl.enchant.js/dev/plugins/extension.gl.enchant.js
http://doga.dev7.jp/assets/javascripts/dogencha.enchant.js
ホモォのゲームを作ってみた【ゆっくり解説】
簡単なスクリプトゲームです。超初心者用なので関数とかの説明は吹っ飛ばしました。自分もほぼ独学状態なのでかなり意味不明なこといってると思いますがここは生暖かい目で見守ってください(´・ω・`) 動画中でいってたzipはこのウェブのトップにうpしておきました。ゆっくりいじってね。 http://menchikatu5.tyonmage.com/ twitter @menchikatu5
ニコ生 fujimon vs 5zj
lv8899473 がおもしろいときいたので、保存しておきました。
電卓作成の回。左5zj、右fujimon。続き → sm9291328
コミュ動画から見ている人は sm9291300 も見てね。
ブラウザ上でトリミングしてサムネイル生成するajaxアプリを作ってみた
画像の領域をマウスで選択して、任意の大きさのサムネイルを作るアプリケーションをPHP+JSライブラリで実装してみました。使っているのはGDとcropperというJSライブラリです。thanks to cropper(http://www.defusion.org.uk/demos/060519/cropper.php)
【超簡単】ゲームのチートツールをたった13行のコードで作ってみた【Node.js/Puppeteer/ブラウザ自動化】
【概要】
今回は、Node.jsとブラウザ自動化ツール「Puppeteer」を使って、ゲーム(Cookie Clicker)のチートツールを作ってみます。
セットアップ手順、プログラムの解説、ブラウザ自動化の利用例なども解説します。
【目次】
#0:00 今回の内容
#0:59 準備・セットアップ
#2:19 コーディング
#3:36 ブラウザ自動化の利用例
【動画内で使用したソースコード】
https://github.com/redimpulz/cookieclicker-auto-tool
【Twitter】
https://twitter.com/it_plus_plus
【IT業界知識 再生リスト】
https://www.youtube.com/playlist?list=PLKdqBfhUoU_U3HY8VAhVmyMV3zXMTZ0Cc
【合成音声】
VOICEVOX(ずんだもん、四国めたん)
https://voicevox.hiroshiba.jp/
【立ち絵】
坂本アヒル 様
https://seiga.nicovideo.jp/user/illust/97452727
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ!
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg
JSで遊ぼう!3【プログラミング】
今回は関数について
(茶番が過ぎたので修正版です)
動画撮影でミスしまくって面倒だったのでADVエンジンにオートモードを追加したりしました。
sm34179742 ←前回 | 次回→ sm35288903
マイリストhttps://www.nicovideo.jp/mylist/63545430
今回のBGMは Speak Low と Also sprach Zarathustra
Web版はこっち(音声あり注意、IE非対応)
http://nilisp.html.xdomain.jp/?load=geeks/js_start0.lisp&replbox=hidden
なぜニコニコ技術部タグかというと、この紙芝居エンジン(LispでADV)が自作だからです。
https://github.com/t-noji/kamishibai
どちかというとこのADVエンジンを宣伝した方がいいかもしれない。
【Tampermonkey】1080pで再生する時の手間を省くスクリプトを書いたよ!
■ユーザースクリプト
・Nicovideo:GINZA-HTML5 autoset 1080p
https://greasyfork.org/ja/scripts/37305-nicovideo-ginza-html5-autoset-1080p
■ユーザースタイル
・ニコニコ動画:GINZA 動画再生ページ改善 HTML5版
ブロマガ: ar1161944
https://userstyles.org/styles/135578/ginza-html5
・ニコニコ生放送:GINZA HTML5版 視聴ページ改善
https://userstyles.org/styles/153808/ginza-html5
■Thanks!
Rooneyさん、mocさん、広告ありがとうございます!
はっくんできらきら星を鳴らしてみた
8x9Craftのデモ動画です。バージョン0.8.4で追加される。sound関数を使っています。はっくんに持たせたブロックの種類に応じた音をだします。またブロックの数に比例して音の大きさがかわります。デモでは、キラキラ星を鳴らしています。
【3D音響】エフェクターで360°音を動かす BOSS VF-1ブラウザで操作Web MIDI API
ローランドから発売されていたマルチエフェクツBOSS VF-1のRSSという3次元音響処理技術をブラウザとWeb MIDI APIでコントロールします。
360度、前後左右に定位させられるのですが、一般的なMIDIコントローラーで操作するよりも、タブレットやスマホなどのタッチデバイスの方が、直感的に操作できる気がします。
前方を0度として、左右ともに180度まで(それぞれ30段階)。対して上下は±54度まで、3段階とざっくり。上下はいまひとつ効果が感じにくい気配。いかがですか?
ブラウザで動くWebアプリです。Win / Mac / Android / iOSで動作。要MIDIインターフェイス。URLの公開は後ほど(予定)。
Web MIDI API関連のリスト: mylist/55267430
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/CSS でカラオケ風テロップ
http://pronama.azurewebsites.net/2015/03/20/karaoke-telop/ のデモ動画
TypeScript で記述。jQuery, Knockout.js 等を利用。
※ ヒャダインのカカカタ☆カタオモイ-C(ヒャダイン)は、レコード会社から利用が許諾された音楽原盤です。
tmlib.jsでゲームを作ってみよう(7)
その7 スコアの表示
今回のポイント
(1)tm.app.Label
文字列を表示するエレメントです。
setAlign()で左右寄せの指定、setBaseline()で上下寄せの指定を行います。
前 sm22311216
次 公開未定
マイリスト mylist/39031781
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その6
ライブラリなど使わず0から作っています。
前: sm22039412 次: sm23482639
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
高速化のためにメモリ管理手法を変えた結果、
メモリの使用量を25%、GCの負荷を99%カットできました。
他にも細かいチューンを行い、高速化は一段落したので、ようやく次のステップに進めそうです。
今回も相変わらず霊夢と魔理沙のリプレイを垂れ流しています。
ブラウザMMDビューア→mylist/49125767
ネットワークトラフィック可視化ツール Dot Star
ネットワークトラフィックの可視化。音源は次の2曲。てってて~原曲、じゅるP氏作:Gene-Revolutionary
tmlib.jsでゲームを作ってみよう(2)
その2 敵の出現
今回のポイント
(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。
(2)TriangleShapeコンストラクタの第3引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。
(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。
(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。
前 sm22063606
次 sm22160827
マイリスト mylist/39031781
【JavaScript】戦艦ゲーム作ってみたよ【tmlib.js】
艦これにハマった影響で、戦艦ゲームを作ってみました。
こちらでプレイできます→ http://9leap.net/games/3592
言語はJavaScript。Webブラウザ上で動きます。
ゲームエンジンとしてtmlib.jsを使っています。
俺が作ったゲーム→ mylist/32698857
【RPG編 #11】JavaScriptゲームプログラミング初級
次: sm34816772
前: sm34639669
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/JrS_BKM3GwI