キーワード JavaScript が含まれる動画 ： 1160 件中 385 - 416 件目
種類:
- タグ
- キーワード
対象:
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
ブラウザ上でMMD編集とVRできるようにした (JavaScript&WebGL)
前(MMDxWebアプリ): sm279561563
次(ブラウザ上でMMDミクのライブをリアルタイム処理で) :sm30124044
マイリスト: mylist/49125767
やっぱりアニメーション編集もできたほうがいいですかね。
オンラインデモ
Editor http://takahirox.github.io/three.js.mmdeditor/editor/index.html
A-FramexMMD https://github.com/takahirox/a-mmd
Three.js MMD example https://threejs.org/examples/#webgl_loader_mmd
東方風STGブラウザゲーム→mylist/38547755
マイクラでマインスイーパーを作ってみた
8x9Craftでマインスイーパーを作ってみました。順番が逆になっちゃたけど、この作品は一個前にアップしたもぐらたたきの前に作った作品です。ルールは、地面に爆弾が埋まっているのでそれを掘り当てないように爆弾以外の砂を全部ほると勝ちというゲームです。全部掘り当てるとと、爆弾がダイヤモンドに変わって花火がうちあげられます。ソースコード：https://goo.gl/PwMoY2
Mabinogi MML Emulator
マビノギのMMLをブラウザで再生するプログラムを開発しました。（Chrome、FireFox、Edge対応）ほぼゲーム上と同じ音で再生されます。sm29089662の応用プログラムです。（これも、公表から３年経過してるが・・・）ついでに、JSMMLで再生するプログラムも入れてます。（JSMML版は立ち上がりが遅いが・・・。）
http://logue.github.io/MabiMmlEmu/
自分のMMLを入力して、このページの右下にある「シリアライズ」をクリックして、music.jsonのnameに曲名、valueに先ほど「シリアライズ」で出力したテキストを入れることで自分のMMLを登録できます。
【HTML】TEXTAREAタグ で Bad Apple!! PV 影絵【JavaScript】
TEXTAREAタグもやればできる子。
2作目。
前作(sm24210774)に続いてまた作ってしまいました。
今回は、HTML + JavaScript です。表示領域には TEXTAREA を使っています。
こんな楽しいデータを公開してくださった sm24162325 の作者 .6 さん に感謝です m(_ _)m
使用環境：
OS: Windows 7 Home Premium (64bit)
言語: HTML + JavaScript
Webブラウザ: Internet Explore 11
音データは sm8628149 からお借りしました。
動画データは、sm24162325 の説明に記載のソースコードのありかから。
実際に使ったソースコードは、画面右です。
(linesという変数名は、frames とすべきでした orz）
p.s. 動画データの読込はHTML5の機能を使っています。
1作目 sm24210774、mylist/45326413
ElectroHouse神社.mp4
未来を見ているので初投稿です。
https://soundcloud.com/mush_asatake/future-house-shrine
PHPとjavascriptは消えてなくなれ
tmlib.jsでゲームを作ってみよう（３）
その３ 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781
【万年エターナるが(ry その23】エピソード３三分の一公開【自作ゲーム】
終わらない夏の冬。
「万年エターナるが3Dシューティングを作ります」その23です。
「Phantastic Tryno World」(制作中)
http://www.geocities.jp/warotarock/ptw_beta/
仮配置をもとにエピソード３の序盤部分、全体の約３分の１までを
動くようにして公開しました。今回も8月を区切りにしただけですけども…。
やったこと
・エピソード３の序盤部分を作る
・いくつかの実験
今回は少しだけコメントへのお返事も動画の中で書いてあります。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
最新ウェブブラウザの処理速度を測ってみた（2010年8月版）
最近話題の最新ウェブブラウジングソフトのいわゆる”軽さ・速さ”を、
SunSpider ｊavaｓcript Benchmarkを使って計測してみました(訂正版)。
計測ブラウザは、InternetExplorer Firefox Chrome Opera Safariの５種類。
Corei7-860を使用していますので、計測には支障はないと思う。
編集ソフト：Windows Live ムービーメーカー
2011年1月版：sm13231166
Javascriptで遊ぼう！Part1
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/
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その7
0から作成中。
使用ライブラリはWebGLのための行列計算ライブラリglMatrixのみ。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20140504/1399222894
前: sm22137339 次: sm24664609
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
背景レイヤにWebGLを採用し、3D表現が可能になりました。
ブラウザMMDビューア→mylist/49125767
MAZIN作成中
現在unityにはまっています。
タイトル「MAZIN」を作成しています。
未完なのでその辺は、了承してください。
プレイ【Stage1デモ】：http://tannsannuge.up.seesaa.net/image/test.html
マイリスト：mylist/45932924
追記
JavascriptからC#に引っ越し中で挫折中です。
オンラインミニゲームを先に作って基礎を練習しています。
完成しましたら投稿予定しています。
【RPGツクールMZ】お姉さんと勉強（試験投稿版）【JavaScript】
RPGツクールMZ製のゲームを通じて、お姉さんとプログラミングの基礎を勉強しよう。
……の、試験投稿版です。
音声あり（？）ですが、代わりにBGMやSEが録音されなかったです。
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/
tmlib.jsでゲームを作ってみよう〜横スクアクション編(4)
キャラクターの側面・上面と地形との衝突判定を実装します。
あわせてジャンプも実装していきます。
前 sm22561588
次 sm22562013
マイリスト mylist/39031781
HTML5講座 中巻 第2章 head内の記述【動学.tv】
動学.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
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ！
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg
エクセルで集計するときに「なに空白入れとんねん？」ってなるよねー【JavaScriptのtrimで解決します】
文章の両端にある空白を削除するのは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
コンソールでBad Apple!! 影絵PV
何番煎じか分からないけどやってみた。本家さま→sm8628149
注意：再描画が走るため動画中にチラつきがあります！
本家の動画を 30fps 160x120 な Bitmapイメージシーケンス で分割して、もりもりBitmapデータをコンソールに出力してます。実装は javascript on nodejs です。#3:55 にメイキング付けてみました。ソースコードは gist に貼ってます。https://gist.github.com/2221106
OSX Lion で動かしてますがたぶんきっとlinuxとかでも動かせるかもしれません。
追記(2012-03-30)音は後付けになっています。元の動画(コンソールの様子)を撮影してからiMovieで音だけ合成してます。なので本家よりも若干ズレがあるかもしれません。
コンソールに残像が写ってますが、バグのようです。。
NEORTで縛るにゃ♪
・配信内容を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
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/rRV6
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その2
ライブラリなど使わず0から作っています。
前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
ブラウザMMDビューア→mylist/49125767
【ワイヤーフレーム#1】ダンジョンから回転飛翔体を眺めます【JavaScript動画】
ダンジョンを探索しながら回転飛翔体を眺めます。
隠線消去を施したワイヤーフレーム動画です。
テクスチャを貼ることはできませんが，線分であるワイヤーの可視性を一本ずつ求めながら描画しています。
【ももぷよ】ももクロでぷよぷよっぽいゲームを作ってみた
ももクロでぷよぷよっぽいゲーム作ったので、そのデモムービーを作りました。
javascriptライブラリのenchant.jsを使っています。趣味の範囲レベルなので大目にみてください。
実際に以下のURLで遊べます。
【ももぷよ】http://momopuyo.com/
こちらの作者様のソースを大変参考にさせていただきました。心より感謝いたします。→http://9leap.net/games/1782
ブラウザ上で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
【3D物理演算】遺伝的アルゴリズムで玉転がし (実験失敗？)
今回は 初の3D物理演算です。数日間、玉転がしに命をかけました。今までJavaScriptの経験もほとんどなく、初めてのことばかりでいろいろと大変でしたが、Unityの面白さを知ることができてよかったです。
え？誰かの動画に似てるなんて言うなよ～～
需要は皆無だと思いますが、下記URL先でデータを配布しています。人生がヒマすぎる人はダウンロードするともっと暇人になれますよ。
http://ux.getuploader.com/TSURUPIKA_SPACE_CABLE_01/
45時間。それは自分が今まで作ってきたプログラムの中で最も長い実行時間。
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
ワンクリック詐欺を作ろう - #7 JavascriptでHTMLを制御する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Javascriptを使ってプログレスバーを0%から100%まで動かす。
内容が高度になってきたので初見の方は#1からご覧になるのをおすすめします。
前 sm26211170 次 sm26235735 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea