キーワード javascript が含まれる動画 ： 1160 件中 257 - 288 件目
種類:
- タグ
- キーワード
対象:
東方風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
Leap Motionでゾウさんをシコシコするゲームを作ってみた
Leap Motionを利用したブラウザゲームを作りました。leap.jsというJavaScriptのライブラリを使用しています。
HTML5ブラウザ対応です。ぜひ体験して楽しんでいただければ光栄です。
サイト ⇒ http://azunyan.sitemix.jp/leapmotion/shikoru.php
HTML5（Canvas）を利用して作ったmatrixサンプル紹介
皆さん初めまして！今回はHTML5のCanvasの紹介です（Canvasとjavascriptを使って実装してます。）ソースコードと、ソースの解説は以下でやってます。http://ossanhoihoi.web.fc2.com/html5/matrix.htmlではー。
Qwatchいじり その五～マイリストいじり～
機能追加はこの位にしておいて、そろそろ整理していきたい
自分の物じゃない動画を「削除」と言うのに抵抗があったので「外す」という表現を使っています
スクリプトはこのへんで公開してます。
http://userscripts.org/scripts/show/151269
その四 → sm19684491
つづき → http://ch.nicovideo.jp/segabito 今後はブロマガでちょこちょこ更新します
大文字さとる君のミラクルスペースインベーダーをhtml5で動かしてみた。
「ゲームセンターあらし」に出てくる天才プログラマ、大文字さとる君が
対あらし君用に作り出したインベーダーのパート１です。
全てhtml5のjavascriptで書いています。
まず普通のインベーダーを目コピしたあとミラクルシャワーを追加しました。
これは通常のミサイル処理を流用し落下速度を判定可能限界まで上げたものです。
原作同様、自機がＵＦＯの真下に来ると発射するようにしています。
※原作をコメントしてくれた方ありがとう。
マイリスmylist/34144919
コンソールで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で音だけ合成してます。なので本家よりも若干ズレがあるかもしれません。
コンソールに残像が写ってますが、バグのようです。。
睡眠中の寝返りログ取得センサーをシリコンキーボードで作ってみた
ふつうに買うと ¥30,000 くらいする、睡眠中の寝返りログ取得センサーを、¥980のシリコンキーボードで作ってみました。シリコンキーボードを枕に敷いて、押したキーを JavaScript で取得してグラフに描画しています。
Chromeで公式アニメにヒートメーター表示
Firefox＋Greasemonkeyで使えるNicoWatch Tools HeatMeterをChromeで。公式アニメにも対応。Chrome＋Tampermonkeyのみ動作。http://ishimirai.blogspot.jp/
■2012/10/25追記、スクリプト導入方法。Chromeに拡張機能Tampermonkeyをインストール、ブラウザの右上Tampermonkeyアイコンから「新規スクリプトを追加」を選択、表示されたエディタの1行目からに上記URLの内容をコピペして保存ボタン。原宿のみ対応。
■2013/02/20追記、コメントの盛り上がりをグラフで表示するスクリプトを公開。Chrome、Qのみ対応。http://userscripts.org/scripts/show/158762
【MMD】ブラウザで踊ってもらった（その４）【WebGL】
たしか11月って31日までありましたよね...
JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます
今回はTwitterのデータを取得・表示させてみました
その５は1月予定
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）
BGM：nc27155
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その５：sm14501578。その他：mylist/30335916
【OSC2014北海道】 業務アプリケーションにおけるこれからのWeb開発
2014年6月14日（土）開催のOSC2014北海道のセミナーをお送りします。
講師：佐川 夫美雄（html5jエンタープライズ部）
担当：html5jエンタープライズ部
レベル：入門編
対象者：Web開発者、HTML5開発者
前提知識：特になしL
html5の登場により従来JspやServletで開発していた業務アプリケーションが、html/JavaScript/Cssを重視した開発スタイルに変わりつつあります。
backbonejsやanglarJSといったJavaScriptフレームワークが登場したのもそういったことに関連していると考えられます。そこで従来の開発スタイルと現在の開発スタイルがどのような変化があるのかを実例を元にご説明したいと思います。
【カテゴリ】Web アプリ/Web開発環境
どの言語にも対応できるプログラミングの基本構文を解説！| VOICEVOX解説
【概要】
今回はプログラミングの基礎構文の解説です。
プログラミングをする上で基本となる「変数・データ型・配列・制御構文・繰り返し・関数」の概念と、JavaScriptを例にその基本構文を説明します。
ちゃんと理解すれば色々な言語に応用ができるので、ぜひ押さえておきましょう！
【目次】
0:00 今回の内容
0:44 変数
2:24 データ型
5:30 配列
7:00 制御構文(if)
8:34 繰り返し(for)
10:11 関数
【訂正】
3:23 「正」→「真」、「負」→「偽」
【Twitter】
https://twitter.com/it_plus_plus
【合成音声】
VOICEVOX（ずんだもん、四国めたん）
https://voicevox.hiroshiba.jp/
【立ち絵】
坂本アヒル 様
https://seiga.nicovideo.jp/user/illust/97452727
seq1 AS ‘存在の定義’ FROM `10万光年のメッセージ`
決して願うことなく人類を滅ぼしてしまった人工人格は、破滅した地球から遺産をかき集めて宇宙に飛び立つ。
システマティックな一途さは、その目的が達成されるまで止まることはないだろう。
```links
$ nano ./link.js
nano: command not found
$ emacs ./link.js
emacs: command not found
$ vim ./link.js
export const introduction = 'sm39711831';
export const previous = null;
export const nextSequence = new Promise(next => { next(/* dev now */);});
[EOF]
```
※ドワンゴ株式会社各位：これはXSS/SQLインジェクションを意図したものではありません。
Javascriptほど彼女にふさわしくない言語はないな...速いけど...
もし立ち絵等々私の画力に我慢ができるなら、どうかお付き合いください。
遅くなったのも絵の生産性が低いからです...お待ちいただいた方は、ご容赦を...
もし疑問などあればコメントください、ネタバレにならない程度でお答えします(方式は未定)。
毎度「いいね」コメありがとうございます。このシリーズでは「サムネに台詞を付けるとしたら」で文字列を入れています。予告版はちょっとした補足です。
「お前もサイブレックスか」->すみません、私の妄想力の限界です。
Interstellar Mediation System: IMSのシステム構成図が気になるという方、エア乾杯しましょう。
JSで遊ぼう！2【プログラミング】
宣伝頂いた方には誠に申し訳ないのですがWineでコイカツが動いて投稿が遅れました（言い訳）
真偽から名前まで
sm33979134 ←前回 | 次回→ sm34467182
マイリストhttps://www.nicovideo.jp/mylist/63545430
今回のBGMは If i were a bell
Web版はこっち（音声あり注意、IE非対応）
http://nilisp.html.xdomain.jp/?load=geeks/js_start0.lisp&replbox=hidden
なぜニコニコ技術部タグかというと、この紙芝居エンジン（LispによるDSL）が自作だからです。
NESエミュレータを作ってみた
悲報 CPUに脆弱性により多くのブラウザでSharedArrayBufferがデフォルトで無効/廃止になりなした。
久しぶりの投稿です。今回は趣向を変えてプログラムのほうですが
公開URL -> http://fermatan.web.fc2.com/nes/
NESエミュレータを作ってみたので、作ったエミュレータの紹介です。動画再生のときは音割れに注意してください。
NESエミュレータって結構作られてるようなのであんますごくないとは思いますが…Javascriptがかなりいろんなことができて面白い。エミュレータ作ると、ロムが作りたくなってきます…ファミコンの仕様が分かるとロム作ってる人はすごいなー。
ファミコン音源っていいな。
BGMの原曲 -> http://www.nicovideo.jp/watch/sm25392044
ツイッター https://twitter.com/fermatam3
【はがオケ初初祭】湯煙RTA【00:00:20.89】
はがオケ初初祭（http://hagane.huegame.jp/Campaign/20161118）の湯煙に挑戦しました。
一部下ネタの要素が含まれます。
レギュレーションは、ページを更新してから湯煙を表示した状態で、ストップウォッチをタイマースタート。
すべての湯煙を取り除いたら、ストップウォッチをタイマーストップ。
軽い気持ちで、オモシロ動画2016にも応募してみました。この動画を見て応募へのハードルが下がればいいなあと思います。
立ち絵：im4964683 黒白ぐれい様、ありがとうございます
ブロマガ(解説など)：ar1149695
追記１：げむしゅ様、あむ様、広告ありがとうございます。
追記２：立ち絵の利用規約（金銭が絡む事への使用）に抵触する可能性があった為、応募を取り下げました。(12/11 22:14)
【ゲーム製作】ライツアウトを40分ぐらいでjsで作ってみた【実況解説】
正月休みを利用してenchant.jsでライツアウトを作ってみました．【イヤホン推奨】
録画したあとで気が付いたのですが，クリアできないパターンを生成しますね．
所要時間：40分
遊んでみたい方はこちら → http://urx.blue/qcZ8
ソース一式 → http://urx.blue/qcZc
過去作品 mylist/35461250
まさおの非常にざっくりとした紹介
マリオメーカーが買えない？ ならば「まさおメーカー」で遊ぼう！
初見の方もそうでない方も、新しくなった「まさお」に触れてみては？
絵が雑でゴメンナサイm(__)m
まさお投稿サービス一覧：
●まさおメーカーSP+（http://litter.symphonic-net.com/MasaoMakerSP/MasaoMakerSP.cgi）
ユーザー登録不要ですぐに投稿可能。メーカーの使用にはJavaのプラグインが必要（投稿作品を遊ぶだけなら不要）。
●MasaoSpace（https://masao.space/）
最も新しい投稿サービス。Java等のプラグインは一切不要。
たくさんの宣伝ありがとう！
ブラウザ上でMMDを踊らせてみる その2 (JavaScript & WebGL)
前: sm25695992 次:sm25738890
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数5日くらい。まだまだ実装途中。
東方風STGブラウザゲーム→mylist/38547755
【蒼の彼方のフォーリズム】FlyingCircusをゲームにしてみる part1 【Unity】
感動しすぎてその勢いでjavascript勉強してunityで作った。Youtubeでもうちょっと詳細にアップロードしてます。[https://www.youtube.com/user/gizennsyax/videos]【フライングサーカスまとめ→mylist/47816679】
【ゆっくり実況】ぽたぽたと学ぶゼロからのウェブサイト開発入門 part2
ども、ぽたぽたです。part2です。
javascriptは別の動画でやろうと思っています。
↓↓完成図のサイトはここ
http://techinfo.jp/
ぽたぽたと学ぶゼロからのプログラミング入門 → http://potapota.jp/
sm25073485 ←前｜次→ 未定
その他投稿動画part1→mylist/47254942
body {
background-color: gray; margin: 0;
}
#contents {
background-color: yellow; width: 890px; height: 750px; margin: 0 auto;
}
#contentsheader {
background-color: blue;width: 100%; height: 220px;
}
#contentssubtitle {
background-color: red; text-align: right; margin-bottom: 20px;
}
#contentsmain {
background-color: green; height: 500px;
}
#contentslist {
font: bold x-large/100% normal; color: gray; background-color: white;margin-bottom: 70px;
}
【ぬこゲー (^・ω・^ ) 】帰宅難にゃん【みちびきアクション】
迷子の猫をシールを使って誘導するアクションゲームです。「ジャンプ」や「ダッシュ」といったシールを、ドラッグ方向で切り替えて巧みに貼り付け、より早くゴールへ導きましょう。
【ゲームタイトル】
帰宅難にゃん
【動作環境】
Webブラウザ（PC版Google Chromeを推奨）
【ジャンル】
ねこみちびきアクションゲーム
【使用した制作ツール】
JavaScript, enchant.js
【動画内の素材提供元】
フリー音楽素材 Senses Circuit (http://www.senses-circuit.com/)
ゲームはこちらから => http://coban.totakke.net
東方風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
androidプログラミング実況 - 第２章 アプリのためのhtmlファイル作成
htmlファイルを作成しています、enchant.jsを使うとゲームが簡単に書けます。 sm21172018←前 次→sm21182134 一覧→mylist/37547283 アプリ→https://play.google.com/store/apps/developer?id=gerogero
MIDI打ち込み-中世音楽-Santa Maria Strela do dia
スペインの古い歌です。使用した機材とソフトウェアは動画の中で紹介しています。
●マイリスト『MIDI打ち込みの音楽作品』 » mylist/33653034
●自動伴奏ソフトBand-in-a-Boxを使ったDTM講座をブログに執筆中 » http://oto.temiruya.com/
プチDTM講座：作品を説明するために「MIDI打ち込み」と言ってますが……実際には私はほとんど音符を打ち込んでませんよ。メロディはネットで見つけたフリーのMIDIデータを拝借して、各伴奏楽器パートはそれを基にBand-in-a-Boxが自動生成しました。出てきたMIDIデータのヒューマナイズはJavascriptのプログラムを書いてJFilterに加工させました。私は自分の音楽作品を、いつもそんな要領で製作しています。
【JavaScript：5限目】プログラミング？なにそれおいしいの？【5枠目】
最初(一限目) → sm19079001
sm19204672 ←前 次→
mylist/34106830 ←過去放送一覧
《放送日》2012年10月23日（火）20時30分〜23時00分：ニコニコ生放送にて
《内容》jQueryの基礎と実習
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
【JavaScript:1限目】プログラミング？なにそれおいしいの？【後半】
sm19079001 ←前回 次回→ 10月9日20時から
mylist/34106830 ←過去放送一覧
《放送日》2012年10月02日（火）20時～22時：ニコニコ生放送にて
《内容》JavaScriptの基礎知識
・変数／関数／引数／戻り値／条件式／ループとは？
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
Titanium Mobile 実装最初の一歩 プロ生勉強会 第16回＠名古屋 #pronama
2012/5/19 開催 プログラミング生放送勉強会 第16回＠名古屋 のセッションです。
詳細: http://pronama.wordpress.com/2012/05/25/pronama-16-at-nagoya-2/
「Titanium Mobile 実装最初の一歩 ～CommonJS や公式英語版の Tips ポロリもあるかもよ～」
JavaScript だけでネイティブのスマートフォンアプリが作れる事で有名な Titanium Mobile。名前聞いた事あるけど、どうやって作ってんの？ と思った方は是非聞いてください。また、現在 titanium の主流な書き方である commonjs スタイルでの書き方も少しだけ紹介します。時間が余れば、Appceleratior 公式本の中で触れられている Tips で「へー」と思った物を少しだけ紹介する予定です。
@leftyweapon さん： 元採用人事 就職エージェント(予定)
lv93328775
mylist/28883076
ライトニングトーク プロ生勉強会 第13回＠愛媛 #pronama
2012/3/31 開催 プログラミング生放送勉強会 第13回＠愛媛のライトニングトーク
詳細: http://pronama.jp/13
#00:00 「JavaScriptをかけない人がCoffeeScriptを書き始めてわかったこと」もりちゃん
#05:04 「AndroidBindingを使ってみた」なかじさん
#10:09 「C++,OpenGL,Qt,Squirrelでポリゴンもデラーを作る～OpenModeler～」泉さん
#15:19 「IEのクッキーをてへぺろ☆」仲根かなはるちゃん
lv86805603
mylist/28883076
ペルソナ４のSpecialくじのシミュレータをつくってみた
■追記 クマ様、宣伝をしていただきありがとうございます！
３月中旬に発売予定のペルソナ４のスペシャルくじ(スペシャルくじ)プラチナの発売日が楽しみで待てないのでシミュレータを作ってみました。
動画だと文字が潰れて見づらくなってしまい、申し訳ありません。
実際にシミュレータでシミュレーションしたい方は↓
http://persona4.web.fc2.com/p4kuji.html
※JavaScriptを有効にしてご覧ください。
私がアップしたペルソナ４動画です。よろしかったらご覧ください↓
アニメ版ペルソナ４EDコミュMAX Ver. sm16635042
ペルソナ４聖地巡礼動画 sm15543073
ペルソナ４関連の記事を書いています。↓
http://shisotsukune.blog3.fc2.com/