Browser in the Dark: flashlights with CSS and canvas
Table of contentsmix-blend-modeCanvasNight Light with CSSNight Light with canvas Note: this article will make more sense if you are using a mouse or other pointing device. Requires javascript. Warning: things can get a little spooky in the dark! You can read the source code for this document here (or by pressing Ctrl+U in chrome / firefox). mix-blend-mode (§) I really like the "dark mode" switch o
Rough.js
Create graphics with a hand-drawn, sketchy, appearance Rough.js is a small (<9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG. Install Install from npm: npm install --save roughjs And use it in
Primrose by capnmidnight
Primrose: A text editor that draws to Canvas Primrose[0] is a lightweight[1] text editor control for Web browsers[2]. It can be used as a texture on a WebGL mesh. It includes basic syntax highlighting and keyboard shortcuts. Examples Go ahead, try some tippity-typing in the box below. [NOTE: this is an extremely early proof-of-concept. It works only in Google Chrome and maps only to US English key
古めかしいCGを描くためのライブラリ gretro です - 音の鳴るブログ
gretro - JavaScript graphic library for retro CG (2014.08.14) お試しページを作りました 最近、昭和っぽい気持ちのCGを描きたい感じで20年くらい前の本を参考にしながら 円 とか 線 とか描いて遊んでいたのだけど、古い本を参考したら昭和っぽい絵が描けるというわけではなくて、Canvas に描くとどうしてもモダンな感じになってしまうという問題があった。 昔は4096色中の16色しか使えないとか座標は整数のみとか色々制約があって、それでも絵を描くためにタイルパターン（2色を交互に並べたりして中間の色を出す）とか駆使していたのだけど、今の Canvas だと16777216色、透明あり、小数の座標、アンチエイリアスも利くとか表現力が格段に高くてちょっと描いただけですぐモダンな感じになってしまう。大は小を兼ねるとか言ってもちろん Canv
Canvas Fingerprinting
It's very likely that your web browser is Web Browser and your operating system is Operating System. The way an image is rendered on a canvas can vary based on the web browser, operating system, graphics card, and other factors, resulting in a unique image that can be used to create a fingerprint. The way that text is rendered on a canvas can also vary based on the font rendering settings and anti
The Web never forgets: Persistent tracking mechanisms in the wild
The Web never forgets: Persistent tracking mechanisms in the wild is the first large-scale study of three advanced web tracking mechanisms - canvas fingerprinting, evercookies and use of "cookie syncing" in conjunction with evercookies. Read the paper » The study is a collaboration between researchers Gunes Acar1, Christian Eubank2, Steven Englehardt2, Marc Juarez1, Arvind Narayanan2, Claudia Diaz
Isomer – an isometric graphics library for HTML5 canvas
About Isomer allows you to draw isometric graphics with ease. Let's draw a simple cube. var Shape = Isomer.Shape; var Point = Isomer.Point; iso.add(Shape.Prism(new Point(0, 0, 0))); The Grid Here is the same cube overlayed with a 3D grid. This is how objects look under an isometric projection. /** * This is the 3D isometric grid that * we will be drawing on. * * The blue grid is the xy-plane. * Th
Flowchart
Theme: The Flowchart sample demonstrates several key features of GoJS, namely Palettes, Linkable nodes, Drag/Drop behavior, Text Editing, and the use of Node Template Maps in Diagrams. Drag from the edges of a Node to create new Links. Selecting Links allows you to re-shape and re-link them. Selecting a Node and then clicking its TextBlock will allow you to edit text (except on the Start and End N
Chris Poole – Today my startup failed
No soft landing, no happy ending—we simply failed. It’s been a long four year journey, full of highs and lows. I am simultaneously incredibly proud, and incredibly disappointed. I’m incredibly proud of an amazing team and all that they have accomplished. Our most recent product, DrawQuest, is by all accounts a success. In the past year it’s been downloaded more than 1.4 million times, and is curre
Sarien.net - Instant adventure gaming
Welcome to Sarien.net, the authorized portal for reliving classic Sierra On-Line adventure games. With its focus on instant fun and a unique multiplayer experience, Sarien.net hopes to win new gamers' hearts and promote the adventure game genre. TIME lists sarien.net among the "50 Best Websites" Sarien.net is supported by Activision After 2 years, Sarien.net has received official authorization fro
JavaScript でくるくる CAPTCHA を実装してみる - IT戦記
あっきーパパが Google の新しい CATCHA の論文を紹介してたので グルグル回すグーグルの新CAPTCHA特許 | 秋元@サイボウズラボ・プログラマー・ブログ 脊髄反射で作ってみた （UI の部分だけですが；；；） http://amachang.sakura.ne.jp/misc/kurukuru/（IE では動きません） jQuery UI と canvas を使ってます。初めて使いましたが、いいですね、 jQuery UI。 （追記）せっかくなのでソースコードの解説 // 初期値の設定 // prev_value は最後に設定された値の保持用 last_value のほうが良かったかも var start_value = Math.PI, prev_value = start_value; // 回転用イメージオブジェクト var img = new Image; // i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - andrewcourtice/ripl: Ripl provides a unified API for 2D graphics rendering in the browser with a focus towards high performance and interactive data visualization.
オープン Web テクノロジーのデモ | MDN
Nihilogic : Canvas Visualizations of Sorting Algorithms