キーワード JavaScript が含まれる動画 ： 1160 件中 641 - 672 件目

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

前: sm25738890 次:sm25936936
mylist/49125767

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

使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。

Bullet(Ammo.js)を使って物理演算に対応。
ここまでで実作業日数1ヶ月くらい。色々大はまり。
まだまだまだまだ実装途中。

物理演算が重すぎてWebWorkersであまり性能改善ができなかった。
動画はローポリミクで60fps。その後に15fpsしか出なかった魔理沙を4倍速で少しだけ。
7年前くらいに買ったノートPC上で動いています。

ローポリ初音さん: http://www.geocities.jp/neko_terashima/MMD/index.html

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

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

mylist/50426444
暇だからjavascriptの勉強がてら、超エキサイティングなゲームを作ってみた
http://yomancpp.github.io/wtfgame/wtfgame.html

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

ツイッターのタイムラインをスターウォーズのあのオープニング風にするJavascript書けないかな〜、と思い腕試しに書いてみた。
使い方など詳しくはブログに書きました。
Star Wars like Timeline generator bookmarklet for Twitter:
http://blog.bresson.biz/2015/11/i_love_sw.html

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

当時、私のＷＥＢサイトにて掲載していたJavaScriptを使ったパラパラムービーを
サルベージして動画として簡単な編集をしてみました。

原本のSSは古いHDD群に埋もれているため上記用に縮小したSSを再加工しました。
画質が荒いのは当時の通信速度を考慮した結果です。それでも重かったのです。

当時の記載内容　●総SS枚数５３枚　●合計サイズ1.8MB超え

■その他ＵＯ関連(?)動画 (nm10235899)　■マイリスト(mylist/15025109)
　
　In Mani Ylem ！！
*: ・ﾟヽ(ﾟ∀ﾟ)ﾉ *｡・ﾟ

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

KORG iELECTRIBE for iPhoneには真空管回路Virtual Valve Forceがない（iPad版にはあるのに）。いや、実はそうじゃない。という噂を聴いたので、検証するためのWebプログラム（JavaScript/Web MIDI API）を作りました。

無料アプリの「Web MIDI Browser」（Web MIDI APIが動くブラウザ）を、iELECTRIBE for iPhoneと同時に動かして真空管回路をコントロールします。

Web MIDI Browser
http://www.taktech.org/takm/WebMIDIBrowser/Web_MIDI_Browser.html

上記アプリをインストールしたら、以下のURLを開いてみてください。
https://webmidilab.appspot.com/valve/

うまくいったかどうかコメントいただけるとうれしいです。よろしくお願いします。

Web MIDI API関連のリスト：　mylist/55267430

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

音階を演奏するには画面上のノブを動かすしかないiELECTRIBE for iPad（for iPhoneも同じ）。

どうしても音階を演奏したいので、Web MIDI APIでプログラムを作りました。

前回（ sm27700766 ）は演奏情報をあらかじめ打ち込んでおくシーケンサーでしたが、今回はリアルタイム演奏をするためのプログラムです。

URLなどは後ほど公開予定。
https://twitter.com/linclip

Web MIDI API関連のリスト：　mylist/55267430

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

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

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


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

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

part3です。開発が進むと機能追加に対して動作安定化に時間がとられるの法則

前: sm29508399 次: sm29625107

Apk download: http://www1.axfc.net/u/3712150
DL key: 2525

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

イメージを描画する

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

本日のソースはこちら
http://runstant.com/vistan/projects/cd0dc20a

前回 sm31351406 図形を描画する
次回 sm31385638 マウスイベント
mylist/59143338 phina.jsマイリスト


shioleap様　広告ありがとうございます。

追記：shioleap 様より冴えたやり方を教えていただきました。
http://runstant.com/shioleap/projects/a45007e5
shioleap 様　掲載許可ありがとうございます。

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

パドルの移動　ボールの反射

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/fa72819d

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/Uzy2M3HMwUo

前回 sm31498295 ファイア・ボール
次回 sm31528831 ボールの反射　ブロックを壊す
mylist/59143338 phina.jsマイリスト

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

スコアの表示

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/bfc0ff1c

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/7rs-HH86DJI

前回 sm31552691 ボールの反射音　反射方向の調整
次回 sm31588067 インベーダー編　自機の移動
mylist/59143338 phina.jsマイリスト

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

エイリアン襲来

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/da51aa33

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/bolPNyBIKLM

前回 sm31599461 ミサイルの発射
次回 sm31633152 プレイヤーの攻撃
mylist/59143338 phina.jsマイリスト

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

ブロックの作成

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/cf18f105

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/LlATeQJ3MlY

前回 sm31643837 エイリアンの反撃
次回 sm31684138 爆発エフェクト
mylist/59143338 phina.jsマイリスト

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

ひじき祭は初参加なので初投稿です

