[B! JavaScript][javascript] [12ページ] mieki256のブックマーク

Making of Highway at Night

After finishing 6th in JS1k 2013, it was clear that I wanted to give this fun competition another go. First off, here is a list of things I took as "lessons learned" from my last year's entry: Performance needs to be good with all devices Controls take a lot of space and aren't always important Many small visual details can be overlooked, so rather polish the important features Let compressors hel

mieki256 2015/02/24

JavaScript

リンク

音を扱うJavaScriptライブラリや記事 - Qiita

Web Audio API を中心に音を扱うライブラリや記事をざっとまとめました。サウンドファイルの再生に特化したやつゲーム用途とかならこのあたりで十分っぽい howler.js SoundJS 簡単に演奏できるやつ beeplay / 記事メソッドチェーンで音をつなげていく abeck ABC記譜法で書けるテンプレート的なやつ TemplateSynth / 記事ポリシンセ用のテンプレート mml-em itter MMLをイベントとして発火する信号処理するやつ Tone.js 必要な機能がひととおり揃っている tuna Web Audio API 用のエフェクター flocking 音の構造をJSONで書く。node.jsでも動く。 neume.js jQueryっぽく書けるインターフェースが特徴だけど色々雑い。 pico.js Web Audio API, flash f

mieki256 2015/02/20

JavaScript

リンク

tmlib.jsのここがすごい! - Qiita

Qiitaで初めての記事になります。simiraaaaと申します。よろしくお願いします。 tmlib.jsを知らない人向けに紹介していきます。 #tmlib.jsとは JavaScriptでゲームやWebアプリが簡単に作れるライブラリです。 http://phi-jp.github.io/tmlib.js/ phina.jsについて　追記 tmlib.jsは現在phina.jsというライブラリに名前を変えて開発を進めております。 http://phinajs.com/ tmlib.jsを再設計し、さらに使いやすくなっていると思います。 #ここがすごい! ##phi_jpという神がサポートしてくれる！(敬称略) phi_jpさんはtmlib.jsの作者です。「こんなエラーが出てどうしたらいいかわからない」「これはどうしたらできますか？」など、質問すると真剣に答えてくれます。 ※できる

mieki256 2014/12/10

リンク

JS1k 2014 - Demo 1951 - "Highway at Night"

JS1k 2014 demo — "Highway at Night" by Jani Ylikangas Dragon's eye view of a flight to 3D city.

mieki256 2014/11/25

JavaScript

リンク

http://www.aaronvanderzwan.com/maximage/

mieki256 2014/11/10

リンク

SlickQuiz·クライアントサイドだけで動作するクイズゲーム MOONGIFT

クイズは好きですか？専門的、普段の生活などから出題されるクイズに答えるのは面白いですよね。問題を相手のレベルに応じて作るのはとても難しいですが、そんな楽しいクイズができたらSlickQuizで出題してみましょう。 SlickQuizはjQuery製のクイズソフトウェアで、JavaScriptのコンフィグを書いて出題できます。クライアントサイドだけなので手軽に問題が出せそうです。 SlickQuizの使い方さぁクイズの開始です。簡単な選択式です。単一または複数選択から回答します。合っていれば正解が、間違っていれば不正解である旨が表示されます。不正解の場合はこんな感じです。最後に正解数が表示されます。 SlickQuizはクライアントサイドオンリー、かつJavaScriptなので問題表はJSONで定義されています。そのため見ようと思えば答えを見られてしまう状態ではあります。なので厳密

mieki256 2014/09/26

リンク

【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。

mieki256 2014/09/10

JavaScript

リンク

夏のJavaScriptシューティングゲーム祭り2014の資料と動画まとめ

2014年9月6日に、@h_doxas さん主催の「夏のJavaScriptシューティングゲーム祭り2014」というゲームプログラミングの勉強会を Stocker.jp / Space にて開催していただきました。「JavaScriptシューティングゲーム祭り」では、その名の通り JavaScript を使ったシューティングゲーム開発についていろいろな方が登壇されるイベントです。 WebGL を使った表現や高速化、ESMAScript 6 などの話題もあり、非常に興味深い内容でした。 iPhone で講演内容を録画していたので、そちらの内容を公開します。三脚の設置に失敗しており、斜めになっているものや音量が不安定な箇所があり、申し訳ありません。全体的に音声は小さめですので、音量を大きくしてお聴きください。弾幕記述用ライブラリbulletml.jsについてだいしさん @daish

mieki256 2014/09/10

JavaScript

リンク

【JavaScript・enchant.js】ゲームの企画をするよ！ - がちゃまにあ日報

