You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
概要 静止画をドット絵風の低画質に変換にする「低画質画像メーカー」を作った。 低画質画像メーカー 内容は先日画像をドット絵風の低画質に変換するTwitter Bot「低画質」を作ったで書いたとおり。 こういう画像を こうする。 この画像*1が こうなる。 世の中の画像が低画質のドット絵風味の画像になる。 やったぜ! 使い方 使い方は、 ①「ファイルを選択する」から変換したい画像を選択する ② デフォルトのパラメーター(ドットサイズ4x4, 色数6色)で画像が生成される ③ 「ダウンロード」ボタンが現れるのでそれを押すと画像が保存される。 という感じ。画像アップしたらひょいっとできる。 その他にも各スライダーを動かしながら自由にドットサイズや色数も調整できる。 ドットのサイズは小さくなればより高画質に、 色数は小さくなればより単色に 近づいていく。 コツ 良い感じの低画質画像を生み出すために
2値化画像のラインを細線化するアルゴリズムは沢山ありますが、 ループ回数がどうしても多くなるので、javascriptでの実装例は少ないです。 ここでは、比較的高速なZhang-Suen, NWGと、田村の方式を実装してみます。 実行サンプルはこちら Zhang-Suenのアルゴリズムは、比較的単純であるので実装し易いです。 ラスタスキャンにより画素情報を読み込み、 調査画素を含む、3x3pixの画素値に対し、3種の条件を満たしていれば、 調査画素を白(1)から黒(0)に置き換えます。 調査画素(P1)を含む、3x3pixの画素に次のように番号を振る。 条件1. 外周一周を眺めた時、 (P2->P3->P4->P5->P6->P7->P8->P9->P2) 黒→白となる並びが一つだけであること。 (英文:A(P1)=number of 0,1 patterns(transitions fr
このドメインを購入する。 burkhardt-medienproduktion.de 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
jsgif: A GIF player in JavaScript Problem You look up a sorting algorithm on Wikipedia, and there's a handy animated GIF on the page; but it's hard to follow because it goes at a strange pace. Alas! If only you had some way of stopping the animation and going through it frame-by-frame... Problem You have this hilarious animation of a cat doing a funny thing; but it would be 3½ times as hilarious i
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,~~~』形式のデータ(dataスキーム)を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
We build tailored data systems for firms that depend on accuracy and speed. From finding new legal cases to extracting and analyzing custom financial data, every solution is designed to get you the best results. We write programs to acquire, sort, and filter large amounts of data. Our programs, refered to as “crawlers” or “spiders” get your information quickly, accurately, and effectively. This pr
Lightbox 3 — Zero dependencies. Fluid animations. Built for touch. Check it out → Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by
Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages. Overview Sample pages using the canvas tag are included with the source code. For more information about the canvas tag,
jqFancyTransitions slideshow with strip effects jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+. Documentation, Download and Discussion
slideViewerPro 1.5 A 'pro' jQuery image slider built on a single unordered list. Cool! What's this? slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts. slideViewerPro is the direct descendant of the popular jQuery slideViewer plugin. Each gallery generates a us
A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL
Usage Download the latest version of Galleriffic and jQuery 1.3 (also works with jQuery 1.2.6 ... use other versions of jQuery at your own risk) View the source of this page to see a full-featured example setup. All container selectors are optional, so you may choose to not include an area (such as the loading container or caption container). Here is an example of all the elements needed for a f
Mar 14, 2008 jQueryを使ったスライドショー jQueryを使ったスライドショーを作ってみました。 ■スライドショー サンプル ソースを公開するので面白そうだと思った人はダウンロードして使ってみてください。 ■ダウンロード 表示用とサムネール用の2つの画像を用意する必要がありますが、写真数の変更は基本的にHTMLの修正だけで動作します。 動作検証ブラウザは Windows IE6,7 FireFox 2.0 Mac FireFox2.0 Safari3.0(たぶん2でも動きます) CSSのoverflow:hiddenとposition:relativeのバグが解消できなかったためIEとそれ以外のブラウザでは画面構成とスライドショーの動作が異なりますのでご注意ください。 写真の枚数を変えるときはindex.htmlの「<!-- 編集領域 ここから -->
We’ve reached the perineum of the holidays and I’m enjoying some quiet time before the new year—a perfect time to reflect on the year just spent. Travel This year was a quiet year for air travel, perhaps even quieter than expected. I have been avoiding travel to the States, for the most part. That has meant not getting any status on United next year—the first year in probably 15 year... Read it al
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く