これをプログラミングと読んでいいのか若干の不安がありますが、
プログラミング全く未経験の方へJavaScriptで触ってみませんかという勧誘動画です
もしくは琴葉姉妹を延々と愛でていたい
ｺﾄﾉﾊｼﾏｲｶﾜｲｲﾔｯﾀｰ

ひじき祭について詳しくはこちらsm31373701
琴葉姉妹の超絶可愛い立ち絵はこちらim5475148

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

ステージ管理

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/5d762000

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/TOh4syEh-4Y

前回 sm31737824 タイトルシーン画面
次回 sm31775680 左右移動
mylist/59143338 phina.jsマイリスト

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

札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
という講座の宿題です。

講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331

YouTube：https://goo.gl/FjZ6ui
教材：https://github.com/rev84/uhauha_programming
本編マイリスト：mylist/59061583
宿題マイリスト：mylist/59781918
最初：sm31810972
前：sm31810972
次：sm31811022

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

札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
という講座の宿題です。

講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331

YouTube：https://goo.gl/FjZ6ui
教材：https://github.com/rev84/uhauha_programming
本編マイリスト：mylist/59061583
宿題マイリスト：mylist/59781918
最初：sm31810972
前：sm31811001
次：sm31811046

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

札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
という講座の宿題です。

講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331

YouTube：https://goo.gl/FjZ6ui
教材：https://github.com/rev84/uhauha_programming
本編マイリスト：mylist/59061583
宿題マイリスト：mylist/59781918
最初：sm31810972
前：sm31855746
次：sm31935400

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

ゲームオーバー作成

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/64030047

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/Qj0WFOZmvA4

前回 sm32077177 HPバーの作成
次回 sm32104150 回復アイテムの作成
mylist/59143338 phina.jsマイリスト

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

即死針作成

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/9ab56ac0

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/x1XHOsSe_Dw

前回 sm32104150 回復アイテム作成
次回 sm32158795 移動床作成
mylist/59143338 phina.jsマイリスト

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

移動床作成Part2

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/ef5ec221

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/YOeTBaTCzJg

前回 sm32158795 移動床作成part1
次回 sm32204155 移動床作成part3
mylist/59143338 phina.jsマイリスト

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

移動床作成Part4

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/c1a2ef30

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/F4WTadKh5I0

前回 sm32204155 移動床作成part3
次回 sm32237591 移動床作成part5
mylist/59143338 phina.jsマイリスト

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

移動床作成Part5

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/1dc0e63b

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/Jo3JjQdFxDU

前回 sm32222142 移動床作成part4
次回 sm32268757 NPCの作成
mylist/59143338 phina.jsマイリスト

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

Windowの表示

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/02999643

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/s2MnkmIa-hQ

前回 sm32268757 NPCの作成
次回 sm32329855 メッセージエンジンの作成
mylist/59143338 phina.jsマイリスト

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

会話するPart2

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/48fc3d18

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/yZxp5RNEWPE

前回 sm32353873 会話するPart1
次回 sm32379085 会話するPart3
mylist/59143338 phina.jsマイリスト

shioleap様広告ありがとうございます

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

看板を作るPart2

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/88af64d6

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/Dr6HkICWy5s

前回 sm32478768 看板を作る
次回 sm32554604 ボス作成Part1
mylist/59143338 phina.jsマイリスト

shioleap様広告ありがとうございます。

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

ボス作成Part1

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/0cde0ecc

youtube版
https://youtu.be/_J5Gb1cOnzc

前回 sm32518398 看板を作るPart2
次回 sm32585565 ボス作成Part2
mylist/59143338 phina.jsマイリスト

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

ボス作成Part3

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/a930b072

youtube版
https://youtu.be/3cJGKdy3d0I

前回 sm32585565 ボスを作るPart2
次回 sm32668145 BGMの挿入
mylist/59143338 phina.jsマイリスト

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

下からすり抜けるブロック

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/6028cc10

youtube版
https://youtu.be/xcMm9m2N0pQ

前回 sm32728642 主役の交代
次回 sm32805274 すり抜けるブロックのロード
mylist/59143338 phina.jsマイリスト

shioleap様広告ありがとうございます。

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

すり抜けるブロックのロード

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/934eac4e

youtube版
https://youtu.be/vv6ynmf7eHM

前回 sm32769448 下からすり抜けるブロック
次回 sm32847846 新しい敵作成
mylist/59143338 phina.jsマイリスト


Mira様広告ありがとうございます。

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

新しい敵作成 2

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様

利用素材　SHW様　
http://shw.in/

HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)

本日のソースはこちら
http://runstant.com/vistan/projects/5d5d5290

youtube版
https://youtu.be/eSfVucE05QA

前回 sm32847846 新しい敵作成
次回 sm32922538 新しい敵作成 3
mylist/59143338 phina.jsマイリスト

shioleap様広告ありがとうございます。

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