タグ javascript が登録されている動画 ： 624 件中 385 - 416 件目
種類:
- タグ
- キーワード
対象:
Androidでニコニコ動画がみれるウェブページを作ってみた。
[ブログ用]ニコニコ動画の公式から動画を見ようとすると重いのでJavaScriptのみでAndroidに最適化したウェブページを作ってみました。[NicoWebPlayer for Android] URL : http://axe1lyze.client.jp/nicovideo/ ブログ : http://axe1lyze.blogspot.com やはりニコニコはプレミアムじゃないと画質が悪いのでYoutubeのURLを。 http://www.youtube.com/watch?v=W6Jvb1XemTc
プログラムを勉強して4週間の俺が初めてウイルスっぽいのを作ってみた
これはｊａｖａｓｃｒｉｐｔを4週間勉強して作りました。まだまだ自分で想像してプログラムを立てることができませんＯｒｚ次もでき次第うｐするつもりです。醜いという苦情があるのでｙｏｕｔｕｂｅ版もうｐしましたhttp://www.youtube.com/watch?v=7pnjAtrJwM8&feature=channel_video_title
ゲーム作りで学ぶjavascript 第2回 補講
第二回で勉強した、変数、関数、条件分岐についての補足動画です。
もう少しペースを遅くしてほしいとのことなので、
次回以降配慮します。
次＞sm15519194
【万年エターナるが(ry その13】ステージ２絵コンテ
「万年エターナるが3Dシューティングを作ります」その13です。
今作っているシューティングゲーム「Phantastic Tryno World」 http://www.geocities.jp/warotarock/ptw_beta/
のステージ２絵コンテです。
2か月ほど今後のステージやキャラ設定、世界観など考えていました。
そもそもプラットフォームを変えようかなどと考えたり…。
それなりに考えもまとまってきて、そろそろ走り出だしたくなったので
まず絵コンテを作り動画にしました。
音楽素材：Cyber-Rainforce様 remain of old world http://cyber-rainforce.net/
[リスト]mylist/33115940
androidプログラミング実況 - 第１章 html+javascript+enchant.jsによるアプリの紹介
これからhtml+javascriptは、よりOSと仲良く親密になると考え、タイトルの通りhtmlを使ってAndroidアプリを作ってみました。 一覧→mylist/37547283 次→sm21175963 アプリ→https://play.google.com/store/apps/developer?id=gerogero P.S Titaniumも面白そう。
tmlib.jsでゲームを作ってみよう（１）
その１ 自機の表示
今回のポイント
(1)tmlib.jsのインクルード
https://rawgithub.com/phi-jp/tmlib.js/0.1.8/build/tmlib.min.jsをscriptタグで読み込みます。
(2)tm.app.CanvasApp
canvasを使ったアプリケーション。コンストラクタ引数にcanvas要素のidを渡しましょう。
(3)scene
エレメント階層の一番上にいるエレメント。app.currentSceneで取得できます。
(3)tm.app.TriangleShape
三角形のエレメントです。addChildTo()でsceneに追加できます。
(4)update()
毎フレーム呼び出される関数です。
(5)app.keyboard.getKey()
キーボードでキーが押されているかどうかを取得することができます。
次 sm22063641
マイリスト mylist/39031781
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【ニコニコ自作ゲームフェス３】まじょりんぱ！【魔法アクション】
自作ゲームの紹介動画です。ぜひ、プレイしてみてください！
http://oab.no-ip.biz/~palincos/maho/
新作→sm24025560
【ゲームタイトル】まじょりんぱ！ ～輝け！マジカル・ハート！～
【クリア時間】 約300分
【動作環境】 Windows：Google ChromeもしくはIE9,10推奨
【ジャンル】 魔法アクション
【使用言語】 JavaScript＋自作ラッパー
【概要】 バリエーション豊かな魔法を駆使して戦う魔女っ娘の、
友情を描いた物語です。
【制作】 ぱるそ
[ブラウザゲー] DeepStriker [STG]
![[ブラウザゲー] DeepStriker [STG]](https://nicovideo.cdn.nimg.jp/thumbnails/24441616/24441616)
今回は横シューを作ってます。
まだ1面のみですが、こちらのURLでプレイできます。→ http://daishihmr.github.io/jsstg-cannon/
俺の作ったゲーム mylist/32698857
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風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
【RPG編 #11】JavaScriptゲームプログラミング初級
次: sm34816772
前: sm34639669
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/JrS_BKM3GwI
【JavaScript】戦艦ゲーム作ってみたよ【tmlib.js】
艦これにハマった影響で、戦艦ゲームを作ってみました。
こちらでプレイできます→ http://9leap.net/games/3592
言語はJavaScript。Webブラウザ上で動きます。
ゲームエンジンとしてtmlib.jsを使っています。
俺が作ったゲーム→ mylist/32698857
tmlib.jsでゲームを作ってみよう（２）
その２ 敵の出現
今回のポイント
(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。
(2)TriangleShapeコンストラクタの第３引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。
(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。
(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。
前 sm22063606
次 sm22160827
マイリスト 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
tmlib.jsでゲームを作ってみよう（７）
その７ スコアの表示
今回のポイント
(1)tm.app.Label
文字列を表示するエレメントです。
setAlign()で左右寄せの指定、setBaseline()で上下寄せの指定を行います。
前 sm22311216
次 公開未定
マイリスト mylist/39031781
JavaScript/CSS でカラオケ風テロップ
http://pronama.azurewebsites.net/2015/03/20/karaoke-telop/ のデモ動画
TypeScript で記述。jQuery, Knockout.js 等を利用。
※ ヒャダインのカカカタ☆カタオモイ-C（ヒャダイン）は、レコード会社から利用が許諾された音楽原盤です。
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
【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
はっくんできらきら星を鳴らしてみた
8x9Craftのデモ動画です。バージョン0.8.4で追加される。sound関数を使っています。はっくんに持たせたブロックの種類に応じた音をだします。またブロックの数に比例して音の大きさがかわります。デモでは、キラキラ星を鳴らしています。
【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さん、広告ありがとうございます！
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
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ！
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg
動画にコメントを書き出すツールを作ってみた / niconicomments-convert
書き出しサンプル：sm41422114
ダウンロードページ
https://github.com/xpadev-net/niconicomments-convert/releases
VOICEVOX:冥鳴ひまり
【超簡単】ゲームのチートツールをたった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
ブラウザ上でトリミングしてサムネイル生成するajaxアプリを作ってみた
画像の領域をマウスで選択して、任意の大きさのサムネイルを作るアプリケーションをPHP+JSライブラリで実装してみました。使っているのはGDとcropperというJSライブラリです。thanks to cropper(http://www.defusion.org.uk/demos/060519/cropper.php)
ニコ生 fujimon vs 5zj
lv8899473 がおもしろいときいたので、保存しておきました。
電卓作成の回。左5zj、右fujimon。続き → sm9291328
コミュ動画から見ている人は sm9291300 も見てね。
ホモォのゲームを作ってみた【ゆっくり解説】
簡単なスクリプトゲームです。超初心者用なので関数とかの説明は吹っ飛ばしました。自分もほぼ独学状態なのでかなり意味不明なこといってると思いますがここは生暖かい目で見守ってください(´･ω･`) 動画中でいってたzipはこのウェブのトップにうpしておきました。ゆっくりいじってね。 http://menchikatu5.tyonmage.com/ twitter @menchikatu5
【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
