キーワード Javascript が含まれる動画 ： 1160 件中 737 - 768 件目

この夏、冬が来る

「万年エターナるが3Dシューティングを作ります」その22です。

「Phantastic Tryno World」（エピソード２まで）
http://www.geocities.jp/warotarock/ptw_beta/

絵コンテをもとにエピソード３のステージ仮配置をしてみました。
これから本格的な作りに入り、理想は２カ月で完成させたいと思います。

それにしてもなんつー季節感。

音楽素材：Cyber-Rainforce様　powder snow (trance version)

[リスト]mylist/33115940

http://www.nicovideo.jp/watch/sm23893852

・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40062464

(RTAは)初投稿です

プレイするならこ↑こ↓からhttp://wwawing.com/

2も走りましたsm31816598
mylist/60306943

ps.TwitterでJavaScript版の開発陣にすぴくりハードが走れないことを報告したら二週間ほどで対応してくれました。
　 そこまでされたら走らないわけにはいきませんね（血涙）

http://www.nicovideo.jp/watch/sm31635105

TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現　をコンセプトとした本格弾幕STG

真ボス出現条件はノーコンティニュー2ミス以内でビギナースタイル以外です。
トレーニングモードはビギナー以外で必ず出現します。
この動画はトレーニングモードStage5のrank50で開始。
ハイパーと手動ボム禁止の縛りです。
できるだけ弾幕を覚えられるように撮りました。

他のプレイ動画 mylist/41537568

http://www.nicovideo.jp/watch/sm25744409

その１ 自機の表示

今回のポイント

(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

http://www.nicovideo.jp/watch/sm22063606

02/25追記。"stage6"が02/28で終了となりましたので、このブックマークレットの役目も終わります。短い間でしたが、ありがとうございました。
＝＝＝ 動画一覧からダウンロード ＝＝＝
javascript:a=document.activeElement.pathname.split("/");b=3;if(a[1]=="user"){b++;};id=a[b];
vd="http://video.stage6.com/"+id+"/.divx";open(vd,"_self");

動画一覧のサムネイル画像にカーソルを合わせて、このブックマークレットを呼び出します。すでに旧バージョンを入力している場合は、先頭あたりの「location」を「document.activeElement」に変えるだけです。

http://niconix.web.fc2.com/
PS3向けのブックマーク登録用リンクを作りました。
JavaScriptって意外と面白かった。

http://www.nicovideo.jp/watch/sm1836285

１曲終わる前に、簡単な構文解析をします。約４分くらいで、それっぽくなって、１分でデバッグってかんじです。

http://www.nicovideo.jp/watch/sm1127136

未公開スクリプト（ニワン語）を使って、新しいコメントのアニメ作ってみた。
2010-07-21: 新プレーヤーに対応してみた。
【ニワン語メモ】
・[A,B,C] は JavaScript の配列（Array）リテラルと同じ。
・seekDisabled に true を入れるとシーク禁止。
・replace で src に空文字列を指定すると、全てのコメントが置換対象になる。
・Array.fold(式, 初期値) で、いわゆる reduce。式中では $1 が最後の評価結果、$2 がArray中の要素。
・A.alternative(B,C) は三項演算子による A ? B : C と同じ意味。
・def_kari(関数名, 式) で、関数定義。timer と組み合わせて定期的に呼ばれるように。

http://www.nicovideo.jp/watch/nm3716729

実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Javascriptを使ってプログレスバーを0%から100%まで動かす。
内容が高度になってきたので初見の方は#1からご覧になるのをおすすめします。
前 sm26211170 次 sm26235735 全パート mylist/49951864


伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea

http://www.nicovideo.jp/watch/sm26228964

おまけ動画でもいかがかな？
俺たちサボってたわけじゃねえぞ！javascriptの具合が悪くて…
マイリーです…mylist/58956080

http://www.nicovideo.jp/watch/sm32018476

敵に触れた時のノックバックを実装します。

前 sm22593725
次 sm22611151
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22602367

横スクロールアクションの時と同じように、今回も 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

http://www.nicovideo.jp/watch/sm25791488

今回は 初の3D物理演算です。数日間、玉転がしに命をかけました。今までJavaScriptの経験もほとんどなく、初めてのことばかりでいろいろと大変でしたが、Unityの面白さを知ることができてよかったです。
え？誰かの動画に似てるなんて言うなよ～～

需要は皆無だと思いますが、下記URL先でデータを配布しています。人生がヒマすぎる人はダウンロードするともっと暇人になれますよ。
http://ux.getuploader.com/TSURUPIKA_SPACE_CABLE_01/


45時間。それは自分が今まで作ってきたプログラムの中で最も長い実行時間。

http://www.nicovideo.jp/watch/sm29190772

前: sm25974661 次: sm26069436
mylist/49125767

デモ: http://takahirox.github.io/mmd-viewer-js/

エッジ対応。マウスによるカメラ制御対応。

動画中で使用している素材は親作品を参照。

使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)

物理演算やIKのおかしさには目を瞑ってください。
60fps出る環境なら物理演算はだいぶましに見えます。

東方風STGブラウザゲーム→mylist/38547755

http://www.nicovideo.jp/watch/sm26008748

ももクロでぷよぷよっぽいゲーム作ったので、そのデモムービーを作りました。
javascriptライブラリのenchant.jsを使っています。趣味の範囲レベルなので大目にみてください。
実際に以下のURLで遊べます。
【ももぷよ】http://momopuyo.com/