モンハンしすぎた！((((( ;ﾟДﾟ))))) 結局企画書あげるの最後になりましたがちゃまにあですどーもこんばんは。詳しいことはこちら。このシリーズの記事を順を追ってみていただくと何でこうなったかわかるかと。読みにくかったので文章だけ打ち直しました。では早速行きます！！勇者スポンジ ★概要悪の帝王アブラギッシュ１２世を倒すべく、勇者が旅に出る。自分(スポンジの種類)と武器(洗剤)を強化して、現れる敵を倒しつつ悪の根城オイール城を目指す。 ★画面育成画面ＬＶ概念and取得アイテムで強化。アイテム合成でのステータス値強化は次の戦闘から、レベルアップによる強化は即時反映。育成画面も戦闘中と同様に下部にコマンド入力欄とメッセージ欄戦闘画面ドラクエ3風（FC版。背景黒地×白字）名前はプレイヤーに決めてもらっても良いかも。助っ人は1人。 ★その他マップ移動(自由な、D

mieki256 2014/09/09

リンク

超弾幕も可能？ WebGL高速化のススメ

今日のテーマ WebGL高速化のススメ今回はあくまでも WebGL 特有の高速化 TIPS です。 WebGL にあまりなじみのない方もいらっしゃると思うので…… そもそも WebGL って？　というところから簡単に解説します。

mieki256 2014/09/07

リンク

WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（後編）

WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（後編）西田慎吾（株式会社アイ・エム・ジェイ） WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（後編）前回に引き続きHTML5 Japan Cup 2014にてWebGL賞と優秀賞をいただいたオンラインレースゲーム、JS-Racingの技術解説をさせていただきます。サーバサイドの使用技術サーバサイドの技術としてNode.jsを使用しています。Node.jsはサーバーサイドで動作するJavaScriptで、ノンブロッキングI/Oというモデルを採用しています。非同期処理でデータベースへのアクセスとWebページの表示を別々に行ってくれるので、ストレスなく大量のページの表示が出来ます。また、Socket.ioというライブラリを扱うことで、WebSocke

mieki256 2014/09/03

JavaScript

リンク

米Yahoo!がYUI新規開発中止を発表。その背景となったJavaScriptの現状解説

米Yahoo!のエンジニアリングチームは、同社がこれまでJavaScriptライブラリとして開発してきたYahoo User Interface library（YUI）の新規開発を中止すると発表しました。 YUIは、JavaScriptでインタラクティブなWebサイトを構築する技術「Ajax」への注目が高まっていた2009年に登場したライブラリです。さまざまなメニュー、カレンダーやカラーピッカー、タブ、リッチテキストエディタなどのコンポーネントが揃っているだけでなく、DOM操作やイベントハンドリング、テスト用ライブラリやJavaScript圧縮ツールなど、幅広くJavaScriptを強化するための機能を備えています。しかしその後登場したjQueryなどのさまざまなライブラリやツールに人気を奪われ、ここ数年はYUIへの注目度も低下。コミュニティからのリクエストも少数になり、多くのモジュー

mieki256 2014/09/01

リンク

WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（前編）

WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（前編）西田慎吾（株式会社アイ・エム・ジェイ）今回はHTML5JapanCup2014にてWebGL賞と優秀賞を受賞したオンラインレースゲーム、JS-Racingの技術解説を書かせていただきます。このコンテンツはWebGLの3D表現を活かした3Dレースゲームです。また、WebSocketを使用しサーバを介して、複数のクライアントでの同時走行が可能なオンラインゲームになっています。同時に、ソケット通信時に発行されるソケットIDをPCとスマートフォンで共有することで、スマートフォンからPC上の車を操作することも可能です。クライアントサイドの使用技術クライアントサイドの構築において、目的・用途に応じて使用した言語やライブラリに関して解説します。 TypeScriptによるクラス設計クライアン

mieki256 2014/08/29

JavaScript

リンク

JavaScriptで家電を操作するための赤外線信号の基礎知識

今回は赤外線信号の基礎知識、読み取り／送信方法までを説明し、次回でWebブラウザーのUIとリアルタイムに連携させます。下記は必要な材料のリストです。今回もGroveモジュールを使います。 Grove Baseシールド →前回使用したものと同じ Grove 4ピンケーブル →2本必要赤外線センサー（WLS12136P） →このセンサーにリモコンを向け、リモコンのボタンを押すことで赤外線信号を読み取る赤外線LED（WLS12148P） →リモコンで発生した赤外線パターンと同じ信号をここから発生させて、家電を操作するリモコンはどういう信号を送信しているの？早速、某エアコンのメーカーにリモコン信号の仕様を問い合わせましたが、残念ながら公開していないとの回答でした。でも、大丈夫です。道が閉ざされたわけではありません。リモコンから送信される赤外線パターンを学習し、それと同じ信号を赤外線LE