The Ultimate Website Code GeneratorGenerate highly customizable CSS properties. Preview the results before copying them to your website.
ブラウザだけで今すぐ使える！無料の「ゲーム開発環境」Webサービス厳選まとめ！ -
どうも、まさとらん（@0310lan）です。 みなさんは、「ゲーム開発」にご興味あるでしょうか？ 最近人気の「Unity」みたいな統合開発環境があれば、かなり本格的なゲーム作りが個人でも可能になってきましたが、実はこのような統合型の開発環境をブラウザ上で実現するサービスがいくつか存在します。 そこで今回は、用途別に厳選したオススメのサービスをご紹介しようと思いますので、ご興味ある方はぜひトライしてみてください！ ■本気で作り込める「2Dゲーム」開発環境！ 【 WiMi5 】 ゲームに使う「ステージ」作りをグラフィカルに設定し、キャラのアニメーションやメインのゲームロジック、最終的な書き出しまですべてカバーする統合開発環境が「WiMi5」です。 シューティング、RPG、パズル、アクション…など、基本的に2Dゲームならどんなゲームでも制作可能で、すでに多くのユーザーが多彩なゲームを公開していま
GitHub - bbc/VideoContext: An experimental HTML5 & WebGL video composition and rendering API.
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="../dist/videocontext.js"></script> </head> <body> <!-- A canvas needs to define its width and height to know how many pixels you can draw onto it. Its CSS width and height will define the space it takes on screen If omitted, the canvas dimensions will be 300x150 and your videos will not rendered at their optimal defi
HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは
Electron（旧Atom-Shell）とは、Web開発者がHTML5とNode.jsでMac、Windows、Linuxのデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。 最近はJavaScript、HTML5の進化によって、多機能なWebアプリケーションが増えてきました。それに伴い、モバイルでは、WebViewやApache Cordovaなどを使ったハイブリッドアプリも注目されています。Electronはその流れの中から生まれた新しい実行環境です。 ElectronはChromiumブラウザを内蔵しているのが一番の特徴です。Chromiumブラウザは、Google製のChromeブラウザのオープンソース版にあたります。ウェブ開発者がChrom
ブラウザゲーム開発で使えそうなゲームエンジンまとめ - Qiita
概要 ブラウザ上で実行可能なHTML5+JavaScriptなゲームエンジンがいろいろ出てますね。 どれが実際使いやすいのか分からず、とりあえず触ってみた感想をまとめてみました。 かなりざっくり（雑に…）触ってるので、モックを作ったものもあれば、 サンプル動かしただけのものなどが入り乱れてます。 こんなものでも参考になれば幸いです 要件 オープンソースであること おさえたい評価項目 学習コスト 実績 フォーラムの有無・活発さ 学習コストは導入から開発・運用まで含めて考えてます。 また、実績があればプロジェクトに導入しやすいということで、実績の有無を載せたいと思います。 フォーラムはわからないことがある時に聞ける環境が 公式で提供されていると安心するのでおさえておこうと思いました。 ※実際にフォーラムに書き込みしたものはCocos2d-jsのみです ※評価は◎・○・△・✕の4段階評価になって
開発者のための WebKit (“WebKit for Developers” 日本語訳)
このノートは、Paul Irishによる記事 “WebKit for Developers” の日本語訳です。 僕ら開発者の多くにとって、WebKit はブラックボックスだ。HTML, CSS, JS, その他のアセットを投げると、WebKit は魔法でもかけたかのように、綺麗な Web ページを返してくれる。しかし、僕の同僚 Ilya Grigorik は本当の WebKit はこうだと言っている。 WebKit はブラックボックスではない。ホワイトボックスなんだ。さらにそれだけではなく、オープンなホワイトボックスなんだ。 じゃあ、これから次のことについて理解していこう。 WebKit ってなに？ なにが WebKit じゃないの？ WebKit ベースのブラウザで WebKit はどう使われているの？ なんですべての WebKit が同じじゃないの？ さて、世の中に数多くの WebKi
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
Polymer コードラボ資料の公開、およびイベントの開催について
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
PolymerでMaterial Designなチャットアプリを作ろう
今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。 まず始める前にこのライブデモ、Kitteh Anonymousをデスクトップまたはモバイルのモダンブラウザで実際に試してみてください。ここでは、このデモの簡略版であるLiteバージョンを実際に作成する方法をステップ・バイ・ステップで紹介したいと思います。 必要な知識 Polymerの基礎知識 パッケージマネージャ、Bowerの基本的な使い方（Polymerと依存するファイルをインストール、アップデートするのに使
GoogleがHTML5構文解析ライブラリGumboをオープンソース化
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita
追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative
MozVR - Oculus Rift + Mozilla。WebブラウザでVRを楽しむ！ MOONGIFT
HTML5の機能はどんどん広がっています。Web上でUnityが使えるようになったり、WebGLを使えばリッチなコンテンツも表示できるようになります。MIDIと接続することだってできますので、HTML5の未来は無限にさえ感じます。 そんなHTML5の楽しみ方をまた一つ教えてくれるのがMozVRです。なんとWebベースでVRコンテンツを表示します。もちろんVRと言えばということで、Oculus Riftと接続できます。 MozVRの使い方 Oculus Riftありきな感じなのでスクリーンショットは微妙ですが。 基本スクリーンショットでの表示になります。 ワイヤー。これがスプラッシュです。 二つに別れていると分かりづらいですが、実際はリアルに浮かんでいます。 メニュー。視線で選択します。 パノラマ写真。 ドライブ。 個人的なオススメはアラスカ（？）あたりを舞台にしたドキュメンタリー風動画です
WebRTCのオープンソースソフトウェアまとめ - Qiita
WebRTCは変化が速いのできちんとキャッチアップしているPeerJSとEasyRTCがよさそうです。 ただし、EasyRTCはなぜかサンプルのビデオチャットが真っ黒になってうまく動きませんでした。原因は調べていません。 ICEサーバー 上記のOSSにはICEサーバーは含まれておらず、だいたいstun.l.google.com:19302というGoogleのSTUNサーバーをデフォルトで指定しています。 本番で動かすにはICEサーバーも自前で立てるのが望ましいです。 ICEサーバーは元々いろいろなOSSがあります。 表にまとめるのは力尽きたので、リストで。一番上のがいいんじゃないかなってなんとなく思っています。 rfc5766-turn-server - High-performance free open source TURN and STUN Server implementatio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5で音を扱う3つの方法
HTML5 Conference 2015 講演資料まとめ #html5j
DeNA Engineering - DeNAエンジニアのポータルサイト
Unity vs HTML5 -アドベンチャーゲームエンジンの開発手法 及び、２つの環境のメリットとデメリット-
無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ | コリス
DeNA Engineering - DeNAエンジニアのポータルサイト
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色