キーワード検索「Arc」
ActionScript入門Wiki - Arctic.js
AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascri...
今流行のArctic.jsと、enchant.jsの比較 | Geisha Tokyo Engineers' Blog
圧縮後のファイルサイズはenchant.jsのほうが3kbほど少ないですね。 どちらもjs上に継承などを行う擬似クラスを作るためのClass要素があったり、スマートフォン/PC両方で使えるようにtouch系イベントとmouseDown/Move系イベントを判定したり、fps(フレーム数)を設定してフレーム毎のイベントを設定するなどしています。 後発だけあって、Arctic.jsのほうはenchan...
AS3ライクにコーディングできるHTML5開発支援フレームワーク「Arctic.js」を触ってみました | Classmethod.dev()
AS3ライクにコーディングできるHTML5開発支援フレームワーク「Arctic.js」を触ってみました 01/27 - 2012 諏訪 悠紀 Arctic.jsとは Arctic.jsは、ActionScript3ライクに記述できる、主にゲーム開発で使用することを目的とした HTML5開発支援フレームワーク(JavaScriptライブラリ)です。 ディー・エヌ・エー(DeNA)が自社アプリ開発用に...
Arctext.js - Curving Text with CSS3 and jQuery | Codrops
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calc...
Loox Uと初音ミクで行こう!: ニコニコ動画をダウンロードするUserScriptを書きました。
2010年8月27日金曜日ニコニコ動画をダウンロードするUserScriptを書きました。ニコニコ動画ってダウロード出来るのだUserScriptを使えばなっ! 地味にクロスドメインな感じだったので、window.postMessageを使って色々やってみました。 元ネタは、ニコニコ動画をダウンロードできるようになるGreasemonkeyスクリプトのOpera版(管理人日記) - むぅもぉ.jp...
Ajaxian » Liquid Particles
Topics.NET (68)3D (3)Accessibility (57)Adobe (92)Advertising (3)Ajax (385)Ajaxian.com Announcements (15)Android (2)Animation (1)Announcements (99)Appcelerator (3)Apple (20)Aptana (30)Articles (217)Atl...
ActionScript入門Wiki - Arctic.js
AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascri...
Loox Uと初音ミクで行こう!: ブラウザの拡張をつくろう!
2010年12月13日月曜日ブラウザの拡張をつくろう!いつもの前振り 初めましてもそうでない方もお元気ですか。 元気があれば何でも出来る!出来ません。 JavaScript Advent Calender、13日目担当のArc Cosineです。 今回はJavaScriptのネタを何か書こうと思いましたが、どうせならツールの一つくらい作ったほうがいいだろうと言う事で土日に突貫工事で作ってみました。...
Loox Uと初音ミクで行こう!: 多分、誰か既にやってると思うけれど
2010年10月9日土曜日多分、誰か既にやってると思うけれどOperaで、tumblrのスクロールが変Operaでtumblrを使っていて前から、スクロールが変だなぁと思っていました。 tumblrはデフォルトで、j/kで画像を上下にいけるのですが、Operaでみてると何故か数ピクセルだけ余計にスクロールするんです。 そのため「○○user」の部分が見えなくて、若干苛立を感じていました。 他のブラ...
HTML5/canvasを使ってみる: 万象酔歩
上の動画はHTML5で策定中のcanvas機能で出力しています。残念ながらIE(excanvas.js使用)では十分な速度が得られません。GoogleChrome,Opera,Safariでは問題がないことを確認してあります。Firefoxでは図形の数が増えると若干もたつきが出るようです。 記述は以下のようになっています。<!--[if IE]><script type="text/javascr...
Canvas From Scratch: Advanced Drawing | Nettuts+
In the previous article in this series, you learned about the canvas element, and the basics for drawing on it. In this article, I’m going to demonstrate some of the more advanced drawing functionalit...
Welcome to The Lighthouse - The Lighthouse
The Lighthouse at resistthefuture.com. A Sarah Connor Chronicles communityWelcomeWritten by aelysian Tuesday, 02 February 2010 21:23 Welcome to The Lighthouse at resistthefuture.com.We're a social cen...
JavaScript + canvas でブロック崩し - 言いたい事言うだけ
javaScript, canvas, プログラミング, 作ったもの canvasの勉強がてらブロック崩し作ってみた。 遊んでみるソースコード canvasの概要についてはCanvasとは - HTML5.jpに詳しく書いてあります。簡単に言えばJavaScriptだけでアニメーションや図を書けるって感じかな。 Flashとか知らないし!とかいう人にはお勧めですね! ソースコード説明 簡単なゲーム...
Canvas Pad
// Draw black rectctx.fillRect(50, 20, 145, 145);// Draw blue rectctx.fillStyle = "rgb(0, 162, 232)";ctx.fillRect(135, 85, 125, 125);// Increase line widthctx.lineWidth = 5;// Draw black rect outlinec...
Chrome 9の2Dアクセラレーションは遅くなったりする! - yukobaのブログ
id:revulo さんに教えてもらったのですが(Thanks!)、id:mindcat さんの のベンチマークがすごく良くできています!Canvasのベンチマークテストを作って速度を比較してみた - 風と宇宙とプログラム掲載されている、Chrome 9 のベンチマークが2Dアクセラレーションを無効にしているようなので、有効にしてみました。2Dアクセラレーションは --enable-acceler...
javascriptサンプル / canvas:クリッピングマスク
function addevent(node,evt,func){if(node.addEventListener){node.addEventListener(evt,func,false);} else if(node.attachEvent){node.attachEvent("on"+evt,func);}}var draw = function(){var canvas = docume...
Tenbyou - jsdo.it - Share JavaScript, HTML5 and CSS
<script type="text/javascript" src="http://jsdo.it/blogparts/fGrD/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://j...
It's Rainbow in JavaScript!
(The "Eval" button is just there in case pressing enter doesn't work for you. I run into this kind of snafu on mobile devices.) Above is a REPL for Rainbow.js, an implementation of most of Rainbow, wh...
フリーなCoffeeScriptの入門本 - karasuyamatenguの日記
09:13http://autotelicum.github.com/Smooth-CoffeeScript/SmoothCoffeeScript.htmlざっと見たところ綺麗にフォーマットしてあって、質は高そう。しかしCoffeeScriptの勢いには驚かされる。これってJavaScriptにsyntactic sugarを加えるために作ったものでしょ? 他の高レベル言語にトランスレートするラッ...
