Source
8月21 Canvas でカラーハーフトーン はじめに ネット上で Photoshop にはカラーハーフトーンというフィルタがあることを知って、面白そうなので実装してみました。 適当にググってカラーハーフトーンフィルタを使った画像を見ながら「多分こういうものだろう」と考えて実装したものなので Photoshop のものとは大きく異なる可能性があります。 カラーハーフトーンってなに 元々は網点という印刷まわりの技法のようですが、Photoshop のものは完全に画像の効果としてあつかった方が良いみたいです。 ネットで使用例を見た感じ、各色ごとに指定された角度の正方形に画像を分割して、色の多いところは大きく、少ないところは小さく円を描いて水玉模様みたいにする効果だと思います。 実装1: 独自実装(わりとゴリ押し) (0, 0) から角度と正方形のサイズから dx, dy を計算してそれを加算し
Illustration by © Sevnzel. Attention: Diversion of source images are prohibited. About Created by Xoihazard (微博/Weibo) Build: Wed Jun 01 2022 04:04:23 GMT+0000 (Coordinated Universal Time) This program performs image processing on the browser. No image files are uploaded to the remote server. Enjoy! 这个程序在浏览器上进行图像处理。不会将任何图像文件上传到远程服务器。请享用! このプログラムはブラウザ上で画像処理を行います。画像ファイルをリモートサーバーにアップロードすることはありません。お楽し
Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone. There are two caveats to glfx.js. First, WebGL is a new technology that is only available in the latest browsers and it will be quite a while before the majority of users have it. Second
Breathing Halftone Images go whoa with lots of floaty dots Made for Yaron Install breathing-halftone.pkgd.js breathing-halftone.pkgd.min.js Usage // get the image // jquery var img = $('#hero img')[0]; // or vanilla JS var img = document.querySelector('#hero img'); // init halftone new BreathingHalftone( img, { // options... }); Browsers that do not support <canvas> will fall back to the original
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く