HTML5のCanvasを使いやすくするライブラリまとめ
Posted: 2013.12.20 / Category: HTML&CSS, javascript / Tag: HTML5 HTML5のCanvasをそのまま使おうとすると結構大変ですね。そこでCanvasのライブラリとか使うと効率がいいらしいのでまとめてみました。 CREATEJS CREATEJSはTweenアニメーションとかオーディオ再生とか色々まとめたパッケージでcanvas部分はEASELJSになります。 Flashからの書き出しもできたり、日本語の書籍もあったりと結構有名ですね。 sample code var circle = new createjs.Shape(); circle.graphics.beginFill("red").drawCircle(0, 0, 50); circle.x = 100; circle.y = 100; stage.addChild
すぐに使えるサンプル集
[Labyrinthe Noir]>[Top]> JSすぐに使えるサンプル集 JavaScript を使った実用的なサンプルを提供します。 ソースと解説付きですので、JavaScriptの理解も進めながら、自分で応用できるようになります。
Mod Minecraft & Learn Code - LearnToMod Software
Minecraft Modding Software Learn How to Mod Minecraft With the Best Design your own mods, texture packs, and schematics. Share your creations with the Minecraft community. Learn More Get Started For Modders Learn how to make the coolest mods in Minecraft! Our dream is to make modding Minecraft as easy as apple pie! The LearnToMod software empowers Minecraft players (whether or not you know how to
欲しくて作った - 「Evernote すぐアップシール 」 - くるのはるみのブログ
欲しくて作った第二弾前回以上に安直ですが、個人的に欲しかったので作りました。(というより、パクったに近い) Skylabβができたので、初期リリースからプリインストールされている Evernote アップロードシールの需要はなくなっているのかもしれませんが、個人的には捨てがたいものがあります。 将来の夢は別として、今現在 MOON をメモ端末として使うなら、メモの出口の一つとして有用です。しかし、プリインストール版には、以下の不満があり今一つでした。 気軽にアップしたいのに、「貼って」「タップして」「剥がす」というのが面倒。 アップロードしたイメージにシールの画像が含まれてしまうこと。 この二つだけ改善すれば気軽に多用できそうなので、ブリインのシールを改造(不要部分を削除したくらい、改造のうちにも入らない)しました。 ダウンロード : 「Evernote すぐアップシール 」 使い方そのま
JavaScriptでAndroidアプリを開発！ Macでも動くAndroidScript｜Mac - 週刊アスキー
Androidアプリのプログラミング環境「AndroidScript」をご存知だろうか? 最大の特徴は、ウェブサイトやウェブアプリ開発などに用いられるJavaScript言語を採用している点にある。 JavaScriptを使いながらも、独立したAndroidアプリに近い機能や使い勝手を実現したプログラムを実装可能。JavaScript言語の学習用としても適している。現在はベータ版のため、無料で利用でき、搭載されている機能の完成度は高い。 AndroidScriptには、詳しいドキュメントと豊富なサンプルコードが付属している。これに含まれる「Alert」や「LoadText」といった単一機能のサンプルコードは、その場で動作を確認し、コピーして自分のプログラムに張り付けるといったことも可能だ。 これらのサンプルを順に試し、どのような仕組みになっているかを確かめていけば、独自のアプリを作る際に非
Hello jQuery - 速習jQuery +綺麗なコードを書くためのヒント -
SaCSS Special4 Frontrend in Sapporo -（2013年12月7日開催）で使用したスライドです。 jQueryはCSSのセレクタが主体となるため、非プログラマーにとっても取っ付き易く、これからJavaScriptの習得を考えている方にとって良い足がかりとなるでしょう。 本セッションでは、jQueryの概要を踏まえ今後どのようにスキルを伸ばせば良いのか。 また、JavaScriptを書くにあたってどのような点について気を使うべきか、と言ったところにフォーカスを当ててお話しさせていただきます。Read less
JavaScriptでiOSアプリが書けるライブラリJavaScriptBridgeを公開しました - 24/7 twenty-four seven
kishikawakatsumi/JavaScriptBridge · GitHub 前にiOS 7から導入されたJavaScriptCore.frameworkを使ってUIKit標準のクラスを操作する話を書きました。 JavaScriptだけでiOSのUIを書いてみる - 24/7 twenty-four seven JavaScriptCoreを使ってJavaScriptからObjective-Cのオブジェクトを操作するのは、あらかじめJSExportプロトコルで公開しておく必要があるなど、あまり実用的ではありませんでしたが、このライブラリを導入すうることで、そういった事前準備がすでに済んでいる状態で使いはじめることができます。 また、JavaScriptからObjective-Cのクラスを定義できるなどいくつかの拡張を加えてあり、UIViewControllerのサブクラスで画面を定
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Google Chromeに入ったジェネレータとPromiseで非同期処理に革命が起きた - 素人がプログラミングを勉強していたブログ
Google Chrome Canary（正確にはV8）に、ついにGenerators（yield）が入った。これを上手に使うと、エラー処理を含む非同期コードを同期的に書くことができるようになり、見通しが極めて良くなるので、ここで紹介する。 ここで紹介するものはいずれNode.jsでも使用できるようになるので、Webとの互換性を気にする必要のないNode.jsでは近いうちに活用できるようになると思う。 下のコードを動かすためには、最新のGoogle Chrome Canaryで、chrome://flagsからexperimental javascriptを有効にしておく必要がある。 ES6 HarmonyのGenerator構文について functionではなくfunction*というキーワードを使うと、yieldキーワードが使えるようになる。 function* range(begin
ベールを脱いだハイパーテキストタブレット端末「enchantMOON」――予約開始イベント『enchantMOON Night』レポート | gihyo.jp
株式会社ユビキタスエンターテインメント（以下、UEI）が、手書きメモに特化した独自OS搭載コンピュータ「enchantMOON（エンチャントムーン）」の発売と販売価格の決定を発表した4月23日の19時より、一般の方を招待してのタッチ＆トライイベント「enchantMOON Night」を、五反田にあるゲンロンカフェにて開催した。 enchantMOON 3台の試作機を代わる代わるに試す来場者 会場となった五反田のゲンロンカフェには開始30分前には行列ができはじめ、開始となった19時には会場は満員に。その後も会場には続々と来場者が詰めかけたようで、急遽、イベントを2回に分けて行うほどの盛況ぶりだった（来場者数は250名との公式発表）。 なお、4月23日正午から開始していた販売予約については、公式サイトの予約システムがダウンする不測の事態があったにもかかわらず、翌24日午前中には初回生
enchant.js 怒涛の 100 tips | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思います. 最終的に 100超えちゃったけどw(全部で102個あります) 逆引きてきな感じでまとめてます. 参考になれば幸いです. 全て jsdo.it に移植したので Web上で実行できます!! fork なりダウンロードなりして遊んでくださいな♪♪ Tips Base(基本) 基礎です. enchant.js のテンプレートを用意しよう Entity(エンティティ) 表示物系の基底クラスです. 内部で DOM を持っているので表示は
なぜ「enchantMOON」を、どうやって作ったのか？
UEI（ユビキタスエンターテインメント）が開発中のタブレット端末「enchantMOON」の波紋が広がっている。同社は2013年1月8日から米ラスベガスで開催された「2013 International CES」にenchantMOON試作機を展示し、各種メディアに取り上げられた。同社にはさまざまな方面からの問い合わせが届いているという。 タブレット端末分野は、2010年に登場した米AppleのiPadの成功で急激に注目が高まり、今では韓国サムスン電子、台湾ASUS、米Amazonら複数のメーカーが競う「激戦区」となっている。enchantMOONの試みは、一見するとこの激戦区に日本の中堅ソフトウェア開発会社が殴り込みをかける無謀な試みであるかのように見える。 だが、UEI代表取締役社長兼CEOの清水亮氏の談話を聞くことで、enchantMOONは現在主流となっているタブレット端末とはまっ
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
ウェブブラウザーでiPhone／iPadアプリができる「Monaca」はすごい! | iPhonePEOPLE
（文：アライ／MacPeople編集部） え? なんでiPad使ってるの!? vol.3 星の数ほどあるiOSアプリ。ヒット作を出せば一攫千金も狙えるみたいだし、ちょっと自分で作ってみようかな、なんて思った人は多いだろう。だが、iOSアプリの開発言語は「Objective-C」と呼ばれるもの。プログラム言語の中でも難易度の高いもので、これまでまったくプログラムをやったことのない人には、ものすごく敷居が高かったりするのだ。 現在、初心者でもわかりやすい、と言われるプログラミング言語がいくつかある。例えば、僕がMacPeople内で連載を立ち上げた「とりあえずRuby」内で紹介している「Ruby」や「Ruby on Rails」は、そうした言語の代表と言えるだろう。そして、RubyでiOSアプリの開発ができる「MobiRuby」などもあり、iOSアプリの開発環境も少しずつ変わってきている。今回
Canvas+JavaScriptを使って画像解析·Resemble.js MOONGIFT
Resemble.jsはCanvasを使って画像の解析、二つの画像の差分を抽出するJavaScriptライブラリです。 Canvasを使って何ができるかをみんな模索していると思いますが、特に多いのが画像解析、表示ではないかと思います。今回はJavaScript+Canvasによる画像解析ソフトウェアであるResemble.jsを紹介します。 一例。写真のRGB解析と明るさを解析しています。 二つの画像を比較しています。 色を排除した比較。 サンプル。これで間違い探しが快適になりますね。 Resemble.jsではresembleという関数を提供します。これにファイルデータを渡すと、RGBと明度の値が返ってきます。さらに二つ目の画像を渡すと差分のパーセントやその差分となる画像データが返却されます。そのまま使うのはもちろん、画像解析の手法として参考になる部分も多そうです。 Resemble.j
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
New Minecraft Mod Teaches You Code as You Play
Bootstrapだけじゃない！マッハでフラットや美しいデザインのUIが導入できそうなワイヤーフレームやUIキット等色々！ | バンクーバーのうぇぶ屋
長文日記
http://blk.jp/archives/765