rjanicek/vice.js

blurred graphics

ociebieda opened this issue · 3 comments

Hello.
Default graphics are blurred by some kind of antialias filter when display is resized.
Is there any way to turn it off and keep display to look like real retro pixel?

Thanks.

Can you give more details on what you are doing?

I mean that resized display element is smoothed by some kind of antialiasing filter (linear interpolation).
This makes very low resolution graphics (not a photo, but retro pixel known as pixel art) blurred.
The solution would be to keep it Nearest Neighbor (known also as Crisp Edges).
Let me show difference on example image: http://asawicki.info/files/nearest_neighbor.png

You may use -VICIIfilter option to select different filter modes:

-VICIIfilter
Select rendering filter, 0:none, 1:CRT emulation, 2: scale2x

Example links below, click start button to start the emulator.

http://retroplay.co/c64/#{"vice": {"-VICIIfilter": "0"}}

http://retroplay.co/c64/#{"vice": {"-VICIIfilter": "1"}}

http://retroplay.co/c64/#{"vice": {"-VICIIfilter": "2"}}