こちらの作者様のソースを大変参考にさせていただきました。心より感謝いたします。→http://9leap.net/games/1782

http://www.nicovideo.jp/watch/sm19084643

ダンジョンを探索しながら回転飛翔体を眺めます。

隠線消去を施したワイヤーフレーム動画です。
テクスチャを貼ることはできませんが，線分であるワイヤーの可視性を一本ずつ求めながら描画しています。

http://www.nicovideo.jp/watch/sm39719526

ライブラリなど使わず0から作っています。

前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。

詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。

http://d.hatena.ne.jp/takahirox/20130819/1376894048

ブラウザMMDビューア→mylist/49125767

http://www.nicovideo.jp/watch/sm21742078

・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/rRV6
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40077799

・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはglslまたはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/rRV6
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40077091

何番煎じか分からないけどやってみた。本家さま→sm8628149

注意：再描画が走るため動画中にチラつきがあります！

本家の動画を 30fps 160x120 な Bitmapイメージシーケンス で分割して、もりもりBitmapデータをコンソールに出力してます。実装は javascript on nodejs です。#3:55 にメイキング付けてみました。ソースコードは gist に貼ってます。https://gist.github.com/2221106
OSX Lion で動かしてますがたぶんきっとlinuxとかでも動かせるかもしれません。


追記(2012-03-30)音は後付けになっています。元の動画(コンソールの様子)を撮影してからiMovieで音だけ合成してます。なので本家よりも若干ズレがあるかもしれません。
コンソールに残像が写ってますが、バグのようです。。

http://www.nicovideo.jp/watch/sm17397285

文章の両端にある空白を削除するのはJavaScriptを使えば秒で実現できます。

意図しない空白があることでデータ管理や集計にトラブルが発生するケースは意外とあるので知っておくだけでも得だと思い投稿しました。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-space-trim/

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。


ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram

http://www.nicovideo.jp/watch/sm41623730

YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ！
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg

http://www.nicovideo.jp/watch/sm36407045

動学.tvより、HTML5講座 中巻 第2章 head内の記述のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。中巻では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。

HTML5 中巻（約61分）
１．文書型の宣言とルート要素
　文書型宣言
　ルート要素
２．head内の記述
　エンコードの指定
　スタイルシートとJavaScriptの指定
３．セマンティックなマークアップ
　header要素
　footer要素
　nav要素
　article要素
　section要素
　見出し要素の扱い方
　aside要素
　div要素の使い方
　figure要素とfigurecaption要素
４．文書構造の確認
　文書の構造化
　HTML5 Outliner

ナレーター　毛利涼子

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so21089489

キャラクターの側面・上面と地形との衝突判定を実装します。
あわせてジャンプも実装していきます。


前 sm22561588
次 sm22562013
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22561649

【ゲームタイトル】
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/

http://www.nicovideo.jp/watch/sm26081858

RPGツクールMZ製のゲームを通じて、お姉さんとプログラミングの基礎を勉強しよう。
……の、試験投稿版です。

音声あり（？）ですが、代わりにBGMやSEが録音されなかったです。

http://www.nicovideo.jp/watch/sm42625560

現在unityにはまっています。
タイトル「MAZIN」を作成しています。
未完なのでその辺は、了承してください。

プレイ【Stage1デモ】：http://tannsannuge.up.seesaa.net/image/test.html

マイリスト：mylist/45932924
追記
JavascriptからC#に引っ越し中で挫折中です。
オンラインミニゲームを先に作って基礎を練習しています。
完成しましたら投稿予定しています。

http://www.nicovideo.jp/watch/sm24611420

0から作成中。
使用ライブラリはWebGLのための行列計算ライブラリglMatrixのみ。

詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。

http://d.hatena.ne.jp/takahirox/20140504/1399222894

前: sm22137339 次: sm24664609
mylist/38547755

更新点はマイリスト参照。使用素材はその1の親作品参照。

背景レイヤにWebGLを採用し、3D表現が可能になりました。

ブラウザMMDビューア→mylist/49125767

http://www.nicovideo.jp/watch/sm23482639

前 sm22602367
次 sm22928803
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22611151

第18回　敵の数に応じたダメージ処理
前:sm21449314　次:sm21683414
mylist/37637338

http://www.nicovideo.jp/watch/sm21629760

javascriptでwebページをちょっといじったりして遊ぶ方法を、紲星あかりちゃんが解説します。
今回は往年のコピペと自作拡張機能を紹介。
紹介したものと同じことが出来る拡張機能等があれば教えて下さい。

追記:肝心なコードを貼り忘れてました。
javascript:document.body.innerHTML=document.body.innerHTML.split('ー').join('━━━(ﾟ∀ﾟ)━━━');focus();


立ち絵:blueberry
Music: https://www.bensound.com
ノートPCのイラスト:https://japaclip.com/laptop-back-view/

http://www.nicovideo.jp/watch/sm38710605

最近話題の最新ウェブブラウジングソフトのいわゆる”軽さ・速さ”を、
SunSpider ｊavaｓcript Benchmarkを使って計測してみました(訂正版)。
計測ブラウザは、InternetExplorer Firefox Chrome Opera Safariの５種類。
Corei7-860を使用していますので、計測には支障はないと思う。
編集ソフト：Windows Live ムービーメーカー
2011年1月版：sm13231166

http://www.nicovideo.jp/watch/sm11803073