Lessmilk Tutorial: Make web games with Phaser 3
Phaser is a popular JavaScript framework to build HTML5 games that run in the browser. It is free, powerful, simple to use, and actively maintained. I believe it's the perfect framework to start making games. In this tutorial we will build a game where the player is getting points every time he touches a yellow coin. That's super basic, but it's also a great example to learn how Phaser works. Here
Photoshop Tips/炎の作り方
Photoshop Tipsの定番とも言える炎の作り方です。 炎の色とゆらめきを後からある程度自由に変更できます。 Photoshop上で500×500ピクセル程度の新規画像にレイヤーを一つ作成します。 ツールボックスの描画色と背景色が黒と白になっていない時はキーボードの(D)を押して初期設定に戻し、背景とレイヤー1にそれぞれ、フィルタメニュー→“描画”→ “雲模様1”を適用します。 レイヤー1は［乗算］ で合成し、画像を統合します。 作成した画像に、フィルタメニュー→“変形 ”→“波形...”を適用します。 今回の数値は以下です。 ［波形：正弦波］ ［波数：999］ ［波長：最小200/最大350］ ［振幅：最小1/最大1］ ［比率：水平100/垂直100］ ［未定義領域：ラップアラウンド（巻き戻す）］
Introduction to HTML5 Desktop Apps With Node-Webkit | Envato Tuts+
Using Node.js, we can create web applications easily. Now, thanks to the node-webkit we can also create desktop apps with it, using a unique combination of HTML5 and Node. The library combines WebKit engine and Node.js in a unique way. Both WebKit and Node share the same context, allowing you to write your code like it's meant to be executed in a browser, but with the addition of all Node's featur
俺式4.0 :: Adobe AIR 3.9 で iOS, Android, PC 向けにゲームを作って世に出す時にありがちなこと
Adobe AIR 3.9 で iOS, Android, PC 向けに ゲームを作って世に出す時にありがちなこと Created: 2013-11-20 Modified: 2013-11-20 Written by Tatsuya Koyama 0. これは何 この文書では、Adobe AIR でマルチプラットフォーム向けのゲーム開発を行ったときに私が遭遇した、 細かい問題や不具合とその解決方法、また そもそも AIR ってどうなの という議論についての私の今のところの考えをシェアします。 iOS, Android 向けのゲームを作ろうとしている人の参考になれば幸いです。 1. 実際に AIR で作ってリリースしたゲーム まず宣伝ですが、自分は 2012 年に Mr.WARP 、2013 年に iro-mono というゲームをリリースしました。Adobe AIR 製です。 自分は職業も
Backbone.js入門: 初学者の為のロードマップ | mawatari.jp
最近、JavaScriptを多用するWebアプリケーションの開発に携わる機会が増えてきました。 jQueryのイベントハンドラをベタに書いていくのは、規模が小さいうちは良いのですが、機能追加・仕様変更等が多発すると少々面倒なことになります。このまま大きくなっていくと破綻が目に見えているので、構造化されたアプリケーションを作りたいと思いBackbone.jsを学び始めました。 Backbone.js 公式サイト 7月上旬から学び始めたので、まだ20日程度ですが、その中で学んだこと等を紹介します。これから勉強を始めてみようと思う人の参考になれば、幸いです。 以下の内容は、Backbone.jsの熟練者が指南しているわけではないことを予めご了承ください。ちなみに、平日の夜と、時間が取れるときの週末を使って勉強して、イベントサービスのWebAPIを串刺し検索するアプリ等を作るくらいには、Backb
5日間で覚える Blender 3.X / 4.X の基礎
Blender 2.7系 / 2.8系 / 2.9系を利用するなら姉妹サイトへ 本ウェブサイトは、Blender 3.X系 / 4.X系を利用することを前提に執筆しています。 Blender 2.7系 / 2.8系 / 2.9系を利用する場合は以下の姉妹サイトを参照ください。 Blender 3.X系 / 4.X系を利用する場合は、このまま本ウェブサイトを読み進めてください。 ゼロから学ぶBlenderチュートリアルへようこそ 本ウェブサイトはBlenderの使い方を基本から説明している入門用サイトです。 Blenderの入手・インストールから3DCGのモデリング・レンダリング・アニメーションまで解説しています。 3DCGは初めてという方にも、他のソフトウェアの経験者にも、わかりやすいことを心がけています。 Blenderで3DCGを始めてみたいという方も、他のソフトウェアから乗り換える方
node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル | さくらたんどっとびーず
2011年はサーバサイド JavaScript の年！ サーバサイド JavaScript の本命は node.js！ ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュートリアルの内容ですが、コード量が少なめで機能的にも分かりやすそうなモノということで、短縮 URL ウェブアプリケーションを作ってみることにしました。bit.ly とか t.co とか nico.ms みたいなアレです。短縮 URL のデータは MySQL に保存します。 結構長文になっちゃったので、先に目次置いときます。 node.js のインストール npm (Node Package Mana
はじめての共同作業 Canvas編 (node.js + websocket) : アシアルブログ
こんにちは、中川です。 先月無事に結婚をした開発者が一名おり、近年アシアルでは徐々に既婚者が増えてきている状況です。 ということで、結婚といえば共同作業ですよね。 今までは、一人で作業していて大変なことが色々あったと思いますが、 二人（複数）でやれば、乗り越えられることもあることでしょう。 Webアプリでも最近は、より共同作業がしやすい環境ができつつあるように思います。 そこで、今回はWebSocketを使ったリアルタイム通信でのやり取りを行い、 一緒にお絵描きができるサンプルアプリを作ってみました。 ■■■概要■■■ ・アプリ概要 ・・Canvas + WebSocket ・対応ブラウザ ・・Chrome or Safari (他、WebSocketが使えるブラウザ） ・サーバ側プログラム ・・node.js 0.2.0 ・・express@1.0.0rc2
W3Schools Online Web Tutorials
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Stage3Dコンテンツ制作入門 | デベロッパーセンター
Stage3DはFlash Player 11の目玉機能で、GPUを活用することで従来の1,000倍以上のグラフィックレンダリングができると言われています。本記事では、Flash Professional CS5／CS5.5とFlash Builder 4.5のユーザーを対象にStage3Dの導入方法を解説します。 Stage3Dとは、Flash PlayerからGPUを利用するための仕組みのことです。Stage3Dは低レベルのAPI（ほぼアセンブラ）となっているため、一般の開発者に対する使いやすさはあまり考慮されていません。そのため、通常はAlternativa3D／Away3D／Starlingといったフレームワークを経由して利用します。 Stage3Dでは、表示リスト（DisplayObjectツリー）とは別の描画面を使って2D／3Dを表示します。レイヤー順はStageVideoの描
Ruby脳が理解するJavaScriptのオブジェクト指向
(追記：2012-12-15) 本記事およびこれに続くその２，その３をまとめて電子書籍化しました。「Gumroad」を通して100円にて販売しています。内容についての追加・変更はありませんが、誤記の修正およびメディア向けの調整を行っています。 電子書籍「Ruby脳が理解するJavaScriptのオブジェクト指向」EPUB版 このリンクはGumroadにおける商品購入リンクになっています。クリックすると、オーバーレイ・ウインドウが立ち上がって、この場でクレジットカード決済による購入が可能です。購入にはクレジット情報およびメールアドレスの入力が必要になります。購入すると、入力したメールアドレスにコンテンツのDLリンクが送られてきます。 購入ご検討のほどよろしくお願いしますm(__)m 関連記事： 電子書籍「Ruby脳が理解するJavaScriptのオブジェクト指向」EPUB版をGumroadか
ActionScript入門Wiki@rsakane - トップページ
おすすめリンク | 価格比較@price | オークション相場@price | デジカメプリント | 年賀状 | ましかくプリント | @wiki - 無料レンタルウィキサービス | プライバシーポリシー| 関連ページ| 関連ホットワード
Node.js チュートリアル | Node ビギナーズブック
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
phyzkit.net
http://googlemaps.googlermania.com/google_maps_api_v3/ja/custom_streetview/3.html
http://googlemaps.googlermania.com/google_maps_api_v3/ja/custom_streetview/2.html
http://googlemaps.googlermania.com/google_maps_api_v3/ja/custom_streetview/1.html
サル先生のGit入門〜バージョン管理を使いこなそう〜【プロジェクト管理ツールBacklog】
新着記事
