glitch.js [Scripts]
glitch.js is a javascript by undef collective that takes the content on your site and creates glitch type effect. Install is really simple, download the library, wrap in <div id=”glitchContent”> what you want to use as source and <onclick=”startGlitch()”> to call the start glitch function anywhere to start the fake glitch. If you want existing div glitched, just change it in the glitch.js with fin
![glitch.js [Scripts]](https://cdn-ak-scissors.b.st-hatena.com/image/square/58704ee6a258987c2acb93bb3ed0ba6c18a0abe8/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fwww.creativeapplications.net%2Fwp-content%2Fuploads%2F2011%2F06%2Fglitchjs00.png)
peter.michaux.ca - SICP Classes for JavaScript
SICP Classes for JavaScript Published June 5, 2011 in JavaScript, SICP, Scheme Warning: This article is intended for JavaScript programmers. Parens are coming but only briefly and you can handle it and it will be good for you. In Structure and Interpretation of Programming Languages Second Edition (SICP) on page 182, the authors introduce the idea of message passing with the following example in S
20 Fresh JavaScript Data Visualization Libraries
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There are plenty of JavaScript librari
Calculate note frequencies in JavaScript with MUSIC.js | Greg Jopa
Calculate note frequencies in JavaScript with MUSIC.js05.22.2011 — JavaScript MUSIC.js is a music creation library containing functions and data sets to generate notes, intervals, chords, and scales. With the new client-side script APIs (Firefox's Audio Data API and Webkit's Web Audio API) we have the ability to do audio synthesis (generate sound) with javascript. MUSIC.js is designed to make it e
A fresh look at JavaScript Mixins
(Russian, Japanese) In this article I’ll explore JavaScript mixins in detail, and introduce a less conventional, but to my mind more natural mixin strategy that I hope you’ll find useful. I’ll finish up with a profiler matrix summarizing the performance impact of each technique. [A big Thank You to the brilliant @kitcambridge for reviewing and improving the code on which this blog is based!] Re-us
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use? Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
Closure Compilerの使い方 - 強火で進め
Closure CompilerというGoogle製のJavaScriptの最適化ツールが有ります。 このツールを使うと余分な空白や改行を削除したり、変数名を短いものに変更したりするなど様々な最適化を行ってくれます。 また、その様な最適化の他にJavaScriptファイルの連結も一緒に行ってくれます。 色々なライブラリを使うとJavaScriptのファイルが複数になったりする場合も多いかと思います。しかし、複数のファイルをDLするとなると単一ファイルをDLするより速度が落ちてしまいます。 その様な時にClosure Compilerでコンパイルを行うとその様な部分についても最適化出来ます。 使い方は至って簡単で、こちらの「Download the application」のリンクからClosure CompilerをDL。 ※Javaがインストールされてない場合は別途インストールの必要有り
requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
【BET0809】Kasino online paling terpercaya di Indonesia.
Kasino online terpercaya di Indonesia
arduino.js: JavaScript-to-Arduino I/O control interface
Standard I/O Pins Pin 2 Pin 3 Pin 4 Pin 5 Pin 6 Pin 7 Pin 8 Pin 9 Pin 10 Pin 11 Pin 12 Pin 13 Pin 13/LED Blink Test Pin 13 typically has a surface-mount LED (eg. as with the Uno) representing binary output. Interval (msec): Requirements A small shopping list of software is needed to get everything working. Arduino and Flash overview, steps #1 and 2 Arduino Uno (USB) running Standard Firmata 2.0+ s
「JavaScript ゲーム製作勉強会 Vol.1」でUnity入門の話を話しました - 強火で進め
「JavaScript ゲーム製作勉強会 Vol.1」でUnityの話をしました。 JavaScript ゲーム製作勉強会 Vol.1 - [PARTAKE] http://partake.in/events/0fd0a387-a43c-4405-8750-34131fb8bde6 「Unityの話を…」とリクエストを貰った時は一瞬、「えっ？」って思ったのですが確かにUnityも間違い無く「JavaScript ゲーム製作」でしたね。 タイトルは「玉転がしゲームで学ぶ Unity入門」で話ました。 本当に入門向けなのでちょっとでも触った事が有る人には今更な内容ばかりかと思います。初めてUnityを使う人を想定で解説しましたのでそういう方には役立つかと思います。 ※「リファレンスにはBOOのサンプルが無い」と言ってしまってましたが無いだとウソ情報ですね。正確には「基本的なメソッドなどのページ
アニメーションgifならぬアニメーションjpg/png - rettuce.blog
今日（2011/5/11）のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ
Crossroads.js: JavaScript Routes System
Crossroads.js is a routing library inspired by URL Route/Dispatch utilities present on frameworks like Rails, Pyramid, Django, CakePHP, CodeIgniter, etc... It parses a string input and decides which action should be executed by matching the string against multiple patterns. It is a powerful and flexible routing system. If used properly it can reduce code complexity by decoupling objects and also b
console.dir() - 強火で進め
console.log() は良く使ってるのですがもっと便利な console.dir() というものも有るみたいです。 例えば、以下の様なプログラムを実行すると var v = {i: 10, str: 'hoge'}; console.dir(v);Firebugにはこの様に出力されます。 log() と異なり、全てのプロパティを見やすい形で表示してくれるみたいです。 ちなみにChromeで使う分には違いは無さそうです。 参考書籍 JavaScriptパターン ―優れたアプリケーションのための作法 作者: Stoyan Stefanov,豊福剛出版社/メーカー: オライリージャパン発売日: 2011/02/16メディア: 大型本購入: 22人 クリック: 907回この商品を含むブログ (76件) を見る
humane.js
A simple, modern, framework-independent, well-tested, unobtrusive, notification system. Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support. Select a theme: Click a code sample below to see it in action: humane.log("Welcome Back") humane.log("Record 392 has been updated") humane.log(["List","of","Items"]) humane.log("Callback when finished", functi
HTML5によるゲームプログラム本「Learning HTML5 Game Programming: A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL」 - 強火で進め
扱ってる内容は以下。 Canvas SVG WebGL 目次はこちら。 Chapter 1. Introducing HTML5 K.Moving beyond Basic HTML Bridging the Divide Getting Things Done with Web Workers and Web Sockets Application Cache Database API Web Storage Geolocation Getting Users’ Attention with Notifications Media Elements HTML5 Drawing APIs Conveying Information with Microdata Summary Chapter 2. Setting Up Your Development Environment Develo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
owns.ch
GitHub - codeboost/JOpenFrameworks at 465a05b77bf0883923f9431a6b488b8757e5d780
IBM Developer
