Q&A
ありがとうございます。
今ビットマップフォントじゃない普通のフォントをビットマップ表示にしたいです。
写真以外を全部8bit（ビットマップ）にしたくて、『イラレでこういうのができるならプログラム的には可能なのでは』と思ったのですが、できますかね？ （何かおかしな事言ってたらすいません…
そもそもコードで全面にフィルターかけることできますか？
イラレ（Adobe Illustrator）で「ピクセルプレビュー」にした時みたいにしたいです。
全体にとか、文字だけにとか、写真以外全部にとか…
調べまくりましたが、自力では解決できませんでした。
どの言語でどう書けばいいのでしょうか…？
是非回答よろしくお願いします。
回答3件
0
役に立たないかと思いますが、面白そうなのでsvgで作ってみました。
SVGで複数フィルター組み合わせると、テキストをモザイク風に変換可能でした。
が、フィルターのパラメータ調整が非常に難しいです。
原理的にアンチエリアシングがかかると思われ、職人的に作られたビットマップフォントのようにクッキリにはできません。
投稿2019/01/23 12:28
編集2019/01/23 23:12
総合スコア2826
0
文字だけであればそういうフォントをWebフォントにすれば出来るとは思います。（フィルタの領域ではない気がします）
【PixelMplus（ピクセル・エムプラス） ‥ 8bitビットマップふうフリーフォント - itouhiroはてなブログ】
http://itouhiro.hatenablog.com/entry/20130602/font
【8bitゲーム機風のWebフォントをstyle.cssに記述してブログに反映させる | くねおの電脳リサーチ】
http://kuneoresearch.com/webfont-8bit-game/
画像ならCanvas使ってJavaScript で描くとか。
【HTML Canvasを利用して 画像のモザイク処理をする (JavaScript プログラミング)】
https://www.ipentec.com/document/html-canvas-create-mosic-image
【【jQuery】『pixelate.js』を使って画像にモザイク処理をかける方法 | Web制作会社スタイル】
http://www.hp-stylelink.com/news/2014/11/20141107.php
投稿2019/01/22 17:01
編集2019/01/22 17:02
総合スコア69400
ありがとうございますって何？
回答文1行も読んでないでしょ。
>>miyabi-sunさん
全部読んでます。
ただ、提案して頂いた方法は全部既に知っていて、どれも自分のやりたい感じとは違ったので…
でも提案して下さってありがとうございますという意味です。そして自分のやりたい感じを説明&質問させて頂きました。
> ただ、提案して頂いた方法は全部既に知っていて、どれも自分のやりたい感じとは違ったので…
知っていること、検討したことは全部書くべきですよ。
知り合いでもないのに無償で回答してくれたkei344さんに失礼かと思います。
0
HTML や CSS, JavaScript をつかって凝った描画命令を行ったとしても、それが意図したとおりに行われる保証はありません。
なぜなら描画を行うのはブラウザであって、しかもブラウザは「処理できない命令は無視する」ように作られているからです。
意図したとおりに描画されたかどうかをチェックするのは（非常に愚直ですが）ある描画命令の後に「それで変化したはずのピクセルの状態を得る」ことで判定することは可能ですが、Acid テストででもない限りそんな手間暇かける意味がありません（失敗したからといって再描画しても同じことなので）
ブラウザのプラグインとしてそういうことを行えるものを作ることは可能でしょうが、それは HTML/CSS/JavaScript/Webサーバー の領分ではありません。
投稿2019/01/23 07:36
総合スコア13703
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/29 14:07